:root{--bg: #0d1b2a;--surface: #14273d;--surface2: #1f3a5c;--accent: #f4a259;--teal: #2ec4b6;--violet: #7f5af0;--gold: #ffd803;--text: #fffffe;--text-dim: #8fa6bd;--text-dimmer: #4d6478;--danger: #ff5d5d;--radius: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}#app{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);user-select:none;-webkit-user-select:none}#app .ui{position:absolute;inset:0;pointer-events:none}#app .ui>*{pointer-events:none}#app button,#app .clickable{pointer-events:auto}.btn{appearance:none;border:none;border-radius:var(--radius);background:linear-gradient(180deg,#f7b35f,#ec8f43);color:#16293f;font-weight:800;font-size:1.08em;letter-spacing:1.2px;padding:15px 44px;cursor:pointer;transition:transform .12s cubic-bezier(.25,.46,.45,.94);font-family:inherit;box-shadow:0 5px #c56f2b,0 10px 22px #00000061}.btn:active{transform:scale(.94) translateY(2px);box-shadow:0 2px #c56f2b,0 6px 14px #00000057}.btn-secondary{background:linear-gradient(180deg,#37d6c7,#22b0a2);color:#0d1b2a;box-shadow:0 5px #178f84,0 10px 22px #00000061}.btn-secondary:active{box-shadow:0 2px #178f84,0 6px 14px #00000057}.btn-outline{background:#14273d8c;color:var(--accent);border:2px solid var(--accent);box-shadow:0 8px 18px #0000004d}.btn-outline:active{box-shadow:0 4px 10px #00000047}.btn-sm{box-sizing:border-box;min-height:44px;padding:11px 20px;font-size:.88em;box-shadow:0 4px #c56f2b,0 8px 16px #00000057}.btn-sm:active{box-shadow:0 2px #c56f2b,0 5px 12px #0000004d}.icon-btn{appearance:none;border:2px solid #2c4d78;background:#182e4a;color:var(--text);min-width:44px;height:44px;border-radius:12px;font-size:1.2em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;font-family:inherit;line-height:1;padding:0 6px}.icon-btn:active{transform:scale(.9)}.icon-btn:disabled{opacity:.35}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;pointer-events:none;padding-top:var(--safe-t);padding-bottom:var(--safe-b)}.screen.active{display:flex}.screen .btn,.screen .icon-btn,.screen h1,.screen p,.complete-card,.daily-card{pointer-events:auto}#screen-menu{justify-content:center;gap:16px;text-align:center;background:radial-gradient(ellipse at 50% 26%,rgba(46,196,182,.16),transparent 70%)}#screen-menu h1{font-size:3.3em;letter-spacing:6px;line-height:1.02;margin:0;text-shadow:0 3px 0 rgba(197,111,43,.55),0 6px 34px rgba(244,162,89,.55)}.tagline{color:#c9d8e8;margin:0 34px;font-size:.95em;line-height:1.35}.brand{position:absolute;bottom:calc(10px + var(--safe-b));color:var(--text-dimmer);font-size:.75em;letter-spacing:2px}.menu-stats{display:flex;gap:10px}.menu-chip{background:#182e4a;border:2px solid #2c4d78;border-radius:999px;padding:8px 18px;font-weight:800;display:flex;align-items:center;gap:7px;font-size:1.05em}#hud{position:absolute;top:calc(6px + var(--safe-t));left:8px;right:8px;display:none;align-items:center;justify-content:space-between;z-index:5}#hud.active{display:flex}.hud-left,.hud-right{display:flex;gap:8px}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:3px}.level-name{font-weight:800;letter-spacing:2.5px;font-size:.92em;color:#e8f1fa}.coins-chip{display:flex;align-items:center;gap:5px;background:#182e4a;border:2px solid #2c4d78;border-radius:999px;padding:4px 13px;font-weight:800;font-size:.95em}.coins-chip .coins-value{color:var(--gold)}#bonus-tray{position:absolute;top:calc(58px + var(--safe-t));left:10px;right:10px;display:none;gap:6px;overflow-x:auto;scrollbar-width:none;z-index:4}#bonus-tray::-webkit-scrollbar{display:none}#bonus-tray.active{display:flex}#bonus-tray.empty{display:none}.bonus-chip{background:#ffd80324;border:1.5px solid rgba(255,216,3,.7);color:var(--gold);font-size:.72em;font-weight:800;letter-spacing:1.5px;border-radius:999px;padding:4px 11px;white-space:nowrap}#wheel-bar{position:absolute;left:10px;right:10px;bottom:calc(10px + var(--safe-b));display:none;justify-content:space-between;z-index:5}#wheel-bar.active{display:flex}#wheel-bar .icon-btn{width:52px;height:52px;border-radius:14px;font-size:1.35em;background:#182e4afa;box-shadow:0 4px 12px #0006}.hint-btn{flex-direction:column;gap:0}.hint-btn .glyph{line-height:1}.hint-cost{font-size:.62em;font-weight:800;color:var(--gold);letter-spacing:.5px}#screen-levels{justify-content:flex-start;padding-top:calc(10px + var(--safe-t))}.levels-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 14px;box-sizing:border-box}.levels-head h2{letter-spacing:3px;margin:8px 0}.levels-grid-wrap{flex:1;overflow-y:auto;width:100%;padding:4px 18px calc(18px + var(--safe-b));box-sizing:border-box}.levels-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.world-head{grid-column:1 / -1;margin:14px 2px 2px;color:var(--text-dim);letter-spacing:3px;font-size:.78em}.level-btn{appearance:none;aspect-ratio:1;border-radius:12px;border:2px solid #2c4d78;background:#182e4a;color:var(--text);font-family:inherit;font-weight:800;font-size:1.15em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:2px;box-shadow:0 3px 8px #0000004d}.level-btn.locked{opacity:.55;cursor:default;color:var(--text-dim);box-shadow:none}.level-btn.done{border-color:var(--teal)}.level-sub{font-size:.66em;font-weight:700;color:#b8cade}.done-tick{color:var(--teal);font-size:1.6em;line-height:.9}.daily-card{margin-top:calc(46px + var(--safe-t));border-color:#f4a25980;box-shadow:0 18px 60px #00000080,0 0 44px #f4a2591f}.daily-head{display:flex;align-items:center;justify-content:space-between;width:100%}.daily-head h2{margin:0;font-size:1.15em;letter-spacing:2px}.daily-head-spacer{width:44px}.daily-date{font-size:1.75em;font-weight:800;margin:6px 0 2px}.daily-streak{font-size:1.1em;margin-bottom:4px}.daily-note{color:#b8cade;font-size:.85em;line-height:1.4;margin:8px 0 16px;max-width:240px}#screen-complete{justify-content:center;background:#0d1b2a8c;backdrop-filter:blur(3px)}.complete-card{background:linear-gradient(160deg,var(--surface),#16293f);border:2px solid var(--surface2);border-radius:20px;padding:26px 22px;width:min(82vw,320px);box-sizing:border-box;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;box-shadow:0 18px 60px #00000080}.complete-card h2{margin:0;letter-spacing:3px;font-size:1.5em;text-shadow:0 3px 18px rgba(244,162,89,.4)}.score-line{font-size:1.8em}.score-line b{color:var(--gold)}.score-sub{color:#b8cade;font-size:.9em;min-height:1em}.streak-line{color:var(--accent)}