:root{color-scheme:dark;--bg:#0a0d1c;--panel:#15182d;--line:#d9d4ff20;--text:#f3f0ff;--muted:#9a9ab5;--gold:#ffd27b;--mint:#8ff0dc;--pink:#f68fc8;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0,#272044,#111426 58%,#080b18);color:var(--text);font-family:var(--sans)}button{font:inherit;color:inherit;cursor:pointer}.shell{width:min(100%,1000px);min-height:min(760px,calc(100dvh - 48px));display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#191a34f5,#0e1223fa);box-shadow:0 24px 90px #03040fb0}.topbar{height:68px;flex:none;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font:11px var(--mono);letter-spacing:.12em;text-decoration:none}.brand span,.brand b,.xp{color:var(--gold)}.brand b{font-weight:500}.xp{font:12px var(--mono)}.xp strong{color:var(--text)}.view{position:relative;flex:1}.hidden{display:none!important}.home{min-height:520px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;padding:44px 7% 70px}.eyebrow,small,.meta,.back,footer,.hero span{font:9px var(--mono);letter-spacing:.12em;color:var(--gold)}h1{font-size:clamp(54px,7vw,78px);line-height:.91;letter-spacing:-.08em;margin:24px 0 18px}h1 em,h2 em{font-style:normal;color:var(--gold)}.home-copy p{max-width:330px;color:#b5b2ca;font-size:14px;line-height:1.7;margin:0 0 28px}.primary{height:51px;min-width:190px;padding:0 20px;border:0;border-radius:7px;background:var(--gold);color:#171426;display:flex;align-items:center;justify-content:space-between;font:700 11px var(--mono);letter-spacing:.09em;transition:transform .2s}.primary:hover{transform:translateY(-2px)}.primary span{font-size:18px}.meta{display:flex;gap:20px;margin-top:23px;color:var(--muted);font-size:8px}.meta b{color:var(--text);font-weight:500}.hero{height:360px;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 12px 48px #03040f88}.hero img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#090c1dcc)}.hero span{position:absolute;z-index:1;bottom:16px;right:16px;color:#e5dfef;font-size:8px}.section-head{display:flex;align-items:center;gap:32px;padding:28px 5% 20px}.back{border:0;background:none;padding:10px 0}.section-head h2{font-size:34px;margin:0 0 5px;letter-spacing:-.06em}.section-head span{font:9px var(--mono);color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:0 5% 18px}.level-card{height:76px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:8px;background-size:cover;background-position:center;position:relative}.level-card:disabled{opacity:.4}.level-card.current{border-color:var(--gold)}.level-card small,.level-card strong{display:block;position:relative;z-index:1}.level-card small{font-size:8px;color:#ccc6dd}.level-card strong{font-size:11px;margin-top:9px}.level-card em{position:absolute;right:7px;top:7px;font:9px var(--mono);color:var(--gold);font-style:normal}.infinite{height:62px;margin:0 5% 24px;width:90%;display:flex;align-items:center;gap:15px;text-align:left;padding:0 16px;border:1px solid #8ff0dc55;border-radius:8px;background:#8ff0dc0b}.infinite b{font:10px var(--mono);color:var(--mint)}.infinite span{font-size:10px;color:var(--muted)}.infinite i{margin-left:auto;font-style:normal;color:var(--mint)}.game{min-height:0;display:flex;flex-direction:column;padding:14px 5% 12px}.hud{width:min(100%,820px);margin:0 auto;display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:13px}.hud>button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#20213b;font-size:22px}.hud small,.hud strong{display:block}.hud>div:nth-child(2) small{font:8px var(--mono);color:var(--gold);letter-spacing:.1em}.hud>div:nth-child(2) strong{font:12px var(--mono);margin-top:4px}.hud-stat{text-align:right;min-width:54px}.hud-stat small{font:8px var(--mono);color:var(--muted)}.hud-stat strong{font:16px var(--mono);margin-top:4px}.progress{width:min(100%,820px);height:9px;margin:12px auto 9px;border-radius:20px;background:#090b19;position:relative;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8ff0dc,#ffd27b);transition:width .2s}.progress span{position:absolute;right:7px;top:0;color:#10121f;font:7px/9px var(--mono)}.stage{width:min(100%,820px,58vh);aspect-ratio:1.55;min-height:260px;max-height:58vh;margin:auto;position:relative;overflow:hidden;border:1px solid #d3d0ff24;border-radius:12px;background:#11142a;touch-action:none}.stage canvas{display:block;width:100%;height:100%}.callout{position:absolute;left:50%;top:16%;transform:translateX(-50%);padding:8px 13px;border:1px solid #ffd27b66;border-radius:30px;background:#111326d9;color:var(--gold);font:9px var(--mono);letter-spacing:.1em;white-space:nowrap;opacity:0;pointer-events:none}.callout.show{opacity:1}.game-stats{width:min(100%,820px);height:28px;margin:5px auto 0;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:var(--muted)}#healthLabel{color:var(--pink);font-size:13px;letter-spacing:2px}#comboLabel{color:var(--gold)}.result{min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 16px;text-align:center}.result-orb{width:68px;height:68px;border:1px solid #8ff0dc66;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 32px #8ff0dc22;margin-bottom:18px}.result-orb img{width:42px;height:42px;object-fit:contain}.result>small{color:var(--gold)}.result h2{font-size:32px;margin:9px 0 5px}.stars{font-size:29px;letter-spacing:7px;color:var(--gold);margin:3px}.result-score{font:29px var(--mono);margin-top:5px}.result-caption{font:8px var(--mono);color:var(--muted);letter-spacing:.12em}.result-stats{display:flex;gap:30px;margin:20px 0 15px}.result-stats span{display:grid;gap:6px;font:8px var(--mono);color:var(--muted)}.result-stats b{font:13px var(--mono);color:var(--text)}.result-actions{display:grid;justify-items:center;gap:8px}.secondary{height:40px;min-width:190px;border:1px solid var(--line);border-radius:7px;background:#ffffff08;font:9px var(--mono)}.result-actions .back{color:var(--muted)}footer{height:38px;flex:none;padding:0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#777792;font-size:7px}@media(max-width:700px){body{padding:0;display:block}.shell{width:100%;min-height:100dvh;border:0;border-radius:0}.topbar{height:60px;padding:0 18px}.home{min-height:calc(100dvh - 99px);grid-template-columns:1fr;gap:20px;padding:24px 8% 60px;align-content:center}.hero{grid-row:1;width:min(100%,40vh);height:auto;aspect-ratio:4/3;min-height:0;max-height:none;justify-self:center}.home-copy{grid-row:2}.home h1{font-size:56px;margin:13px 0}.home-copy p{margin-bottom:18px}.meta{margin-top:15px}.level-grid{grid-template-columns:repeat(4,1fr);gap:7px}.level-card{height:70px;padding:8px}.level-card strong{font-size:9px}.section-head{padding:23px 5% 16px;gap:20px}.section-head h2{font-size:28px}.game{padding:10px 3% 8px}.stage{width:min(94vw,57vh);min-height:0;max-height:none;aspect-ratio:1/1}.game-stats{font-size:7px}.result{min-height:calc(100dvh - 99px)}.result-stats{gap:14px}.result h2{font-size:29px}}@media(max-width:390px){.level-grid{grid-template-columns:repeat(3,1fr)}.meta{gap:12px}.stage{width:min(94vw,54vh)}.result-stats{gap:10px}.result-stats span{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.hero img{position:relative;animation:lantern-drift 8s ease-in-out infinite alternate;transform:scale(1.04);will-change:transform,filter}.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 39% 57%,#ffd87935,transparent 34%);animation:lantern-glow 3.8s ease-in-out infinite alternate}.hero:after{z-index:1}.hero span{z-index:2}@keyframes lantern-drift{0%{transform:scale(1.04) translate3d(-.35%,.2%,0);filter:saturate(.95) brightness(.97)}100%{transform:scale(1.08) translate3d(.35%,-.15%,0);filter:saturate(1.06) brightness(1.03)}}@keyframes lantern-glow{0%{opacity:.35;transform:scale(.96)}100%{opacity:.9;transform:scale(1.04)}}

.game{position:relative}.upgrade-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#080b19c9;backdrop-filter:blur(5px)}.upgrade-panel{width:min(100%,590px);padding:24px 20px;text-align:center;border:1px solid #ffd27b66;border-radius:14px;background:linear-gradient(145deg,#24213bf5,#111528f7);box-shadow:0 20px 60px #02030bb8}.upgrade-panel>small{color:var(--gold)}.upgrade-panel h2{font-size:24px;margin:8px 0 18px}.upgrade-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.upgrade-choice{min-height:112px;padding:14px 11px;text-align:left;border:1px solid #d9d4ff30;border-radius:9px;background:#ffffff08;transition:transform .16s,border-color .16s,background .16s}.upgrade-choice:hover{transform:translateY(-2px);border-color:var(--gold);background:#ffd27b12}.upgrade-choice strong,.upgrade-choice span{display:block}.upgrade-choice strong{font:10px var(--mono);color:var(--gold)}.upgrade-choice span{margin-top:9px;color:#b8b5ca;font-size:11px;line-height:1.45}@media(max-width:430px){.upgrade-panel{padding:20px 11px}.upgrade-choices{gap:5px}.upgrade-choice{padding:11px 7px;min-height:102px}.upgrade-choice strong{font-size:8px}.upgrade-choice span{font-size:9px}}

.dash-button{position:absolute;right:14px;bottom:14px;z-index:2;width:68px;height:68px;display:grid;place-content:center;gap:2px;padding:0;border:1px solid #ffd27b88;border-radius:50%;background:#111326e8;color:var(--gold);box-shadow:0 0 19px #ffd27b35;touch-action:manipulation;transition:transform .12s,opacity .18s}.dash-button span{font-size:19px;line-height:1}.dash-button small{font:8px var(--mono);color:var(--gold)}.dash-button:active:not(:disabled){transform:scale(.92)}.dash-button:disabled{opacity:.48;border-color:#b7b4c455;color:#b7b4c4;box-shadow:none}.dash-button:disabled small{color:#b7b4c4}@media(max-width:700px){.dash-button{right:11px;bottom:11px;width:64px;height:64px}}