:root{font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:#f2ead8;background:#120e26;-webkit-font-smoothing:antialiased;font-synthesis:none;--gold: #e8c479;--gold-b: #f6d98f;--cream: #f2ead8;--muted: #ab9fce}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}.shell{position:relative;width:min(100vw,480px);height:100svh;min-height:100svh;margin:0 auto;overflow:hidden;background:radial-gradient(120% 78% at 50% -12%,rgba(150,110,220,.5),transparent 55%),radial-gradient(90% 60% at 82% 8%,rgba(232,196,121,.16),transparent 55%),radial-gradient(100% 70% at 50% 118%,rgba(90,70,170,.28),transparent 62%),linear-gradient(180deg,#2a1f57,#1d1740 46%,#120e26);box-shadow:0 0 0 1px #ffffff0d,0 24px 80px #0009}.shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;background:radial-gradient(130% 100% at 50% 42%,transparent 58%,rgba(8,5,20,.55) 100%)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.screen[hidden]{display:none!important}.primary,.secondary{min-height:48px;border-radius:16px;font-size:15px;font-weight:900;padding:0 18px}.primary{color:#2a1c05;background:linear-gradient(160deg,var(--gold-b),var(--gold));box-shadow:0 10px 26px #e8c47947}.primary:active,.secondary:active{transform:scale(.96)}.primary:disabled{opacity:.5}.secondary{color:#ecdff9;background:#9678dc29;border:1px solid rgba(232,196,121,.28)}.ic{width:44px;height:44px;border-radius:14px;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--cream);background:#9678dc29;border:1px solid rgba(232,196,121,.22)}.ic:active{transform:scale(.92)}.screen.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 28px calc(44px + env(safe-area-inset-bottom));gap:40px;text-align:center}.menu-sound{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px}.brand{display:flex;flex-direction:column;align-items:center;gap:6px}.brand-mark{font-size:48px;line-height:1;filter:drop-shadow(0 6px 22px rgba(232,196,121,.45))}.brand-title{margin:8px 0 0;font-size:54px;font-weight:950;letter-spacing:-.02em;color:var(--cream);text-shadow:0 4px 30px rgba(150,110,220,.5)}.brand-tag{margin:4px 0 0;max-width:260px;font-size:15px;font-weight:700;line-height:1.45;color:var(--muted)}.brand-stars{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:999px;font-size:14px;font-weight:900;color:var(--gold-b);background:#e8c4791f;border:1px solid rgba(232,196,121,.3)}.menu-cards{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.mcard{display:flex;align-items:center;gap:15px;width:100%;padding:18px;border-radius:20px;text-align:left;background:linear-gradient(160deg,#9678dc33,#785abe0f);border:1px solid rgba(232,196,121,.2);box-shadow:0 12px 32px #00000057;transition:transform .12s ease}.mcard:active{transform:scale(.97)}.mcard-play{background:linear-gradient(160deg,#f6d98fe6,#e8c479b8);border-color:transparent}.mcard-play .mc-ic,.mcard-play .mc-txt strong,.mcard-play .mc-sub,.mcard-play .mc-arrow{color:#2a1c05}.mc-ic{font-size:26px;width:40px;text-align:center;flex:0 0 auto}.mc-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.mc-txt strong{font-size:19px;font-weight:900;color:var(--cream)}.mc-sub{font-size:12.5px;font-weight:700;color:var(--muted)}.mc-arrow{font-size:24px;font-weight:900;color:#e8c4798c;flex:0 0 auto}.mcard[hidden]{display:none}.screen.campaign{display:grid;grid-template-rows:auto 1fr}.cam-top{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:max(14px,env(safe-area-inset-top)) 16px 8px}.cam-top strong{text-align:center;font-size:19px;font-weight:900;color:var(--cream)}.cam-stars{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:900;color:var(--gold-b)}.cam-grid{min-height:0;width:100%;padding:8px 16px calc(26px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,1fr);gap:13px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.lvlchip{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:20px;min-height:108px;text-align:left;background:linear-gradient(160deg,#9678dc29,#785abe0d);border:1px solid rgba(232,196,121,.18);transition:transform .12s ease}.lvlchip:active{transform:scale(.96)}.lvlchip.done{background:linear-gradient(160deg,#e8c47933,#9678dc14);border-color:#e8c4796b}.lvlchip.locked{opacity:.5;filter:saturate(.5)}.chip-no{font-size:24px;font-weight:950;color:var(--gold-b)}.lvlchip.done .chip-no{color:var(--gold-b)}.chip-name{font-size:13px;font-weight:800;color:#d9cef0;line-height:1.2}.chip-stars{margin-top:auto;font-size:15px;letter-spacing:1.5px}.chip-stars .st-full{color:var(--gold-b)}.chip-stars .st-dim{color:#ffffff26}.screen.play{z-index:2}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hud-top{position:absolute;top:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:max(12px,env(safe-area-inset-top)) 14px 8px;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-title{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.hud-title strong{font-size:16px;font-weight:900;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pips{display:flex;gap:6px}.pip{width:11px;height:11px;border-radius:999px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #ffffff1f}.pip.on{background:linear-gradient(160deg,#d6ff6b,#9be23d);box-shadow:0 0 10px #9be23db3}.hud-right{display:flex;align-items:center;gap:8px}.timer{min-width:56px;padding:8px 12px;border-radius:12px;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums;color:var(--gold-b);background:#140c2880;border:1px solid rgba(232,196,121,.24);text-align:center}.hint-btn{position:absolute;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:900;color:#2a1c05;background:linear-gradient(160deg,var(--gold-b),var(--gold));box-shadow:0 12px 30px #e8c47957}.hint-btn:active{transform:translate(-50%) scale(.95)}.hint-btn:disabled{opacity:.45}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#080514c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay[hidden]{display:none!important}.win-card{width:min(100%,348px);border-radius:24px;padding:26px 22px calc(24px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(180deg,#2a2058,#191233);border:1px solid rgba(232,196,121,.24);box-shadow:0 26px 74px #000000a8;display:flex;flex-direction:column;gap:12px;animation:pop-in .32s cubic-bezier(.2,1.3,.4,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:none}}.win-stars{font-size:42px;letter-spacing:6px;line-height:1}.win-stars .st-full{color:var(--gold-b);filter:drop-shadow(0 0 12px rgba(232,196,121,.6))}.win-stars .st-dim{color:#ffffff24}.win-title{margin:2px 0 0;font-size:26px;font-weight:950;color:var(--cream)}.win-meta{margin:0;font-size:14.5px;font-weight:800;color:var(--muted)}.win-actions{display:flex;flex-direction:column;gap:9px;margin-top:6px}.win-actions .primary,.win-actions .secondary{width:100%}.win-sub{display:flex;gap:9px}.win-sub .secondary{flex:1}.lb-card{max-height:82vh}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lb-title{margin:0;font-size:19px;text-align:left}.lb-you{text-align:center;color:var(--gold-b)}.lb-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.lb-row{display:grid;grid-template-columns:24px 1fr auto auto;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:800;background:#9678dc24}.lb-rank{color:var(--gold-b);font-weight:950}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cream)}.lb-mistakes,.lb-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.lb-empty{margin:0;padding:22px 0;text-align:center;font-size:13.5px;font-weight:700;color:var(--muted)}.nick-input{width:100%;min-height:48px;border-radius:14px;padding:0 16px;font-size:15px;font-weight:800;color:var(--cream);background:#140c2880;border:1px solid rgba(232,196,121,.3);outline:none}.nick-input::placeholder{color:var(--muted)}.toast{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(10px);max-width:82%;padding:12px 20px;border-radius:14px;background:#1a1230f5;border:1px solid rgba(232,196,121,.28);color:var(--cream);font-size:13.5px;font-weight:800;text-align:center;box-shadow:0 12px 36px #00000080;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none;z-index:60}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.ad-stub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#060410e6}.ad-card{width:min(86%,320px);padding:26px 20px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#2a2058,#191233);border:1px solid rgba(232,196,121,.24);box-shadow:0 24px 70px #0000009e;display:flex;flex-direction:column;gap:12px}.ad-tag{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.ad-body{font-size:16px;font-weight:800;color:var(--cream)}.ad-count{font-size:13px;font-weight:700;color:#cdbff0;min-height:16px}.ad-skip{min-height:44px;border-radius:13px;font-weight:900;color:#2a1c05;background:linear-gradient(160deg,var(--gold-b),var(--gold))}.ad-skip:disabled{opacity:.5;color:#ecdff9;background:#9678dc29}@media(min-width:700px){body{background:radial-gradient(120% 80% at 50% -15%,rgba(150,110,220,.22),transparent 62%),linear-gradient(180deg,#1d1740,#120e26)}.shell{width:100vw;max-width:none;margin:0;box-shadow:none}.cam-grid{width:min(100%,1000px);margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.brand-tag{max-width:460px;font-size:17px}.menu-cards{max-width:520px}}@media(prefers-reduced-motion:reduce){.mcard,.lvlchip{transition:none}.win-card{animation:none}}