:root{--color-bg:#1a1a2e;--color-surface:#16213e;--color-accent:#e94560;--color-text:#eaeaea;--color-text-muted:#888;--color-card-bg:#0f3460;--color-card-hover:#1a4a7a;--color-win-bg:#000000d9;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--z-game:1;--z-overlay:100;--z-win:200}.home-screen{width:100%;min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.home-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));width:100%;max-width:480px;display:grid}.game-card{justify-content:center;align-items:center;gap:var(--space-3);background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-tap-highlight-color:transparent;flex-direction:column;min-height:160px;transition:background .15s,transform .1s;display:flex}.game-card:active{background:var(--color-card-hover);transform:scale(.96)}.game-card--coming-soon{opacity:.55;cursor:default;position:relative}.game-card--coming-soon:active{background:var(--color-card-bg);transform:none}.game-card__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:99px;padding:2px 8px;font-size:.7rem;font-weight:700}.game-card__icon{justify-content:center;align-items:center;display:flex}.game-card__title{color:var(--color-text);letter-spacing:.02em;font-size:1.1rem;font-weight:600}.home-button{top:var(--space-3);left:var(--space-3);z-index:var(--z-overlay);border-radius:var(--radius-sm);width:48px;height:48px;color:var(--color-text);-webkit-tap-highlight-color:transparent;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed}.home-button:active{background:#000c}.dpad{bottom:var(--space-5);z-index:var(--z-overlay);position:fixed;left:50%;transform:translate(-50%)}.dpad__grid{grid-template-rows:repeat(3,64px);grid-template-columns:repeat(3,64px);display:grid}.dpad__btn{border-radius:var(--radius-sm);width:64px;height:64px;color:var(--color-text);-webkit-tap-highlight-color:transparent;background:#ffffff26;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.dpad__btn:active{background:#ffffff59}.win-overlay{z-index:var(--z-win);background:var(--color-win-bg);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-overlay__card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;width:100%;max-width:320px}.win-overlay__stars{margin-bottom:var(--space-3);font-size:2rem}.win-overlay__message{color:var(--color-text);margin:0 0 var(--space-5);font-size:2rem;font-weight:700}.win-overlay__actions{gap:var(--space-3);flex-direction:column;display:flex}.win-overlay__btn{width:100%;padding:var(--space-4);border-radius:var(--radius-md);font-size:1.1rem;font-weight:600}.win-overlay__btn--primary{background:var(--color-accent);color:#fff}.win-overlay__btn--secondary{background:var(--color-card-bg);color:var(--color-text)}.difficulty-selector{z-index:50;background:var(--color-bg);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.difficulty-selector__inner{align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.difficulty-selector__grid{gap:var(--space-4);display:flex}.character-selector{gap:var(--space-3);display:flex}.character-btn{background:var(--color-card-bg);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;border:3px solid #0000;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.2rem;transition:border-color .12s,transform .1s;display:flex}.character-btn--selected{border-color:var(--color-accent)}.character-btn:active{transform:scale(.94)}.character-reward-hint{text-align:center;opacity:.85;letter-spacing:.1em;font-size:1.8rem}.difficulty-btn{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}.difficulty-btn:active{background:var(--color-card-hover);transform:scale(.96)}.difficulty-btn__label{color:var(--color-text);margin-top:var(--space-2);letter-spacing:.03em;font-size:.95rem;font-weight:600}.game-screen{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.game-screen canvas{width:100%;height:100%;display:block}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--color-bg);width:100%;height:100%;min-height:100dvh;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}