:root{--bg-top:#2a3a5e;--bg-bottom:#1f2a44;--tile:#ffffff;--tile-ink:#1f2a44;--accent:#ffce54;--accent-ink:#5a4a10;--grid-empty:rgba(255,255,255,0.12);--grid-filled:#ffffff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:linear-gradient(160deg,var(--bg-top),var(--bg-bottom));background-attachment:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}#__next,main{min-height:100%}.bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-photo{position:absolute;inset:0;background-size:cover;background-position:50%;animation:bgIn .9s ease}@keyframes bgIn{0%{opacity:0}to{opacity:1}}.bg-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.16) 20%,rgba(0,0,0,.16) 60%,rgba(0,0,0,.52))}@media (prefers-reduced-motion:reduce){.bg-photo{animation:none}}@media (prefers-contrast:more){.bg-scrim{background:rgba(0,0,0,.88)}}.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:var(--app-vh,100dvh)}.splash h1{font-size:2.2rem;opacity:.85}.app{flex-direction:column;height:100vh;height:100dvh;height:var(--app-vh,100dvh);overflow:hidden;padding:calc(var(--safe-top) + .5rem) .75rem calc(var(--safe-bottom) + .75rem);gap:.5rem;position:relative;z-index:1}.app,.hud{display:flex;align-items:center}.hud{width:100%;max-width:480px;justify-content:space-between;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.55)}.hud-level{display:flex;flex-direction:column;font-size:1rem}.hud-progress{font-size:.75rem;opacity:.7;font-weight:500}.hud-right{display:flex;align-items:center;gap:.6rem}.coins{background:rgba(0,0,0,.25);padding:.3rem .7rem;border-radius:999px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.coin-icon{color:var(--accent)}.hint-btn{border:0;border-radius:999px;padding:.45rem .9rem;font-weight:700;font-family:inherit;color:var(--accent-ink);background:var(--accent);cursor:pointer}.hint-btn:disabled{opacity:.4;cursor:default}.play-area{flex:1 1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0}.grid{display:grid;grid-gap:4px;gap:4px;--cell:min(calc((min(92vw, 420px) - (var(--gw) - 1) * 4px) / var(--gw)),calc((var(--grid-h, 200vh) - (var(--gh) - 1) * 4px) / var(--gh)));grid-template-columns:repeat(var(--gw),var(--cell));grid-auto-rows:var(--cell);min-width:0}.cell{aspect-ratio:1}.cell.slot{border-radius:9px;background:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.07) 60%);backdrop-filter:blur(7px) saturate(160%);-webkit-backdrop-filter:blur(7px) saturate(160%);box-shadow:inset 0 1px .5px rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -8px 14px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.32)}.cell.filled{background:var(--grid-filled);color:var(--tile-ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(.8rem,4.2vw,1.5rem);text-transform:uppercase;animation:pop .22s ease}@keyframes pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.preview-slot{position:relative;height:2.6rem;display:flex;align-items:center;justify-content:center}.word-preview{display:flex;gap:4px;min-height:2.2rem}.wp-tile{background:var(--accent);color:var(--accent-ink);font-weight:800;border-radius:6px;padding:.2rem .55rem;font-size:1.3rem}.word-preview.shake{animation:shake .4s}.word-preview.shake .wp-tile{background:#ff6b6b;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.toast{position:absolute;white-space:nowrap;padding:.35rem .85rem;border-radius:999px;font-weight:700;font-size:.95rem;background:rgba(0,0,0,.55);animation:fadeUp .25s ease}.toast.good{color:#b6f5c1}.toast.bonus{color:var(--accent)}.toast.bad{color:#ffb3b3}.toast.meh{color:#d6d6d6}@keyframes fadeUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.wheel-wrap{position:relative;width:min(62vw,250px);aspect-ratio:1}.wheel{width:100%;height:100%;touch-action:none}.wheel-bg{fill:rgba(0,0,0,.32)}.tile{fill:var(--tile);transition:fill .12s}.tile.sel{fill:var(--accent)}.tile-text{fill:var(--tile-ink);font-weight:800;font-size:28px;text-transform:uppercase;pointer-events:none}.tile-text.sel{fill:var(--accent-ink)}.shuffle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:1.5rem;cursor:pointer}.shuffle-btn:active{background:rgba(255,255,255,.3)}.level-done{position:fixed;left:0;right:0;top:0;height:var(--app-vh,100dvh);display:flex;align-items:center;justify-content:center;overflow-y:auto;background:rgba(0,0,0,.5);padding:calc(var(--safe-top) + 1.5rem) 1.5rem calc(var(--safe-bottom) + 1.5rem)}.level-done-card{background:var(--bg-bottom);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:1.5rem 1.75rem;text-align:center;max-width:320px;margin:auto}.break-note{margin:.25rem 0 .75rem;font-size:.95rem;line-height:1.4;color:var(--accent);opacity:.95}.next-btn{margin-top:.5rem;border:0;border-radius:999px;padding:.7rem 1.4rem;font-weight:800;font-size:1.05rem;font-family:inherit;color:var(--accent-ink);background:var(--accent);cursor:pointer}