: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(min(160px,45%),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);height:48px;padding:0 var(--space-3);gap:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);letter-spacing:.03em;-webkit-tap-highlight-color:transparent;background:#00000080;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;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);text-align:center;padding:var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.win-overlay--transparent{padding-bottom:var(--space-6);background:0 0;justify-content:flex-end}.win-overlay--transparent .win-overlay__stars,.win-overlay--transparent .win-overlay__message,.win-overlay--transparent .win-overlay__actions{border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.win-overlay__stars{margin-bottom:var(--space-3);font-size:2rem}.win-overlay__message{color:var(--color-text);margin:0 0 var(--space-5);text-shadow:0 2px 8px #000c;font-size:2rem;font-weight:700}.win-overlay__actions{gap:var(--space-3);flex-direction:column;width:100%;max-width:280px;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;padding-top:72px;display:flex;position:fixed;inset:0}.difficulty-selector__inner{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}@media (height<=680px){.difficulty-selector__inner{gap:var(--space-2)}.character-btn{width:48px;height:48px;font-size:1.6rem}.character-selector{gap:var(--space-2);max-width:260px}.character-reward-hint{font-size:1.3rem}.difficulty-btn{padding:var(--space-3)}.difficulty-btn svg{width:52px;height:52px}}.difficulty-selector__grid{gap:var(--space-4);display:flex}.character-selector{justify-content:center;gap:var(--space-3);flex-wrap:wrap;max-width:320px;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}.sight-words{background:var(--color-bg);width:100%;height:100dvh;padding:var(--space-4);padding-top:72px;padding-bottom:var(--space-4);box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.sight-words__tabs{gap:var(--space-2);display:flex}.sight-words__tab{padding:var(--space-2) var(--space-5);color:var(--color-text-muted);background:var(--color-surface);letter-spacing:.03em;-webkit-tap-highlight-color:transparent;border-radius:99px;font-size:.95rem;font-weight:600;transition:background .12s,color .12s}.sight-words__tab--active{background:var(--color-accent);color:#fff}.sight-words__tab:active:not(.sight-words__tab--active){background:var(--color-card-bg)}.sight-words__word-area{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.sight-words__word{color:var(--color-text);letter-spacing:.05em;text-align:center;font-size:clamp(4rem,20vw,8rem);font-weight:800;line-height:1}.sight-words__speak{background:var(--color-surface);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.8rem;transition:background .12s,transform .1s;display:flex}.sight-words__speak:active{background:var(--color-card-bg);transform:scale(.93)}.sight-words__actions{gap:var(--space-3);flex-direction:column;width:100%;max-width:360px;display:flex}.sight-words__btn{width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);letter-spacing:.02em;-webkit-tap-highlight-color:transparent;font-size:1.2rem;font-weight:700;transition:transform .1s}.sight-words__btn:active{transform:scale(.97)}.sight-words__btn--correct{background:var(--color-accent);color:#fff}.sight-words__btn--next{background:var(--color-card-bg);color:var(--color-text)}.puzzle-selector{z-index:50;background:var(--color-bg);padding:var(--space-4);-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.puzzle-selector__inner{align-items:center;gap:var(--space-6);flex-direction:column;width:100%;padding-top:56px;display:flex}.puzzle-difficulty-row{gap:var(--space-4);display:flex}.puzzle-difficulty-btn{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--color-text);-webkit-tap-highlight-color:transparent;border:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;transition:background .15s,border-color .12s,transform .1s;display:flex}.puzzle-difficulty-btn--selected{border-color:var(--color-accent)}.puzzle-difficulty-btn:active{transform:scale(.96)}.puzzle-difficulty-btn__label{margin-top:var(--space-2);letter-spacing:.03em;font-size:.85rem;font-weight:600}.puzzle-selector__grid{gap:var(--space-4);flex-wrap:wrap;justify-content:center;transition:opacity .2s;display:flex}.puzzle-selector__grid--locked{opacity:.35;pointer-events:none}.puzzle-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}.puzzle-btn:active{background:var(--color-card-hover);transform:scale(.96)}.puzzle-btn__label{color:var(--color-text);margin-top:var(--space-2);letter-spacing:.03em;font-size:.95rem;font-weight:600}.puzzle-thumbnail{top:var(--space-3);right:var(--space-3);z-index:var(--z-overlay);border-radius:var(--radius-md);pointer-events:none;border:2px solid #fff3;width:56px;height:56px;position:fixed;overflow:hidden}*,: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}