: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__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__grid{gap:var(--space-4);display:flex}.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}