:root{--ink:#160f2e;--ink-2:#221a46;--panel-top:#3b3170;--panel-bottom:#2a2254;--panel-edge:#6a5bc0;--panel-shadow:#110b26;--text:#fff;--muted:#cfc7ef;--gold:#ffd23f;--danger:#ff5d6c;--good:#63e38a;--xp:#7fd8ff;--common:#a7b0c2;--rare:#4aa8ff;--epic:#b56bff;--hud-height:72px;--boss-bar-height:44px;--hud-bottom:calc(var(--hud-height) + env(safe-area-inset-top));--column-max:560px;--radius:16px;--ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--outline:0 2px 0 #110828bf, 0 0 2px #110828e6}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}body{background:radial-gradient(120% 80% at 50% 30%,#3a2f7a 0%,#1d1645 55%,#0f0a24 100%);transition:background .4s}body[data-backdrop=forest]{background:linear-gradient(#7fd3f5 0%,#b9eaf7 42%,#5fae55 78%,#2f6d36 100%)}body[data-backdrop=crypt]{background:radial-gradient(110% 70% at 50% 40%,#4a3a7a 0%,#21183f 55%,#0b0716 100%)}body[data-backdrop=sea]{background:linear-gradient(#6fd6ff 0%,#a9ecff 40%,#3fbde0 75%,#1c86b8 100%)}body[data-backdrop=volcano]{background:radial-gradient(110% 70% at 50% 45%,#a8401c 0%,#4a1a12 55%,#1a0806 100%)}body[data-backdrop=frost]{background:linear-gradient(#a9dcff 0%,#e6f6ff 45%,#b9dcf3 75%,#7fb2d8 100%)}body[data-backdrop=hero]{background:radial-gradient(90% 60% at 50% 32%,#6b4fd0 0%,#2d2166 55%,#120c2c 100%)}body[data-backdrop=shop]{background:radial-gradient(100% 70% at 50% 20%,#4a3a9a 0%,#241b52 60%,#110b28 100%)}body.screen-run{background:#000}#game,#ui,#stick-zone{position:fixed;inset:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:where(#ui)>*{pointer-events:none}.interactive,:where(#ui) button,:where(#ui) input,:where(#ui) select{pointer-events:auto}#safe-area-probe{visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top);position:fixed}.overlay-canvas,.debug-canvas{pointer-events:none;position:fixed;inset:0}.room-fade{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}.hurt-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#ff1e328c 100%);position:fixed;inset:0}.hurt-vignette.active{animation:.42s ease-out hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}#stick-zone{top:var(--hud-bottom);pointer-events:none;touch-action:none}body.screen-run #stick-zone{pointer-events:auto}#stick-base{opacity:0;pointer-events:none;background:radial-gradient(circle,#78dcff2e,#143c5a47);border:3px solid #8ce6ff8c;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;transition:opacity .12s;position:absolute;box-shadow:0 0 24px #6edcff59,inset 0 0 18px #6edcff40}#stick-knob{background:radial-gradient(circle at 35% 30%,#e6fbff,#3fb6e8 60%,#1d6f9c);border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #6edcff99}.icon{width:1.2em;height:1.2em;filter:var(--icon-shadow,none);flex:none}.btn{font:800 16px var(--ui);color:var(--text);text-shadow:var(--outline);cursor:pointer;background:linear-gradient(#6a5bc0,#4a3c96);border:3px solid #241a55;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;transition:transform 80ms,filter .12s;display:inline-flex;box-shadow:inset 0 3px #ffffff40,inset 0 -4px #00000040,0 4px #0a061e99}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 3px #ffffff40,inset 0 -3px #00000040,0 2px #0a061e99}.btn:disabled{filter:grayscale(.85)brightness(.8);cursor:default}.btn.gold,.btn.primary{color:#fff;background:linear-gradient(#ffe26a 0%,#ffbf2e 55%,#f29a1a 100%);border-color:#7a4306}.btn.green{background:linear-gradient(#8bf08a,#3fbd5a 60%,#2a9446);border-color:#155a28}.btn.blue{background:linear-gradient(#7fd0ff,#3d93e6 60%,#2a6fc4);border-color:#163f7a}.btn.danger{background:linear-gradient(#ff8a8a,#e64857 60%,#b8303e);border-color:#5c1219}.btn.big{width:100%;padding:13px 20px;font-size:19px}.btn.huge{letter-spacing:.04em;border-width:4px;border-radius:20px;width:min(100%,360px);min-height:72px;font-size:30px}.btn .count{background:#0a143c73;border-radius:999px;padding:1px 7px;font-size:13px}.round-button{color:#fff;cursor:pointer;filter:drop-shadow(0 1px #0000004d);background:linear-gradient(#6a5bc0,#43358c);border:3px solid #241a55;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;position:relative;box-shadow:inset 0 3px #ffffff38,0 3px #0a061e99}.round-button:active{transform:translateY(2px)}.dot-badge{min-width:20px;height:20px;font:800 12px / 20px var(--ui);background:var(--danger);border:2px solid #fff;border-radius:999px;padding:0 5px;animation:1.6s ease-in-out infinite pulse;position:absolute;top:-7px;right:-7px}@keyframes pulse{50%{transform:scale(1.15)}}.panel{background:linear-gradient(180deg, var(--panel-top), var(--panel-bottom));border:3px solid var(--panel-shadow);box-shadow:inset 0 0 0 2px var(--panel-edge), 0 8px 24px #00000073;border-radius:var(--radius)}.title{letter-spacing:.01em;text-shadow:var(--outline);font-weight:900}.muted{color:var(--muted)}.coins{color:#fff;text-shadow:var(--outline);align-items:center;gap:5px;font-weight:900;display:inline-flex}.coin-icon{color:var(--gold);filter:drop-shadow(0 1px #783c00cc)}.bar{background:#0a061ccc;border:2px solid #0a061ce6;border-radius:999px;height:12px;position:relative;overflow:hidden}.bar>span{border-radius:999px;transition:width .2s;position:absolute;inset:0 auto 0 0}.bar.hp>span{background:linear-gradient(#8cf59a,#34b85a)}.bar.xp>span{background:linear-gradient(#a6ecff,#3fa9e8)}.bar.boss>span{background:linear-gradient(#ff8a8a,#d63446)}.bar.progress>span{background:linear-gradient(#ffe26a,#f2a51a)}.spinner{border:5px solid #fff3;border-top-color:var(--gold);border-radius:50%;width:44px;height:44px;margin:18px auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle{cursor:pointer;background:#3a3170;border:3px solid #241a55;border-radius:999px;width:56px;height:32px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .14s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true]{background:#3fbd5a}.toggle[aria-checked=true]:after{transform:translate(24px)}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));text-align:center;border:2px solid var(--panel-edge);z-index:40;background:#140c2ef0;border-radius:14px;width:max-content;max-width:calc(100% - 32px);padding:12px 18px;font-weight:700;animation:.2s ease-out rise-in;position:fixed;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.backdrop{pointer-events:auto;z-index:20;background:#080416b3;place-items:center;padding:16px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:14px;width:min(420px,100%);max-height:calc(100% - 24px);padding:16px 18px 18px;animation:.22s ease-out pop-in;display:flex;overflow:auto}.modal.wide{width:min(480px,100%);height:min(640px,100% - 24px);overflow:hidden}.modal:focus{outline:none}.modal-head{justify-content:center;align-items:center;min-height:36px;display:flex;position:relative}.modal-head .title{text-align:center;margin:0;padding:0 40px;font-size:23px}.close-button{color:#fff;cursor:pointer;background:linear-gradient(#ff8a8a,#d63446);border:3px solid #5c1219;border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;display:grid;position:absolute;top:-2px;right:-4px}.sheet-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:14px;padding:2px 2px 8px;display:flex;overflow-y:auto}.sheet-subtitle{text-align:center;color:var(--muted);margin:-6px 0 0;font-weight:700}.sheet-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:15px;font-weight:900}.stat-lines{border-radius:12px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.stat-lines>div{background:#0e082473;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-weight:700;display:flex}.gain{color:var(--good);font-weight:900}.setting-row{background:#0e082473;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-weight:700;display:flex}.setting-row select,.setting-row input[type=range]{pointer-events:auto;width:55%}.setting-row select{font:700 15px var(--ui);color:#fff;border:2px solid var(--panel-edge);background:#2a2254;border-radius:10px;padding:8px}.model-icon{width:88%;height:88%}.model-icon.pending{background:radial-gradient(circle,#ffffff59,#0000 60%);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.item-tile{aspect-ratio:1;cursor:pointer;--rarity:var(--common);background:radial-gradient(circle at 50% 35%, #ffffff59, transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 85%, #fff 15%), color-mix(in srgb, var(--rarity) 60%, #000 40%));border:3px solid #1a1238;border-radius:14px;place-items:center;width:100%;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff40,0 3px #0a061e8c}.rarity-common{--rarity:var(--common)}.rarity-rare{--rarity:var(--rare)}.rarity-epic{--rarity:var(--epic)}.item-tile.empty{color:#dcd2ff99;background:#0e082480;border-style:dashed;border-color:#c8beff66;font-size:22px}.item-tile .model-icon{object-fit:contain;filter:drop-shadow(0 3px 2px #00000073);display:block}.level-badge{font:900 11px var(--ui);color:#fff;text-shadow:var(--outline);white-space:nowrap;background:#1a1238;border:2px solid #ffffff80;border-radius:999px;padding:1px 7px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.equipped-mark{background:var(--good);border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;top:-7px;right:-7px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:14px 10px;display:grid}.bag-group{flex-direction:column;display:flex}.item-head{align-items:flex-start;gap:14px;display:flex}.item-portrait{--rarity:var(--common);background:radial-gradient(circle at 50% 35%, #fff6, transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 85%, #fff 15%), color-mix(in srgb, var(--rarity) 55%, #000 45%));border:3px solid #1a1238;border-radius:18px;flex:none;place-items:center;width:96px;height:96px;display:grid}.item-portrait .model-icon{width:90%;height:90%}.item-head-text{flex-direction:column;gap:3px;min-width:0;display:flex}.rarity-label{text-transform:capitalize;text-shadow:var(--outline);font-weight:900}.weapon-trait{color:#ffe08a;font-size:13px;font-weight:700}.item-description{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.35}.lock-banner{text-align:center;background:#ff5d6c2e;border:2px solid #ff5d6c80;border-radius:12px;padding:10px 12px;font-weight:700}.screen{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute}.center-screen{text-align:center;pointer-events:auto;place-items:center;padding:20px;display:grid}.boot-title{text-shadow:var(--outline), 0 0 24px #ffd23f66;margin:0;font-size:40px;font-weight:900;line-height:1.05}.home{pointer-events:none;flex-direction:column;display:flex}.home-top{justify-content:space-between;align-items:center;padding:10px 14px 4px;display:flex}.home-top .coins{background:#0e082499;border:2px solid #ffffff2e;border-radius:999px;padding:6px 14px 6px 8px;font-size:18px}.home-top-buttons{gap:8px;display:flex}.home-body{flex-direction:column;flex:1;min-height:0;display:flex}.tab-bar{pointer-events:auto;background:linear-gradient(#140c2e33,#140c2eeb 35%);grid-template-columns:1fr 1.25fr 1fr;align-items:end;gap:8px;padding:8px 12px 10px;display:grid}.tab-button{color:var(--muted);font:800 14px var(--ui);text-shadow:var(--outline);cursor:pointer;background:0 0;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex}.tab-button .icon{font-size:26px}.tab-button.active{color:#fff;background:linear-gradient(#6a5bc0,#3f3188);border-color:#241a55;box-shadow:inset 0 3px #fff3}.tab-button.center{transform:translateY(-6px)}.tab-button.center .icon{font-size:32px}.tab-title{text-align:center;text-shadow:var(--outline);margin:4px 0 10px;font-size:26px;font-weight:900}.play-tab{flex-direction:column;flex:1;align-items:center;min-height:0;padding:4px 14px 8px;display:flex}.world-header{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.world-number{letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:var(--outline);background:#0e082473;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:900}.world-name{color:#fff;text-shadow:0 3px #110828d9,0 0 3px #110828e6;margin:0;font-size:clamp(28px,8vw,38px);font-weight:900}.world-note{color:#fff;text-shadow:var(--outline);margin:2px 0 0;font-weight:800}.stage-track{background:#0e08248c;border-radius:999px;align-items:center;gap:3px;padding:5px 8px;display:flex}.pip{background:#ffffff38;border-radius:50%;width:9px;height:9px}.pip.boss{background:#ff787859;border-radius:3px;width:13px;height:13px;transform:rotate(45deg)}.pip.lit{background:var(--gold);box-shadow:0 0 6px #ffd23fcc}.pip.boss.lit{background:#ff6b6b;box-shadow:0 0 6px #ff6464e6}.world-stage{flex:1;width:100%;min-height:140px;position:relative}.world-view,.hero-view{position:absolute;inset:0}.world-lock{color:#ffffffd9;filter:drop-shadow(0 4px #00000080);place-items:center;font-size:64px;display:grid;position:absolute;inset:0}.world-arrow{color:#fff;cursor:pointer;background:linear-gradient(#6a5bc0eb,#3f3188eb);border:3px solid #241a55;border-radius:14px;place-items:center;width:46px;height:64px;font-size:26px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.world-arrow.left{left:0}.world-arrow.right{right:0}.world-arrow:disabled{opacity:.25}.play-area{justify-content:center;width:100%;padding-top:6px;display:flex}.play-area .btn.huge{animation:2.4s ease-in-out infinite breathe}.play-area .btn.huge:disabled{animation:none}@keyframes breathe{50%{filter:brightness(1.12);box-shadow:inset 0 3px #ffffff40,inset 0 -4px #00000040,0 4px #0a061e99,0 0 28px #ffd23fbf}}.hero-tab{flex-direction:column;flex:1;gap:12px;min-height:0;padding:4px 14px 8px;display:flex}.hero-stage{flex:1;justify-content:space-between;align-items:center;min-height:0;display:flex;position:relative}.hero-stage .hero-view{position:absolute;inset:0 -14px}.slot-column{flex-direction:column;gap:26px;width:78px;display:flex;position:relative}.slot{flex-direction:column;align-items:center;gap:10px;display:flex}.slot-name{color:#fff;text-shadow:var(--outline);font-size:12px;font-weight:800}.power-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.power{text-shadow:var(--outline);background:#0e082499;border:2px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:22px;font-weight:900;display:flex}.power.attack .icon{color:#ffd87a}.power.health .icon{color:#ff6b7a}.hero-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shop-tab{flex-direction:column;flex:1;min-height:0;padding:4px 14px 0;display:flex}.shop-scroll{overscroll-behavior:contain;pointer-events:auto;flex-direction:column;flex:1;gap:16px;min-height:0;padding-bottom:12px;display:flex;overflow-y:auto}.shop-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-card{color:#fff;cursor:pointer;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--rarity) 70%, transparent), 0 3px 0 #0a061e8c;background:linear-gradient(#3b3170,#2a2254);border:3px solid #1a1238;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.shop-card-icon{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, #ffffff59, transparent 65%), linear-gradient(180deg, color-mix(in srgb, var(--rarity) 80%, #fff 20%), color-mix(in srgb, var(--rarity) 55%, #000 45%));border-radius:12px;place-items:center;width:100%;display:grid;position:relative}.shop-card-icon .model-icon{width:86%;height:86%}.shop-card.locked .shop-card-icon .model-icon{filter:grayscale()brightness(.6)}.shop-lock{filter:drop-shadow(0 2px #0009);font-size:30px;position:absolute}.shop-card-name{text-align:center;min-height:2.3em;text-shadow:var(--outline);place-items:center;font-size:12px;font-weight:800;line-height:1.15;display:grid}.shop-card-price{background:#0e082499;border-radius:10px;justify-content:center;width:100%;padding:4px;font-size:14px;display:flex}.shop-card-price.affordable{background:linear-gradient(#8bf08a,#2a9446)}.owned-tag,.locked-tag{color:var(--muted);align-items:center;gap:4px;font-weight:800;display:inline-flex}.owned-tag{color:var(--good)}.badge{--metal-1:#f3b37a;--metal-2:#b8652d;--metal-edge:#6b3410;flex:none;width:52px;height:58px;display:block;position:relative}.badge.tier-silver{--metal-1:#f2f6fb;--metal-2:#97a6b8;--metal-edge:#4b5867}.badge.tier-gold{--metal-1:#fff1a0;--metal-2:#e3a521;--metal-edge:#7a4a06}.badge.locked{--metal-1:#6b6488;--metal-2:#3c3558;--metal-edge:#241d3d}.badge-ribbon{clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:linear-gradient(90deg,#e64857 0 45%,#3d93e6 45% 100%);width:26px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.badge.locked .badge-ribbon{background:#3c3558}.badge-disc{color:#fff;border:3px solid var(--metal-edge);background:radial-gradient(circle at 35% 30%, var(--metal-1), var(--metal-2) 70%);--icon-shadow:drop-shadow(0 1px 0 #0000008c);filter:drop-shadow(0 2px #0006);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -3px #0003}.badge.locked .badge-disc .icon{opacity:.5}.badge.large{width:104px;height:116px}.badge.large .badge-ribbon{width:52px;height:40px}.badge.large .badge-disc{border-width:5px;width:92px;height:92px;font-size:46px}.achievement-row{background:#0e082473;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.achievement-row.unlocked{background:linear-gradient(90deg,#ffd23f2e,#0e082473)}.achievement-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;display:flex}.achievement-text strong{font-size:16px}.achievement-progress{align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:800;display:flex}.achievement-progress .bar{flex:1;height:10px}.achievement-reward{flex:none}.done-mark{background:var(--good);border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.celebration-backdrop{z-index:30}.celebration{text-align:center;pointer-events:auto;background:linear-gradient(#4a3c96,#2a2254);border:3px solid #1a1238;border-radius:22px;flex-direction:column;align-items:center;gap:8px;width:min(340px,100%);padding:22px 20px 20px;animation:.32s ease-out pop-in;display:flex;position:relative;box-shadow:inset 0 0 0 2px #ffd23f,0 12px 40px #0009}.celebration .badge{animation:.7s cubic-bezier(.2,1.4,.4,1) both badge-drop}@keyframes badge-drop{0%{opacity:0;transform:translateY(-40px)scale(.3)rotate(-25deg)}to{opacity:1;transform:none}}.celebration-rays{pointer-events:none;background:repeating-conic-gradient(#ffdc5a52 0deg 10deg,#0000 10deg 24deg);border-radius:50%;width:280px;height:280px;margin-top:-40px;margin-left:-140px;animation:8s linear infinite spin;position:absolute;top:22px;left:50%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 70%);mask:radial-gradient(circle,#000 25%,#0000 70%)}.celebration-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:var(--outline);margin:0;font-size:14px;font-weight:900}.celebration .title{margin:4px 0 0;font-size:24px}.celebration .muted{margin:0}.celebration-reward{margin:4px 0 8px;font-weight:800}.hud{top:env(safe-area-inset-top);height:var(--hud-height);max-width:var(--column-max);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 auto;padding:10px 12px;display:grid;position:fixed;left:0;right:0}.hud-left{align-items:center;gap:8px;display:flex}.hud-right{justify-content:flex-end;display:flex}.hud-right .coins{background:#0e082499;border-radius:999px;padding:5px 12px 5px 7px;font-size:18px}.hp-pill{text-shadow:var(--outline);white-space:nowrap;background:#0e082499;border-radius:999px;padding:4px 9px;font-size:13px;font-weight:900}.hud-center{flex-direction:column;align-items:center;gap:4px;min-width:150px;display:flex}.stage-label{text-shadow:var(--outline);font-size:17px;font-weight:900}.level-bar{width:150px;position:relative}.level-bar .bar{height:18px}.level-label{font:900 12px var(--ui);text-shadow:var(--outline);place-items:center;display:grid;position:absolute;inset:0}.boss-bar{top:var(--hud-bottom);width:min(100% - 24px,420px);height:calc(var(--boss-bar-height) - 6px);pointer-events:none;flex-direction:column;justify-content:center;gap:3px;padding:0 4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.boss-name{text-align:center;color:#ffd0d0;text-shadow:var(--outline);font-size:14px;font-weight:900}.boss-bar .bar{height:14px}.status-chip{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));text-shadow:var(--outline);white-space:nowrap;background:#0e0824bf;border:2px solid #fff3;border-radius:999px;padding:10px 20px;font-size:17px;font-weight:900;animation:.24s ease-out rise-in;position:fixed;transform:translate(-50%)}.status-chip.go{border-color:#78ffa099;box-shadow:0 0 18px #78ffa059}.stage-banner{pointer-events:none;background:linear-gradient(90deg,#0000,#0e0824b8 25% 75%,#0000);flex-direction:column;align-items:center;gap:2px;padding:12px 0;animation:1.7s ease-in-out forwards banner;display:flex;position:fixed;top:32%;left:0;right:0}.stage-banner.boss{background:linear-gradient(90deg,#0000,#780a1ecc 25% 75%,#0000)}.stage-banner-title{text-shadow:var(--outline);font-size:34px;font-weight:900}.stage-banner-sub{letter-spacing:.18em;text-transform:uppercase;color:#ffd0d0;text-shadow:var(--outline);font-size:18px;font-weight:900}@keyframes banner{0%{opacity:0;transform:translate(-30%)}18%,78%{opacity:1;transform:none}to{opacity:0;transform:translate(30%)}}.cards{flex-direction:column;gap:10px;display:flex}.card{color:#fff;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(#4a3c96,#33287a);border:3px solid #1a1238;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;animation:.26s ease-out both pop-in;display:flex;box-shadow:inset 0 2px #ffffff2e,0 3px #0a061e8c}.card:nth-child(2){animation-delay:70ms}.card:nth-child(3){animation-delay:.14s}.card:active:not(:disabled){transform:scale(.98)}.card-text{color:var(--muted);flex-direction:column;gap:2px;font-size:14px;display:flex}.card-text strong{color:#fff;text-shadow:var(--outline);font-size:17px}.stacks{color:var(--gold);font-size:12px;font-weight:800}.skill-icon{--icon-shadow:drop-shadow(0 2px 0 #00000073);background:linear-gradient(#ffd96a,#e8921a);border:3px solid #1a1238;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;font-size:32px;display:grid;box-shadow:inset 0 3px #ffffff59}.skill-icon.icon-fire{background:linear-gradient(#ffb36a,#e8521a)}.skill-icon.icon-water,.skill-icon.icon-frost{background:linear-gradient(#8adfff,#2f8fd8)}.skill-icon.icon-poison,.skill-icon.icon-leaf{background:linear-gradient(#a6f57a,#3fa63a)}.skill-icon.icon-lightning{background:linear-gradient(#fff27a,#d8b21a)}.skill-icon.icon-heart,.skill-icon.icon-heart-plus{background:linear-gradient(#ff9aa8,#e0405a)}.skill-icon.icon-paw,.skill-icon.icon-shield{background:linear-gradient(#c49aff,#7a3fe0)}.results-screen{background:#08041699}.results{flex-direction:column;gap:12px;width:min(400px,100%);max-height:calc(100% - 24px);padding:20px;animation:.28s ease-out pop-in;display:flex;overflow:auto}.results-title{text-shadow:0 4px #110828d9,0 0 3px #110828e6;margin:0;font-size:44px;font-weight:900}.results-title.victory{color:var(--gold)}.results-title.defeat{color:#ff8a96}.results .muted{margin:0}.stage-result{background:#ffd23f26;border:2px solid #ffd23f73;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.stage-result strong{font-size:22px}.unlock-note{margin:0;font-weight:700}.unlock-note strong{color:var(--gold)}.earned-achievements{text-align:left;flex-direction:column;gap:8px;display:flex}.earned-row{background:linear-gradient(90deg,#ffd23f38,#0e082473);border-radius:14px;align-items:center;gap:10px;padding:8px 10px;animation:.42s ease-out both pop-in;display:flex}.earned-text{flex-direction:column;flex:1;font-size:13px;display:flex}.earned-text strong{font-size:15px}.debug-overlay{z-index:50;color:#b8ffcf;pointer-events:none;background:#000000a6;border-radius:6px;margin:0;padding:6px 8px;font:12px/1.3 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}@media (prefers-reduced-motion:reduce){.play-area .btn.huge,.dot-badge,.celebration-rays,.model-icon.pending{animation:none}}