.bf-ui{--ink:#140d2b;--ink-2:#221845;--gold:#ffd23f;--gold-2:#ff9f1a;--xp:#3dd8ff;--hp:#ff3b4e;--boss:#b026ff;--text:#fff;--muted:#cfc8f0;--glass-a:#281e52bd;--glass-b:#100c26c7;--title-font:"Lilita One", "Nunito", system-ui, sans-serif;--text-font:"Nunito", system-ui, sans-serif;--ui-scale:1;font-family:var(--text-font);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}.bf-ui *{box-sizing:border-box}.bf-ui .ol,.timer,.counter-val,.hp-text,.xp-level,.banner-title,.card-name,.lu-title,.chest-title,.pause-title,.go-title,.stat-val,.btn-label,.boss-name,.boss-pct{paint-order:stroke fill}.dmg-layer,.screen-fx,.hud,.announce-layer,.modal-layer{pointer-events:none;position:absolute;inset:0}.dmg-layer{z-index:1;overflow:hidden}.screen-fx{z-index:2}.hud{z-index:3;transition:opacity .35s,transform .45s cubic-bezier(.2,1.2,.4,1)}.hud.hidden{opacity:0;visibility:hidden;transition:none;transform:scale(1.03)}.announce-layer{z-index:5}.modal-layer{z-index:10}kbd.key{min-width:28px;height:28px;font-family:var(--title-font);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), inset 0 -3px 0 #5a509640;background:linear-gradient(#fff 0%,#e4e2f5 60%,#c9c5e6 100%);border-radius:8px;justify-content:center;align-items:center;padding:0 7px;font-size:15px;line-height:1;display:inline-flex;transform:translateY(-1px)}kbd.key.wide{padding:0 10px;font-size:13px}kbd.key.big{border-radius:10px;min-width:36px;height:36px;font-size:20px}.glass{background:linear-gradient(180deg, var(--glass-a), var(--glass-b));-webkit-backdrop-filter:blur(10px)saturate(1.2);border:2px solid #ffffff24;border-radius:20px;box-shadow:0 0 0 3px #0a061a8c,0 16px 40px #00000073,inset 0 1px #ffffff2e}.panel-title{font-family:var(--title-font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 var(--ink);margin:4px 0 10px;font-size:15px}.btn{pointer-events:auto;font-family:var(--title-font);color:#fff;border:4px solid var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--ink), 0 10px 22px #00000059, inset 0 3px 0 #fff6;border-radius:18px;outline:none;justify-content:center;align-items:center;gap:10px;transition:transform .18s cubic-bezier(.3,1.8,.5,1),box-shadow .18s,filter .18s;display:inline-flex;position:relative}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:12px 12px 40% 40%;height:38%;position:absolute;top:5px;left:10px;right:10px}.btn:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.04)}.btn:active{box-shadow:0 2px 0 var(--ink), 0 4px 10px #0000004d, inset 0 3px 0 #fff6;transform:translateY(4px)scale(.98)}.btn-label{z-index:1;-webkit-text-stroke:5px var(--ink);text-shadow:0 3px 0 var(--ink);position:relative}.btn-play{font-size:calc(46px * var(--ui-scale));padding:calc(14px * var(--ui-scale)) calc(64px * var(--ui-scale)) calc(16px * var(--ui-scale));background:linear-gradient(#fff27a 0%,#ffc531 45%,#ff8f1a 100%);border-radius:26px;flex-direction:column;gap:0;animation:1.8s ease-in-out infinite playGlow}.btn-play:hover{transform:translateY(-4px)scale(1.09)rotate(-1deg)}.btn-play-hint{z-index:1;font-family:var(--text-font);color:#3c1900bf;letter-spacing:.04em;margin-top:-2px;font-size:13px;font-weight:900;position:relative}@keyframes playGlow{0%,to{box-shadow:0 7px 0 var(--ink), 0 0 26px #ffc4288c, 0 0 70px #ff8c1440, inset 0 3px 0 #ffffff8c}50%{box-shadow:0 7px 0 var(--ink), 0 0 40px #ffd23cf2, 0 0 110px #ff8c1480, inset 0 3px 0 #ffffff8c}}.btn-primary,.btn-secondary,.btn-toggle,.btn-take{width:100%;padding:10px 26px 12px;font-size:26px}.btn-primary{background:linear-gradient(#8dffb0 0%,#33d17a 50%,#13a05a 100%)}.btn-secondary{background:linear-gradient(#b5a8ff 0%,#7a5cff 55%,#5a3adf 100%);font-size:22px}.btn-toggle{background:linear-gradient(#5c7bff 0%,#3a4fd6 100%);padding:8px 16px 10px;font-size:18px}.btn-toggle.off{background:linear-gradient(#8a8aa6 0%,#55556e 100%)}.btn-take{background:linear-gradient(#fff27a 0%,#ffc531 45%,#ff8f1a 100%);width:auto;padding:10px 44px 14px;font-size:32px;animation:.5s cubic-bezier(.2,1.6,.4,1) .65s backwards popIn,1.8s ease-in-out 1.2s infinite playGlow}.btn-take kbd.key{z-index:1;position:relative}.dmg{font-family:var(--title-font);color:#fff;white-space:nowrap;-webkit-text-stroke:5px #1a0f2e;paint-order:stroke fill;text-shadow:0 3px #140a28cc;will-change:transform, opacity;contain:layout style;font-size:24px;line-height:1;position:absolute;top:0;left:0}.dmg.big{color:#fff4d6;font-size:28px}.dmg.crit{color:#ffd83a;-webkit-text-stroke:6px #5a1400;text-shadow:0 3px #8a2a00,0 0 18px #ff8c00bf;font-size:30px}.fx-lowhp,.fx-hit,.fx-gold,.fx-heal{opacity:0;position:absolute;inset:0}.fx-lowhp{background:radial-gradient(#a0001400 36%,#be001e80 66%,#820012eb 100%);transition:opacity .5s}.fx-lowhp.on{animation:1.1s ease-in-out infinite lowHp}@keyframes lowHp{0%,to{opacity:.45}45%{opacity:1}}.fx-hit{background:radial-gradient(#f000 60%,#ff1e3259 100%);box-shadow:inset 0 0 160px 40px #ff1428d9}.fx-gold{mix-blend-mode:screen;background:radial-gradient(at 50% 60%,#ffdc5a59,#ffbe281f 50%,#ffaa0080 100%)}.fx-heal{box-shadow:inset 0 0 140px 30px #3cff8c8c}.xpbar{height:30px;position:absolute;top:10px;left:14px;right:14px}.xp-track{border:3px solid var(--ink);height:20px;box-shadow:0 3px 0 var(--ink), 0 6px 16px #00000059, inset 0 2px 6px #0009;background:linear-gradient(#060a1ed9,#12183cbf);border-radius:12px;position:absolute;top:5px;left:62px;right:0;overflow:hidden}.xp-fill{transform-origin:0;background:linear-gradient(#b9fbff 0%,#3dd8ff 45%,#139ccf 100%);transition:transform .35s cubic-bezier(.25,1,.4,1);position:absolute;inset:0;overflow:hidden;transform:scaleX(0);box-shadow:0 0 18px #3dd8ff}.xp-shine{mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 0% 40%,#ffffffbf 50%,#0000 60% 100%) 0 0/300% 100%;animation:2.6s linear infinite xpShine;position:absolute;inset:0}@keyframes xpShine{0%{background-position:150% 0}to{background-position:-150% 0}}.xp-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#060a1e73 calc(10% - 2px) 10%);position:absolute;inset:0}.xp-level{width:70px;height:38px;font-family:var(--title-font);color:#fff;-webkit-text-stroke:4px var(--ink);border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), 0 0 18px #3dd8ff8c, inset 0 2px 0 #ffffff8c;z-index:1;background:linear-gradient(#7ef1ff 0%,#20a8d8 100%);border-radius:14px;justify-content:center;align-items:baseline;gap:3px;padding-top:4px;display:flex;position:absolute;top:-4px;left:0}.xp-level-label{font-size:12px}.xp-level-num{font-size:24px}.hp-box{align-items:center;gap:8px;display:flex;position:absolute;top:54px;left:16px}.hp-heart{filter:drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 0 8px #ff284699);font-size:34px;animation:1.4s ease-in-out infinite heartBeat}.hp-box.low .hp-heart{animation-duration:.55s}@keyframes heartBeat{0%,to{transform:scale(1)}12%{transform:scale(1.18)}24%{transform:scale(.98)}36%{transform:scale(1.1)}}.hp-col{flex-direction:column;gap:3px;display:flex}.hp-track{width:clamp(200px, calc(var(--vw,1vw) * 17), 290px);border:3px solid var(--ink);height:22px;box-shadow:0 3px 0 var(--ink), 0 6px 16px #00000059, inset 0 2px 6px #0009;background:linear-gradient(#1e050ce6,#3c0a16d9);border-radius:12px;position:relative;overflow:hidden}.hp-fill,.hp-ghost{transform-origin:0;position:absolute;inset:0}.hp-ghost{opacity:.85;background:linear-gradient(#fff,#ffd0d6)}.hp-fill{background:linear-gradient(#ff9aa5 0%,#ff3b4e 45%,#c4102c 100%);transition:transform .18s ease-out;box-shadow:0 0 14px #ff3246b3}.hp-gloss,.boss-gloss{background:linear-gradient(#ffffff80,#fff0);border-radius:8px;height:35%;position:absolute;top:2px;left:4px;right:4px}.hp-box.low .hp-track{animation:.55s ease-in-out infinite alternate hpLow}@keyframes hpLow{0%{box-shadow:0 3px 0 var(--ink), 0 0 0 #ff1e3200}to{box-shadow:0 3px 0 var(--ink), 0 0 22px #ff1e32f2}}.hp-text{font-family:var(--title-font);letter-spacing:.03em;-webkit-text-stroke:4px var(--ink);padding-left:4px;font-size:17px}.timer-box{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.timer{font-family:var(--title-font);font-size:calc(46px * var(--ui-scale));letter-spacing:.04em;font-variant-numeric:tabular-nums;-webkit-text-stroke:7px var(--ink);text-shadow:0 4px 0 var(--ink), 0 8px 18px #0006;line-height:1}.boss-line{color:#e6c9ff;box-shadow:0 2px 0 var(--ink);background:#140c2899;border:2px solid #b026ff8c;border-radius:999px;padding:3px 12px;font-size:15px;font-weight:900}.boss-line.hidden{display:none}.boss-line.urgent{color:#fff;border-color:#ff3b6b;animation:.8s ease-in-out infinite urgent}@keyframes urgent{0%,to{background:#780a2899;transform:scale(1)}50%{background:#dc1446cc;transform:scale(1.07)}}.boss-bar{width:min(600px, calc(var(--vw,1vw) * 46));margin-top:6px;animation:.7s cubic-bezier(.2,1.4,.4,1) backwards bossIn}.boss-bar.hidden{display:none}@keyframes bossIn{0%{opacity:0;transform:scaleX(.2)translateY(-20px)}}.boss-head{align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;display:flex}.boss-skull{filter:drop-shadow(0 2px 0 var(--ink));font-size:20px}.boss-name{font-family:var(--title-font);color:#e7b8ff;-webkit-text-stroke:5px #1d0633;text-shadow:0 0 14px #b026ffcc;letter-spacing:.02em;flex:1;font-size:20px}.boss-pct{font-family:var(--title-font);-webkit-text-stroke:4px #1d0633;font-size:17px}.boss-track{background:linear-gradient(#140424eb,#2d0a46d9);border:3px solid #1d0633;border-radius:12px;height:24px;position:relative;overflow:hidden;box-shadow:0 4px #1d0633,0 0 28px #b026ff8c,inset 0 2px 6px #0009}.boss-fill,.boss-ghost{transform-origin:0;position:absolute;inset:0}.boss-ghost{opacity:.8;background:#ffe8ff}.boss-fill{background:linear-gradient(90deg,#5b12c9 0%,#b026ff 55%,#ff5bd6 100%);transition:transform .12s ease-out;box-shadow:0 0 18px #c850ffe6}.boss-fill:after{content:"";background:repeating-linear-gradient(115deg,#ffffff1f 0 10px,#0000 10px 22px);animation:1s linear infinite bossStripes;position:absolute;inset:0}@keyframes bossStripes{0%{background-position:0 0}to{background-position:48px 0}}.counters{gap:10px;display:flex;position:absolute;top:54px;right:16px}.counter{border:3px solid var(--ink);min-width:96px;box-shadow:0 4px 0 var(--ink), 0 8px 18px #0000004d, inset 0 1px 0 #fff3;background:linear-gradient(#281e52c7,#100c26d1);border-radius:14px;align-items:center;gap:6px;padding:4px 14px 4px 8px;display:flex}.counter-icon{filter:drop-shadow(0 2px 0 var(--ink));font-size:22px}.counter-val{font-family:var(--title-font);font-variant-numeric:tabular-nums;-webkit-text-stroke:5px var(--ink);font-size:24px}.counter.gold .counter-val{color:#ffe066}.counter.gold{box-shadow:0 4px 0 var(--ink), 0 0 18px #ffd23f4d, inset 0 1px 0 #fff3}.hud-fps{color:#b8ffcf;background:#00000073;border-radius:6px;padding:4px 7px;font:800 12px/1 ui-monospace,Menlo,monospace;position:absolute;top:118px;left:18px}.hud-inv{max-width:min(calc(var(--vw,1vw) * 46), 460px);background:linear-gradient(#281e528c,#100c26b3);border:2px solid #ffffff1a;border-radius:18px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 0 0 3px #0a061a73,0 10px 26px #00000059}.inv-row{flex-wrap:wrap;gap:6px;display:flex}.inv-tile{--rc:#d6dde8;border:3px solid var(--rc);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--rc) 45%, transparent), transparent 70%), linear-gradient(180deg, #2e2658, #151030);width:44px;height:44px;box-shadow:0 3px 0 var(--ink), 0 0 12px color-mix(in srgb, var(--rc) 35%, transparent), inset 0 1px 0 #ffffff40;border-radius:11px;justify-content:center;align-items:center;display:flex;position:relative}.inv-tile.kind-weapon{border-radius:13px;width:54px;height:54px}.inv-tile.kind-weapon .inv-icon{margin-top:-6px;font-size:28px}.inv-tile.empty{box-shadow:none;background:#0a081a59;border:2px dashed #ffffff2e}.inv-tile.kind-tome:not(.kind-weapon){width:40px;height:40px}.inv-icon{filter:drop-shadow(0 2px #00000080);font-size:22px;line-height:1}.inv-pips{gap:2px;display:flex;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.inv-pips i{background:#ffffff2e;border-radius:50%;width:4px;height:4px}.inv-pips i.on{background:var(--rc);box-shadow:0 0 4px var(--rc)}.kind-weapon .inv-pips i{width:4px;height:4px}.kind-weapon .inv-pips{gap:1.5px}.inv-stack{font-family:var(--title-font);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:14px;position:absolute;bottom:-6px;right:-5px}.inv-tile.fresh{animation:.9s cubic-bezier(.2,1.5,.4,1) tileFresh}@keyframes tileFresh{0%{filter:brightness(3);transform:scale(.3)rotate(-20deg)}60%{filter:brightness(1.5);transform:scale(1.2)rotate(4deg)}to{filter:none;transform:scale(1)}}.minimap{border-radius:50%;width:190px;height:190px;position:absolute;bottom:18px;right:18px}.minimap-glow{background:radial-gradient(circle,#3dd8ff40 60%,#0000 72%);border-radius:50%;position:absolute;inset:-10px}.minimap-canvas{border-radius:50%;width:190px;height:190px;position:absolute;inset:0}.minimap-ring{border:5px solid var(--ink);box-shadow:inset 0 0 0 3px #ffffff47, inset 0 0 18px #0000008c, 0 5px 0 var(--ink), 0 10px 24px #00000073;border-radius:50%;position:absolute;inset:-5px}.minimap-n{width:22px;height:22px;font-family:var(--title-font);color:#fff;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:linear-gradient(#ff6b6b,#d4193a);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:50%;left:50%}.prompt{border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 0 24px #ffd23f59, inset 0 1px 0 #fff3;white-space:nowrap;background:linear-gradient(#281e52d9,#100c26e6);border-radius:999px;align-items:center;gap:12px;padding:8px 20px 8px 10px;font-size:18px;font-weight:900;animation:.35s cubic-bezier(.2,1.6,.4,1) promptIn;display:flex;position:absolute;bottom:21%;left:50%;transform:translate(-50%)}.prompt.hidden{display:none}.prompt kbd.key{animation:1s ease-in-out infinite keyBob}@keyframes promptIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.7)}}@keyframes keyBob{0%,to{transform:translateY(-1px)}50%{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}}.banner{text-align:center;flex-direction:column;align-items:center;width:100%;animation:.55s cubic-bezier(.2,1.5,.35,1) both bannerIn;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}.banner.out{animation:.42s ease-in both bannerOut}.banner-line{width:min(900px, calc(var(--vw,1vw) * 90));border-top:2px solid color-mix(in srgb, var(--ac) 60%, transparent);border-bottom:2px solid color-mix(in srgb, var(--ac) 60%, transparent);z-index:-1;background:linear-gradient(90deg,#0000,#0c081e99 20% 80%,#0000);height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.banner-title{font-family:var(--title-font);font-size:calc(64px * var(--ui-scale));color:var(--ac);-webkit-text-stroke:9px var(--ink);text-shadow:0 5px 0 var(--ink), 0 0 36px color-mix(in srgb, var(--ac) 70%, transparent);letter-spacing:.02em;padding:6px 20px 0;line-height:1.05}.banner-sub{font-weight:900;font-size:calc(21px * var(--ui-scale));color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 10px #0009;padding-bottom:8px}@keyframes bannerIn{0%{opacity:0;filter:blur(8px);transform:translate(-50%)scale(1.9)}60%{opacity:1;filter:blur();transform:translate(-50%)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes bannerOut{to{opacity:0;transform:translate(-50%)translateY(-24px)scale(.9)}}.modal{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out both fadeIn;display:flex;position:absolute;inset:0}.modal.out{pointer-events:none;animation:.3s ease-in both fadeOut}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.modal-backdrop{z-index:-1;background:radial-gradient(#0e08249e,#060412e6);position:absolute;inset:0}@keyframes popIn{0%{opacity:0;transform:scale(.4)}}.title-edges{z-index:-1;background:radial-gradient(75% 70% at 50% 45%,#0a061e00 50%,#0a061e8c 85%,#060312e6 100%),linear-gradient(#1408328c 0%,#14083200 26% 64%,#0a041acc 100%);position:absolute;inset:0}.title-center{margin-top:calc(var(--vh,1vh) * 9);align-items:center;gap:calc(14px * var(--ui-scale));flex-direction:column;display:flex}.logo-wrap{justify-content:center;align-items:center;display:flex;position:relative}.logo-rays{pointer-events:none;background:repeating-conic-gradient(#ffdc7829 0deg 6deg,#0000 6deg 18deg);width:900px;height:900px;margin:-450px 0 0 -450px;animation:40s linear infinite spin;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0009 25%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0009 25%,#0000 55%)}@keyframes spin{to{transform:rotate(360deg)}}.logo{font-family:var(--title-font);font-weight:400;font-size:calc(150px * var(--ui-scale));letter-spacing:.01em;transform-origin:50% 80%;margin:0;line-height:1;animation:5s ease-in-out infinite logoTilt;display:flex;position:relative}@keyframes logoTilt{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(2deg)scale(1.03)}}.logo-l{color:#3a1470;-webkit-text-stroke:calc(22px * var(--ui-scale)) var(--ink);paint-order:stroke fill;text-shadow:0 4px #2b0f58,0 8px #230c49,0 12px #1c0a3b,0 16px #150730,0 22px 18px #00000080,0 0 60px #ffaa2859;animation:2.2s ease-in-out infinite letterBob;animation-delay:calc(var(--i) * -.14s);margin:0 -.02em;display:inline-block;position:relative}.logo-l:after{content:attr(data-ch);-webkit-text-stroke:0;text-shadow:none;color:#0000;background:linear-gradient(#fffbd0 0%,#ffe45c 32%,#ffb020 60%,#ff6a1a 100%);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.logo-l:before{content:attr(data-ch);-webkit-text-stroke:0;text-shadow:none;color:#0000;background:linear-gradient(#fffffff2 0%,#fff0 38%);z-index:1;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;transform:translate(-.01em,-.015em)}@keyframes letterBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(calc(-10px * var(--ui-scale))) rotate(-2deg)}}.tagline{font-weight:900;font-size:calc(24px * var(--ui-scale));letter-spacing:.02em;color:#fff;text-shadow:0 3px 0 var(--ink), 0 0 20px #0009;margin:calc(6px * var(--ui-scale)) 0 calc(18px * var(--ui-scale));background:linear-gradient(90deg,#0000,#0c081e80,#0000);border-radius:999px;padding:6px 22px}.title-controls{width:min(760px, calc(var(--vw,1vw) * 88));opacity:.9;padding:12px 22px 16px;animation:.7s cubic-bezier(.2,1.3,.4,1) .2s backwards slideUp;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(60px)}}.title-controls .panel-title{text-align:center}.controls{grid-template-columns:repeat(4,1fr);gap:10px 16px;display:grid}.ctl-row{align-items:center;gap:8px;min-width:0;display:flex}.ctl-keys{flex-shrink:0;gap:3px;display:flex}.ctl-label{color:var(--muted);font-size:14px;font-weight:800;line-height:1.15}.controls.compact{grid-template-columns:repeat(2,1fr);gap:7px 12px}.controls.compact kbd.key{min-width:24px;height:24px;font-size:13px}.controls.compact .ctl-label{font-size:13px}.credits{text-align:center;color:#ffffff8c;text-shadow:0 1px #0009;letter-spacing:.04em;font-size:12px;font-weight:800;position:absolute;bottom:14px;left:0;right:0}.card{--rc:#d6dde8;width:clamp(220px, calc(var(--vw,1vw) * 19), 280px);min-height:calc(360px * var(--ui-scale));text-align:center;border:4px solid var(--rc);background:radial-gradient(ellipse 90% 55% at 50% 0%, color-mix(in srgb, var(--rc) 38%, transparent), transparent 70%), linear-gradient(180deg, #2f2659 0%, #1a1438 60%, #120d2a 100%);box-shadow:0 0 0 4px var(--ink), 0 12px 0 4px var(--ink), 0 20px 40px #00000080, 0 0 36px color-mix(in srgb, var(--rc) 45%, transparent), inset 0 2px 0 #ffffff40;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 44px;transition:transform .22s cubic-bezier(.3,1.8,.5,1),box-shadow .22s,filter .22s,opacity .2s;display:flex;position:relative;overflow:hidden}.card.pickable{cursor:pointer;animation:.62s cubic-bezier(.2,1.35,.4,1) backwards cardIn}.card.pickable:first-child{--tilt:-7deg}.card.pickable:nth-child(3){--tilt:7deg}@keyframes cardIn{0%{transform:translateY(120px) rotate(var(--tilt,0deg)) scale(.6);opacity:0}}.card.pickable:hover{filter:brightness(1.12);box-shadow:0 0 0 4px var(--ink), 0 12px 0 4px var(--ink), 0 30px 50px #00000080, 0 0 60px color-mix(in srgb, var(--rc) 80%, transparent), inset 0 2px 0 #ffffff40;transform:translateY(-14px)scale(1.05)}.card.chosen{filter:brightness(1.35);transition-duration:.15s;transform:scale(1.1)translateY(-10px)}.card.dismissed{opacity:0;transform:scale(.85)translateY(30px)}.card-glow{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--rc) 40%, transparent), transparent 55%);opacity:.7;pointer-events:none;position:absolute;inset:0}.card-shimmer{mix-blend-mode:overlay;pointer-events:none;z-index:2;background:linear-gradient(115deg,#0000 35%,#ffffff80 48%,#ffffff1a 54%,#0000 65%) 0 0/260% 100%;animation:2.3s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:130% 0}60%,to{background-position:-130% 0}}.card.rarity-legendary{animation-name:cardIn,legendPulse;animation-duration:.62s,1.6s;animation-iteration-count:1,infinite}.card.rarity-legendary:not(.pickable){animation:1.6s ease-in-out infinite legendPulse}@keyframes legendPulse{0%,to{border-color:#fbbf24}50%{border-color:#fff3b0}}.card-ribbon{width:160px;font-family:var(--title-font);color:#fff;-webkit-text-stroke:3px #5a0a1a;paint-order:stroke fill;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);z-index:3;background:linear-gradient(#ff7a8a,#ff2f55);padding:4px 0;font-size:15px;animation:1s ease-in-out infinite ribbonPulse;position:absolute;top:22px;right:-40px;transform:rotate(38deg);box-shadow:0 3px 8px #0006}@keyframes ribbonPulse{50%{filter:brightness(1.3)}}.card-top{z-index:1;align-items:center;gap:6px;width:100%;display:flex;position:relative}.card-kind,.card-level{font-family:var(--title-font);border:2px solid var(--ink);letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:13px}.card-kind{color:#fff;background:#ffffff24}.kind-weapon .card-kind{background:linear-gradient(#ff9a5c,#e0531a)}.kind-tome .card-kind{background:linear-gradient(#7fb2ff,#3a6fe0)}.kind-item .card-kind{background:linear-gradient(#7dffb8,#1faa66)}.card-level{background:var(--gold);color:var(--ink)}.card-medal{z-index:1;width:calc(104px * var(--ui-scale));height:calc(104px * var(--ui-scale));border:4px solid var(--rc);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--rc) 55%, #fff 10%), color-mix(in srgb, var(--rc) 20%, #120d2a) 70%);box-shadow:0 0 0 4px var(--ink), 0 6px 0 4px var(--ink), 0 0 30px color-mix(in srgb, var(--rc) 70%, transparent), inset 0 -8px 14px #00000059;animation:2.4s ease-in-out infinite medalFloat;animation-delay:calc(var(--i,0) * -.5s);border-radius:50%;justify-content:center;align-items:center;margin-top:8px;display:flex;position:relative}@keyframes medalFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}.card-icon{font-size:calc(56px * var(--ui-scale));filter:drop-shadow(0 4px #00000073);line-height:1}.card-name{z-index:1;font-family:var(--title-font);font-size:calc(25px * var(--ui-scale));color:#fff;-webkit-text-stroke:5px var(--ink);text-shadow:0 3px 0 var(--ink);margin-top:10px;line-height:1.05;position:relative}.card-desc{z-index:1;font-weight:800;font-size:max(15px, calc(17px * var(--ui-scale)));color:#ece8ff;text-shadow:0 1px #0009;flex:1;align-items:center;line-height:1.3;display:flex;position:relative}.card-num{color:var(--gold,#ffd23f);font-weight:900}.card-rarity{z-index:1;font-family:var(--title-font);letter-spacing:.14em;text-transform:uppercase;color:var(--rc);text-shadow:0 2px 0 var(--ink), 0 0 12px color-mix(in srgb, var(--rc) 70%, transparent);font-size:15px;position:relative}.card-key{z-index:1;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lu-head{margin-bottom:calc(34px * var(--ui-scale));flex-direction:column;align-items:center;display:flex}.lu-title{font-family:var(--title-font);font-size:calc(68px * var(--ui-scale));color:#0000;background:linear-gradient(100deg,#ffb020 0%,#ffe45c 30%,#fff 42%,#ffe45c 54%,#ff9a1a 100%) 0 0/250% 100%;filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(0 6px 0 var(--ink)) drop-shadow(0 0 24px #ffc83c99);-webkit-background-clip:text;background-clip:text;padding:0 12px;line-height:1.05;animation:.6s cubic-bezier(.2,1.6,.4,1) backwards luTitleIn,2.4s linear infinite luShine}@keyframes luTitleIn{0%{opacity:0;transform:scale(2)rotate(-4deg)}}@keyframes luShine{0%{background-position:120% 0}to{background-position:-120% 0}}.lu-sub{font-weight:900;font-size:calc(19px * var(--ui-scale));color:#fff;text-shadow:0 2px 0 var(--ink);opacity:.92;margin-top:4px}.lu-cards{gap:calc(28px * var(--ui-scale));align-items:stretch;display:flex}.chest-screen{--rc:#d6dde8}.chest-stage{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.chest-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 60%, transparent) 0deg 7deg, transparent 7deg 20deg);width:1300px;height:1300px;animation:.7s cubic-bezier(.2,1.3,.4,1) backwards raysIn,16s linear infinite spin;position:absolute;top:-650px;left:-650px;-webkit-mask-image:radial-gradient(circle,#000 0%,#000000b3 18%,#0000 50%);mask-image:radial-gradient(circle,#000 0%,#000000b3 18%,#0000 50%)}.chest-rays.r2{opacity:.6;width:1000px;height:1000px;animation:.9s cubic-bezier(.2,1.3,.4,1) backwards raysIn,24s linear infinite spinRev;top:-500px;left:-500px}@keyframes spinRev{to{transform:rotate(-360deg)}}@keyframes raysIn{0%{opacity:0;transform:scale(0)rotate(-90deg)}}.chest-halo{background:radial-gradient(circle, color-mix(in srgb, var(--rc) 70%, #fff 30%) 0%, color-mix(in srgb, var(--rc) 35%, transparent) 30%, transparent 62%);border-radius:50%;width:640px;height:640px;animation:.9s ease-out backwards haloFlash,2s ease-in-out .9s infinite haloPulse;position:absolute;top:-320px;left:-320px}@keyframes haloFlash{0%{opacity:0;filter:brightness(3);transform:scale(.1)}35%{opacity:1;transform:scale(1.3)}to{transform:scale(1)}}@keyframes haloPulse{50%{opacity:.8;transform:scale(1.08)}}.chest-sparks i{width:12px;height:12px;box-shadow:0 0 12px 4px var(--rc);opacity:0;animation:spark var(--t) .25s cubic-bezier(.1, .8, .3, 1) forwards;background:#fff;border-radius:50%;position:absolute;top:-6px;left:-6px}@keyframes spark{0%{transform:rotate(var(--a)) translateX(0) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translateX(var(--d)) scale(.2);opacity:0}}.chest-col{align-items:center;gap:calc(22px * var(--ui-scale));flex-direction:column;display:flex;position:relative}.chest-title{font-family:var(--title-font);font-size:calc(58px * var(--ui-scale));color:#fff;-webkit-text-stroke:9px var(--ink);text-shadow:0 5px 0 var(--ink), 0 0 30px #0006;text-transform:uppercase;line-height:1;animation:.55s cubic-bezier(.2,1.6,.4,1) backwards luTitleIn}.chest-rarity{color:var(--rc);text-shadow:0 5px 0 var(--ink), 0 0 30px var(--rc)}.chest-card{animation:.75s cubic-bezier(.2,1.5,.4,1) .3s backwards chestCard}.chest-card .card{width:clamp(250px, calc(var(--vw,1vw) * 21), 300px)}@keyframes chestCard{0%{opacity:0;filter:brightness(4);transform:scale(0)rotate(-25deg)}60%{opacity:1;filter:brightness(1.6);transform:scale(1.12)rotate(4deg)}to{filter:none;transform:scale(1)rotate(0)}}.pause-panel{width:min(940px, calc(var(--vw,1vw) * 94));max-height:calc(var(--vh,1vh) * 92);padding:20px 28px 26px;animation:.4s cubic-bezier(.2,1.5,.4,1) popIn;overflow:auto}.pause-title{text-align:center;font-family:var(--title-font);font-size:calc(62px * var(--ui-scale));letter-spacing:.12em;-webkit-text-stroke:9px var(--ink);text-shadow:0 5px 0 var(--ink), 0 0 30px #7df9ff73;margin-bottom:18px;line-height:1}.pause-cols{grid-template-columns:270px 1fr;gap:28px;display:grid}.pause-left{flex-direction:column;gap:14px;display:flex}.pause-right{min-width:0}.settings{background:#08061459;border:2px solid #ffffff14;border-radius:16px;flex-direction:column;gap:10px;margin-top:6px;padding:14px;display:flex}.setting{justify-content:space-between;align-items:baseline;font-size:15px;font-weight:900;display:flex}.setting-val{font-family:var(--title-font);color:var(--xp);font-size:18px}.slider{--t:30%;pointer-events:auto;appearance:none;border:2px solid var(--ink);background:linear-gradient(90deg, #3dd8ff 0%, #8ff5ff var(--t), #ffffff1f var(--t));cursor:pointer;border-radius:999px;outline:none;width:100%;height:14px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);width:26px;height:26px;box-shadow:0 3px 0 var(--ink);background:radial-gradient(circle at 40% 35%,#fff,#d4d0f0);border-radius:50%}.slider::-moz-range-thumb{border:3px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px}.pause-note{text-align:center;color:#ffd23f;text-shadow:0 2px #0009;max-width:560px;margin:10px auto 0;font-size:15px;font-weight:900}.pause-hint{text-align:center;color:#ffffff80;font-size:13px;font-weight:800}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.stat{background:linear-gradient(#ffffff1a,#ffffff08);border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 12px;display:flex;box-shadow:0 3px #08051499}.stat-icon{filter:drop-shadow(0 2px #00000080);font-size:26px}.stat-val{font-family:var(--title-font);-webkit-text-stroke:5px var(--ink);font-size:30px;line-height:1.1}.stat-label{color:var(--muted);text-align:center;font-size:13px;font-weight:800}.s-gold .stat-val{color:#ffe066}.s-level .stat-val{color:#8ff5ff}.s-kills .stat-val{color:#ffb4b4}.inv-block{flex-wrap:wrap;align-items:flex-end;gap:6px 16px;margin-bottom:14px;display:flex}.go-panel{width:min(1100px, calc(var(--vw,1vw) * 96));flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.go-title{font-family:var(--title-font);font-size:calc(96px * var(--ui-scale));text-align:center;-webkit-text-stroke:12px var(--ink);letter-spacing:.02em;line-height:1}.victory .go-title{color:#ffe45c;text-shadow:0 6px 0 var(--ink), 0 12px 0 #3a1a00, 0 0 60px #ffc83ccc;animation:.9s cubic-bezier(.2,1.6,.4,1) backwards goWin,2.4s ease-in-out .9s infinite goWinBob}.defeat .go-title{color:#ff4d5e;text-shadow:0 6px 0 var(--ink), 0 12px 0 #3a0010, 0 0 50px #ff283c99;animation:1s cubic-bezier(.3,1.3,.5,1) backwards goLose}@keyframes goWin{0%{opacity:0;transform:scale(3)rotate(-8deg)}}@keyframes goWinBob{50%{transform:scale(1.05)rotate(-1deg)}}@keyframes goLose{0%{opacity:0;transform:translateY(-120px)}55%{opacity:1;transform:translateY(8px)}70%{transform:translateY(-6px)rotate(-1.5deg)}85%{transform:translateY(2px)rotate(1deg)}}.go-sub{font-weight:900;font-size:calc(20px * var(--ui-scale));text-shadow:0 2px 0 var(--ink);animation:.6s .5s backwards fadeIn}.go-card{width:min(760px, calc(var(--vw,1vw) * 94));padding:18px 22px 8px;animation:.55s cubic-bezier(.2,1.4,.4,1) .6s backwards popIn}.go-card .stat{animation:.45s cubic-bezier(.2,1.6,.4,1) backwards popIn;animation-delay:calc(.8s + var(--i) * .1s)}.btn-again{animation:.5s cubic-bezier(.2,1.6,.4,1) 1.2s backwards popIn,1.8s ease-in-out 1.7s infinite playGlow}.defeat .modal-backdrop{background:radial-gradient(#3c050f8c,#140006e6)}.victory .modal-backdrop{background:radial-gradient(#5a3c0a4d,#140a1ecc)}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:var(--w);height:calc(var(--w) * .5);animation:confetti var(--dur) var(--delay) linear infinite;border-radius:2px;position:absolute;top:-24px}@keyframes confetti{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--drift), calc(var(--vh,1vh) * 110), 0) rotate(var(--rot))}}.lock-hint{z-index:9;pointer-events:auto;cursor:pointer;background:radial-gradient(#0a061e1a,#0a061e8c);justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0}.lock-hint.hidden{display:none}.lock-hint-pill{font-family:var(--title-font);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink), 0 0 30px #3dd8ff73;background:linear-gradient(#281e52e6,#100c26eb);border-radius:999px;padding:14px 28px;font-size:26px;animation:1.2s ease-in-out infinite keyBob}@media (height<=820px){.bf-ui{--ui-scale:.84}}@media (height<=640px){.bf-ui{--ui-scale:.72}}@media (height>=1040px){.bf-ui{--ui-scale:1.08}}@media (height<=760px){.hud-inv{padding:8px}.inv-tile.kind-weapon{width:48px;height:48px}.title-center{margin-top:calc(var(--vh,1vh) * 6)}.card{min-height:320px}}@media (width<=1100px){.controls,.stats-grid{grid-template-columns:repeat(2,1fr)}.pause-cols{grid-template-columns:1fr}}.bf-ui{--teal:#2ee6c8;--shard:#ffe46b;--good:#6dff9a;--bad:#ff8a8a}.bf-ui[data-biome=desert]{--biome:#e0a458}.bf-ui[data-biome=toundra]{--biome:#bfe3f5}.bf-ui[data-biome=prairie]{--biome:#5dbb4a}.timer,.counter-val,.ts-title,.char-name,.shop-name,.go-score-val,.go-shards-val,.loading-pct,.quest-count,.lb-score,.tab,.seg-btn{paint-order:stroke fill}.btn[disabled],.btn.disabled{filter:grayscale(.75)brightness(.8);cursor:not-allowed}.btn[disabled]:hover,.btn.disabled:hover{transform:none}.btn-back{box-shadow:0 4px 0 var(--ink), 0 8px 16px #0000004d, inset 0 2px 0 #ffffff59;background:linear-gradient(#8a80c8 0%,#5a4fa0 100%);border-width:3px;border-radius:14px;padding:6px 16px 8px;font-size:18px}.btn-back .btn-label{-webkit-text-stroke:4px var(--ink)}.loading{z-index:30;pointer-events:auto;background:radial-gradient(at 50% 42%,#5828a08c,#0a061e00 60%),linear-gradient(#1a0f3c 0%,#0b0720 100%);justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:0;overflow:hidden}.loading.out{pointer-events:none;animation:.6s ease-in forwards fadeOut}.loading-rays{background:repeating-conic-gradient(#ffd25a1a 0deg 6deg,#0000 6deg 18deg);width:1400px;height:1400px;margin:-700px 0 0 -700px;animation:50s linear infinite spin;position:absolute;top:42%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#00000080 25%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#00000080 25%,#0000 55%)}.loading-center{width:min(560px, calc(var(--vw,1vw) * 88));flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.logo.loading-logo{font-size:calc(104px * var(--ui-scale));margin-bottom:18px}.loading-logo .logo-l{-webkit-text-stroke:calc(15px * var(--ui-scale)) var(--ink)}.loading-bar{border:3px solid var(--ink);width:100%;height:22px;box-shadow:0 4px 0 var(--ink), 0 0 30px #ffc83c33, inset 0 2px 6px #0009;background:linear-gradient(#060a1ee6,#18123ccc);border-radius:999px;position:relative;overflow:hidden}.loading-fill{transform-origin:0;background:linear-gradient(#fff27a 0%,#ffc531 45%,#ff8f1a 100%);transition:transform .25s ease-out;position:absolute;inset:0;overflow:hidden;transform:scaleX(0);box-shadow:0 0 18px #ffbe28cc}.loading-shine{mix-blend-mode:overlay;background:linear-gradient(100deg,#0000 40%,#fffc 50%,#0000 60%) 0 0/300% 100%;animation:1.6s linear infinite xpShine;position:absolute;inset:0}.loading-row{justify-content:space-between;align-items:baseline;gap:12px;width:100%;display:flex}.loading-label{color:var(--muted);text-shadow:0 2px 0 var(--ink);font-size:16px;font-weight:900}.loading-pct{font-family:var(--title-font);color:var(--gold);-webkit-text-stroke:4px var(--ink);font-size:22px}.loading-tip{color:#fff9;text-align:center;margin-top:10px;font-size:14px;font-weight:800;animation:1s .4s backwards fadeIn}.title-screen{justify-content:flex-start}.ts-topbar{z-index:2;align-items:flex-start;gap:10px;animation:.6s .2s backwards fadeIn;display:flex;position:absolute;top:14px;left:16px;right:16px}.ts-topbar-spacer{flex:1}.biome-chip{--bc:#5dbb4a;max-width:min(440px, calc(var(--vw,1vw) * 60));border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), 0 0 20px color-mix(in srgb, var(--bc) 35%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--bc) 55%, transparent);background:linear-gradient(#281e52d1,#100c26db);border-radius:16px;align-items:center;gap:10px;padding:6px 14px 6px 8px;display:flex}.biome-chip-icon{filter:drop-shadow(0 2px 0 var(--ink));font-size:28px}.biome-chip-txt{flex-direction:column;min-width:0;display:flex}.biome-chip-txt b{font-family:var(--title-font);color:var(--bc);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:18px;font-weight:400}.biome-chip-txt small{color:var(--muted);font-size:12px;font-weight:800;line-height:1.2}.daily-chip{font-family:var(--title-font);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), 0 0 20px #ffbe2880;background:linear-gradient(#ffcf4a,#ff8f1a);border-radius:16px;align-items:center;gap:6px;padding:8px 14px;font-size:17px;display:flex}.shard-counter{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink), 0 0 22px #ffe46b59, inset 0 1px 0 #fff3;background:linear-gradient(#281e52db,#100c26e6);border-radius:16px;align-items:center;gap:8px;padding:6px 16px 6px 10px;display:flex}.shard-icon{filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 0 8px #ffdc50cc);font-size:26px;animation:2.4s ease-in-out infinite shardTwinkle}@keyframes shardTwinkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(18deg)scale(1.12)}}.shard-val{font-family:var(--title-font);color:var(--shard);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:26px}.ts-content{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex;position:static}.ts-screen{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;animation:.4s cubic-bezier(.2,1.2,.4,1) backwards tsIn;display:flex;position:static}@keyframes tsIn{0%{opacity:0;transform:translateY(18px)scale(.98)}}.ts-main .title-center{margin-top:calc(var(--vh,1vh) * 10)}.ts-screen:not(.ts-main){overflow:hidden auto}.btn-daily{font-size:calc(24px * var(--ui-scale));background:linear-gradient(#ff9ad5 0%,#e0479e 55%,#b0247a 100%);border-radius:18px;padding:8px 26px 10px}.daily-info{box-shadow:0 3px 0 var(--ink);pointer-events:auto;background:#0c081e99;border:2px solid #ffd23f80;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:8px 18px;display:flex}.daily-info-txt{color:#ffe89a;text-shadow:0 2px 0 var(--ink);font-size:16px;font-weight:900}.daily-link{color:#9fe8ff;text-underline-offset:3px;cursor:pointer;font-size:14px;font-weight:900;text-decoration:underline}.daily-link:hover{color:#fff}.menu-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}.btn-menu{font-size:calc(21px * var(--ui-scale));border-radius:16px;min-width:170px;padding:8px 18px 10px}.m-shop{background:linear-gradient(#8dffb0 0%,#33d17a 50%,#13a05a 100%)}.m-board{background:linear-gradient(#ffe07a 0%,#f0a81c 55%,#c07a0a 100%)}.m-settings{background:linear-gradient(#b5a8ff 0%,#7a5cff 55%,#5a3adf 100%)}.records-line{background:linear-gradient(90deg,#0000,#0c081e99,#0000);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:6px;padding:6px 18px;display:flex}.rec{color:var(--muted);text-shadow:0 2px 0 var(--ink);align-items:baseline;gap:5px;font-size:14px;font-weight:800;display:inline-flex}.rec b{font-family:var(--title-font);color:#fff;font-size:18px;font-weight:400}.rec-icon{font-size:15px}.ts-main .title-controls{bottom:36px}@media (height<=920px){.ts-main .title-controls{display:none}}.ts-head{width:min(1180px, calc(var(--vw,1vw) * 94));grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:84px;display:grid}.ts-head:after{content:"";width:120px}.ts-head-titles{text-align:center}.ts-title{font-family:var(--title-font);font-size:calc(52px * var(--ui-scale));color:#fff;-webkit-text-stroke:9px var(--ink);text-shadow:0 5px 0 var(--ink), 0 0 30px #ffc83c66;letter-spacing:.03em;line-height:1}.ts-sub{color:var(--muted);text-shadow:0 2px 0 var(--ink);margin-top:6px;font-size:15px;font-weight:900}.ts-chars{gap:calc(18px * var(--ui-scale))}.char-row{justify-content:center;gap:calc(18px * var(--ui-scale));margin-top:calc(20px * var(--ui-scale));flex:0 auto;max-width:100%;padding:14px 10px 10px;display:flex}.char-card{--cc:#7df9ff;width:clamp(200px, calc(var(--vw,1vw) * 20), 262px);min-height:calc(470px * var(--ui-scale));text-align:center;border:4px solid color-mix(in srgb, var(--cc) 70%, #1a1438);box-shadow:0 0 0 4px var(--ink), 0 10px 0 4px var(--ink), 0 20px 36px #00000073;cursor:pointer;animation:.6s cubic-bezier(.2,1.35,.4,1) backwards cardIn;animation-delay:calc(50ms + var(--i) * 80ms);background:linear-gradient(#2f2659 0%,#1a1438 60%,#120d2a 100%);border-radius:24px;flex-direction:column;align-items:center;gap:7px;padding:16px 14px 14px;transition:transform .22s cubic-bezier(.3,1.8,.5,1),box-shadow .22s,filter .22s;display:flex;position:relative;overflow:hidden}.char-bg{background:radial-gradient(ellipse 100% 45% at 50% 0%, color-mix(in srgb, var(--cc) 42%, transparent), transparent 75%), repeating-linear-gradient(135deg, #ffffff06 0 10px, transparent 10px 20px);pointer-events:none;position:absolute;inset:0}.char-card:hover{filter:brightness(1.08);transform:translateY(-8px)}.char-card.selected{border-color:var(--cc);box-shadow:0 0 0 4px var(--ink), 0 12px 0 4px var(--ink), 0 26px 46px #00000080, 0 0 50px color-mix(in srgb, var(--cc) 70%, transparent);transform:translateY(-14px)scale(1.04)}.char-card.selected:after{content:"";box-shadow:inset 0 0 0 3px #ffffff8c, inset 0 0 40px color-mix(in srgb, var(--cc) 40%, transparent);pointer-events:none;border-radius:20px;animation:1.4s ease-in-out infinite selPulse;position:absolute;inset:0}@keyframes selPulse{50%{opacity:.45}}.char-key{z-index:2;position:absolute;top:10px;left:10px}.char-portrait{width:calc(110px * var(--ui-scale));height:calc(110px * var(--ui-scale));border:4px solid var(--cc);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--cc) 60%, #fff 10%), color-mix(in srgb, var(--cc) 18%, #120d2a) 72%);box-shadow:0 0 0 4px var(--ink), 0 6px 0 4px var(--ink), 0 0 34px color-mix(in srgb, var(--cc) 60%, transparent), inset 0 -8px 14px #00000059;border-radius:50%;justify-content:center;align-items:center;margin-top:4px;display:flex;position:relative}.char-aura{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--cc) 55%, transparent) 0deg 8deg, transparent 8deg 24deg);opacity:0;border-radius:50%;transition:opacity .3s;animation:8s linear infinite spin;position:absolute;inset:-16px;-webkit-mask-image:radial-gradient(circle,#0000 52%,#000 60%,#0000 72%);mask-image:radial-gradient(circle,#0000 52%,#000 60%,#0000 72%)}.char-card.selected .char-aura{opacity:1}.char-icon{font-size:calc(60px * var(--ui-scale));filter:drop-shadow(0 4px #00000073);line-height:1;position:relative}.char-card.selected .char-icon{animation:2.2s ease-in-out infinite medalFloat}.char-name{font-family:var(--title-font);font-size:calc(30px * var(--ui-scale));color:#fff;-webkit-text-stroke:6px var(--ink);text-shadow:0 3px 0 var(--ink), 0 0 18px color-mix(in srgb, var(--cc) 60%, transparent);margin-top:8px;line-height:1;position:relative}.char-title{font-family:var(--title-font);letter-spacing:.12em;text-transform:uppercase;color:var(--cc);text-shadow:0 2px 0 var(--ink);font-size:14px;position:relative}.char-desc{color:#ece8ff;min-height:3.9em;font-size:14px;font-weight:800;line-height:1.3;position:relative}.char-line{text-align:left;background:#08061473;border:2px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex;position:relative}.char-line-icon{filter:drop-shadow(0 2px #00000080);flex-shrink:0;font-size:22px}.char-line-txt{flex-direction:column;min-width:0;display:flex}.char-line-txt small{letter-spacing:.06em;text-transform:uppercase;color:var(--cc);font-size:11px;font-weight:900}.char-line-txt b{color:#fff;font-size:13.5px;font-weight:900;line-height:1.25}.char-chips{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto;padding-top:4px;display:flex;position:relative}.chip{border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900}.chip.good{color:var(--good);background:#3cc86e40}.chip.bad{color:var(--bad);background:#dc3c3c40}.char-card.locked{cursor:pointer}.char-lock{z-index:3;padding-top:calc(38px * var(--ui-scale));justify-content:flex-start;align-items:center;gap:calc(150px * var(--ui-scale));background:radial-gradient(at 50% 30%,#0a061e1a,#0a061e99);flex-direction:column;display:flex;position:absolute;inset:0}.char-lock-icon{filter:drop-shadow(0 5px 0 var(--ink)) drop-shadow(0 0 16px #0009);font-size:64px;animation:2.6s ease-in-out infinite medalFloat}.btn-unlock{background:linear-gradient(#8a8aa6 0%,#55556e 100%);border-width:3px;border-radius:14px;padding:8px 16px 10px;font-size:19px}.btn-unlock.afford{background:linear-gradient(#fff27a 0%,#ffc531 45%,#ff8f1a 100%);animation:1.8s ease-in-out infinite playGlow}.btn-unlock .btn-label{-webkit-text-stroke:4px var(--ink)}.char-card.just-unlocked{animation:.9s cubic-bezier(.2,1.5,.4,1) justUnlocked}@keyframes justUnlocked{0%{filter:brightness(3);transform:scale(.9)}60%{transform:scale(1.1)}to{filter:none}}.unlock-burst{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:30%;left:50%}.unlock-burst i{width:10px;height:10px;box-shadow:0 0 10px 3px var(--cc);--t:.8s;background:#fff6b0;border-radius:50%;animation:.8s cubic-bezier(.1,.8,.3,1) forwards spark;position:absolute;top:-5px;left:-5px}.char-foot{margin-top:calc(10px * var(--ui-scale));justify-content:center;padding-bottom:50px;display:flex}.btn-go{font-size:calc(40px * var(--ui-scale))}.btn-go.disabled{animation:none}.shop-grid{width:min(1180px, calc(var(--vw,1vw) * 94));pointer-events:auto;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));align-content:start;gap:16px;margin-top:22px;padding:6px 6px 60px;display:grid}.shop-card{box-shadow:0 0 0 3px var(--ink), 0 7px 0 3px var(--ink), 0 14px 26px #00000059;animation:.45s cubic-bezier(.2,1.5,.4,1) backwards popIn;animation-delay:calc(var(--i) * 40ms);background:linear-gradient(#2f2659eb,#120d2af0);border:3px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.shop-card.afford{border-color:#ffd23f8c}.shop-card.maxed{border-color:#6dff9a80}.shop-card.bought{animation:.7s cubic-bezier(.2,1.5,.4,1) justUnlocked}.shop-top{align-items:center;gap:12px;display:flex}.shop-icon{border:3px solid var(--ink);width:54px;height:54px;box-shadow:0 3px 0 var(--ink), inset 0 2px 0 #ffffff40;background:radial-gradient(circle at 40% 35%,#5a4fa0,#221845);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;display:flex}.shop-titles{flex-direction:column;gap:6px;min-width:0;display:flex}.shop-name{font-family:var(--title-font);-webkit-text-stroke:4px var(--ink);font-size:20px;line-height:1.05}.shop-pips{flex-wrap:wrap;gap:4px;display:flex}.shop-pips i{border:1.5px solid var(--ink);background:#ffffff24;border-radius:4px;width:14px;height:8px}.shop-pips i.on{background:linear-gradient(#fff27a,#ffb020);box-shadow:0 0 6px #ffc828cc}.shop-eff{flex-direction:column;flex:1;gap:4px;display:flex}.shop-eff-row{color:#ece8ff;align-items:baseline;gap:8px;font-size:14px;font-weight:800;display:flex}.shop-eff-row small{letter-spacing:.06em;text-transform:uppercase;width:58px;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:900}.shop-eff-row.next span{color:var(--good)}.btn-buy{background:linear-gradient(#8a8aa6 0%,#55556e 100%);border-width:3px;border-radius:14px;padding:6px 14px 8px;font-size:20px}.btn-buy.afford{background:linear-gradient(#fff27a 0%,#ffc531 45%,#ff8f1a 100%)}.btn-buy.maxed{cursor:default;background:linear-gradient(#8dffb0 0%,#33d17a 50%,#13a05a 100%)}.btn-buy.maxed:hover{transform:none}.btn-buy .btn-label{-webkit-text-stroke:4px var(--ink)}.lb-panel{width:min(900px, calc(var(--vw,1vw) * 94));min-height:0;max-height:calc(calc(var(--vh,1vh) * 100) - 220px);pointer-events:auto;flex-direction:column;flex:0 auto;margin-top:22px;margin-bottom:50px;padding:16px 18px 12px;display:flex}.lb-panel .lb-body{min-height:120px;overflow-y:auto}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.tab{pointer-events:auto;cursor:pointer;font-family:var(--title-font);color:#fff;-webkit-text-stroke:4px var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#ffffff14;border-radius:12px;padding:7px 16px 8px;font-size:17px;transition:transform .15s,background .15s}.tab:hover{transform:translateY(-2px)}.tab.on{background:linear-gradient(#ffe07a 0%,#f0a81c 100%)}.lb-table{flex-direction:column;gap:4px;display:flex}.lb-row{animation:.3s backwards fadeIn;animation-delay:calc(var(--i,0) * 30ms);background:#ffffff0d;border-radius:12px;grid-template-columns:44px minmax(0,1fr) 90px 64px 64px 44px 64px;align-items:center;gap:8px;padding:6px 10px;font-size:15px;font-weight:900;display:grid}.lb-row.lb-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:0 0;padding-top:0;padding-bottom:0;font-size:11px}.lb-row.top1{background:linear-gradient(90deg,#ffd23f47,#ffd23f0d)}.lb-row.top2{background:linear-gradient(90deg,#d2dceb38,#d2dceb0a)}.lb-row.top3{background:linear-gradient(90deg,#de8c463d,#de8c460a)}.lb-row.me{outline:3px solid var(--teal);box-shadow:0 0 18px #2ee6c873}.lb-rank{text-align:center;font-family:var(--title-font);font-size:18px}.lb-head .lb-rank{font-family:inherit;font-size:inherit}.lb-name{align-items:center;gap:6px;min-width:0;display:flex}.lb-name-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-crown{font-size:15px}.lb-score{text-align:right;font-family:var(--title-font);color:var(--gold);-webkit-text-stroke:4px var(--ink);font-size:18px;font-weight:400}.lb-head .lb-score{font-family:inherit;font-size:inherit;color:inherit;-webkit-text-stroke:0}.lb-time,.lb-kills,.lb-level{text-align:right;font-variant-numeric:tabular-nums;color:#ece8ff}.lb-tags{justify-content:flex-end;gap:4px;display:flex}.lb-tag{font-size:17px}.lb-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;display:flex}.lb-state-icon{filter:drop-shadow(0 3px 0 var(--ink));font-size:40px}.lb-state-title{font-family:var(--title-font);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:22px}.lb-state-sub{color:var(--muted);font-size:14px;font-weight:800}.lb-spinner{border:5px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.settings-cols{width:min(980px, calc(var(--vw,1vw) * 94));pointer-events:auto;grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin-top:22px;display:grid}.settings-panel{padding:16px 20px 18px}.settings-panel .settings{margin-top:0}.settings-note{color:var(--muted);margin-top:12px;font-size:13px;font-weight:800;line-height:1.4}.setting-col{flex-direction:column;align-items:stretch;gap:8px}.setting-hint{color:var(--muted);font-size:12px;font-weight:800}.segmented{border:2px solid var(--ink);background:#00000059;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.seg-btn{pointer-events:auto;cursor:pointer;font-family:var(--title-font);color:#fff;-webkit-text-stroke:3px var(--ink);background:0 0;border:0;border-radius:10px;padding:6px 4px 7px;font-size:16px;transition:background .15s,transform .15s}.seg-btn:hover{background:#ffffff14}.seg-btn.on{box-shadow:0 3px 0 var(--ink);background:linear-gradient(#7ef1ff 0%,#20a8d8 100%)}.setting-toggle{align-items:center}.switch{pointer-events:auto;cursor:pointer;border:3px solid var(--ink);width:104px;height:32px;box-shadow:0 3px 0 var(--ink);font-family:var(--text-font);color:var(--muted);background:#ffffff1f;border-radius:999px;align-items:center;padding:0 10px 0 36px;font-size:13px;font-weight:900;transition:background .2s,padding .2s;display:inline-flex;position:relative}.switch-knob{border:2px solid var(--ink);background:radial-gradient(circle at 40% 35%,#fff,#cfcbe8);border-radius:50%;width:20px;height:20px;transition:left .2s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;left:3px}.switch.on{color:var(--ink);background:linear-gradient(#8dffb0 0%,#33d17a 100%);padding:0 36px 0 12px}.switch.on .switch-knob{left:calc(100% - 25px)}.hp-box{--cc:#7df9ff;gap:10px}.hp-portrait{border:3px solid var(--cc);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--cc) 55%, #fff 10%), color-mix(in srgb, var(--cc) 18%, #120d2a) 72%);width:52px;height:52px;box-shadow:0 0 0 3px var(--ink), 0 4px 0 3px var(--ink), 0 0 16px color-mix(in srgb, var(--cc) 55%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.hp-portrait-icon{filter:drop-shadow(0 2px #00000080);font-size:28px;line-height:1}.hp-portrait .hp-heart{filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 0 6px #ff284699);font-size:20px;position:absolute;bottom:-6px;right:-8px}.hp-line{align-items:center;gap:8px;min-height:22px;display:flex}.move-tag{font-family:var(--title-font);letter-spacing:.06em;border:2px solid var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:2px 9px;font-size:13px;animation:.25s cubic-bezier(.2,1.6,.4,1) moveTagIn}.move-tag.hidden{display:none}.move-tag.mt-grind{box-shadow:0 2px 0 var(--ink), 0 0 14px #ffc828b3;background:linear-gradient(#ffe07a,#f0a81c)}.move-tag.mt-slide{box-shadow:0 2px 0 var(--ink), 0 0 14px #3dd8ff99;background:linear-gradient(#7ef1ff,#20a8d8)}.move-tag.mt-dash{background:linear-gradient(#d0b8ff,#7a5cff)}@keyframes moveTagIn{0%{opacity:0;transform:scale(.4)}}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:54px;right:16px}.hud-right .counters{position:static}.counter.shards .counter-val{color:var(--shard)}.counter.shards{min-width:78px;box-shadow:0 4px 0 var(--ink), 0 0 18px #ffe46b4d, inset 0 1px 0 #fff3}.counter.shards.zero{opacity:.7}.counter.shards .counter-icon{animation:2.4s ease-in-out infinite shardTwinkle}.quests{background:linear-gradient(#281e529e,#100c26bd);border:2px solid #ffffff1a;border-radius:16px;width:250px;padding:8px 10px 10px;animation:.5s cubic-bezier(.2,1.3,.4,1) questsIn;box-shadow:0 0 0 3px #0a061a73,0 8px 20px #0000004d}.quests.hidden{display:none}@keyframes questsIn{0%{opacity:0;transform:translate(40px)}}.quests-head{font-family:var(--title-font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 0 var(--ink);align-items:center;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.quests-list{flex-direction:column;gap:7px;display:flex}.quest{flex-direction:column;gap:3px;transition:opacity .4s;display:flex}.quest-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.quest-label{color:#fff;text-shadow:0 1px 0 var(--ink);font-size:13px;font-weight:900;line-height:1.2}.quest-count{font-family:var(--title-font);color:var(--xp);-webkit-text-stroke:3px var(--ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.quest-track{border:1.5px solid var(--ink);background:#00000073;border-radius:999px;height:7px;position:relative;overflow:hidden}.quest-fill{transform-origin:0;background:linear-gradient(90deg,#3dd8ff,#8ff5ff);transition:transform .35s ease-out;position:absolute;inset:0;transform:scaleX(0)}.quest-reward{color:var(--muted);font-size:11.5px;font-weight:800}.quest.done .quest-count{color:var(--good);font-size:17px}.quest.done .quest-fill{background:linear-gradient(90deg,#33d17a,#8dffb0)}.quest.done .quest-label{color:var(--good)}.quest.done{opacity:.8}.boss-bar.mini{width:min(460px, calc(var(--vw,1vw) * 38))}.boss-bar.main+.boss-bar.mini{margin-top:8px}.boss-bar.mini .boss-name{color:#a8fff0;-webkit-text-stroke:5px #04302a;text-shadow:0 0 14px #2ee6c8cc;font-size:18px}.boss-bar.mini .boss-pct{-webkit-text-stroke:4px #04302a}.boss-bar.mini .boss-track{background:linear-gradient(#021e1ceb,#063c36d9);border-color:#04302a;height:18px;box-shadow:0 4px #04302a,0 0 24px #2ee6c880,inset 0 2px 6px #0009}.boss-bar.mini .boss-fill{background:linear-gradient(90deg,#0b8f7e 0%,#2ee6c8 60%,#b4fff2 100%);box-shadow:0 0 16px #2ee6c8d9}.boss-bar.mini .boss-ghost{background:#e6fffb}.hud-biome{--bc:#5dbb4a;z-index:2;white-space:nowrap;font-family:var(--title-font);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink), inset 0 0 0 2px color-mix(in srgb, var(--bc) 60%, transparent);background:linear-gradient(#281e52f2,#100c26f2);border-radius:999px;align-items:center;gap:5px;padding:2px 10px 3px 7px;font-size:13px;display:flex;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.fx-speed{opacity:0;will-change:opacity;position:absolute;inset:0;overflow:hidden}.fx-speed-a,.fx-speed-b{will-change:transform;background:repeating-conic-gradient(#fff0 0deg 3.1deg,#ffffff80 3.3deg 3.55deg,#fff0 3.8deg 9deg);animation:.24s steps(2,end) infinite speedA;position:absolute;inset:-30%;-webkit-mask-image:radial-gradient(60% 55%,#0000 0 46%,#00000080 64%,#000 90%);mask-image:radial-gradient(60% 55%,#0000 0 46%,#00000080 64%,#000 90%)}.fx-speed-b{background:repeating-conic-gradient(from 4deg,#c8f5ff00 0deg 5deg,#c8f5ff59 5.2deg 5.5deg,#c8f5ff00 5.8deg 13deg);animation:.3s steps(3,end) infinite speedB}@keyframes speedA{0%{transform:rotate(0)scale(1)}to{transform:rotate(2.4deg)scale(1.04)}}@keyframes speedB{0%{transform:rotate(0)scale(1.03)}to{transform:rotate(-3deg)scale(.98)}}.fx-thunder,.fx-evolve{opacity:0;position:absolute;inset:0}.fx-thunder{mix-blend-mode:screen;background:radial-gradient(at 50% 20%,#fff,#dcebffd9 60%,#bed2ffb3)}.fx-evolve{mix-blend-mode:screen;background:radial-gradient(at 50% 55%,#ffe67859,#ff78dc2e 45%,#78f0ff59 100%)}@property --evo-a{syntax:"<angle>";inherits:false;initial-value:0deg}.card.evolution{box-shadow:0 0 0 4px var(--ink), 0 12px 0 4px var(--ink), 0 20px 40px #00000080, 0 0 60px #ffd23fb3, 0 0 110px #ff78dc59;background:radial-gradient(90% 55% at 50% 0,#ffd23f73,#0000 70%),radial-gradient(90% 50% at 50% 100%,#c084fc59,#0000 70%),linear-gradient(#3d2a5e 0%,#221540 60%,#160c2c 100%);border-color:#ffd23f}.card.evolution.pickable{animation-name:cardIn,evoPulse;animation-duration:.62s,1.8s;animation-timing-function:cubic-bezier(.2,1.35,.4,1),ease-in-out;animation-iteration-count:1,infinite}@keyframes evoPulse{50%{filter:brightness(1.15)saturate(1.2)}}.evo-frame{--evo-a:0deg;z-index:3;background:conic-gradient(from var(--evo-a), #ffd23f, #ff7a1a, #ff5bd6, #c084fc, #7df9ff, #9dff4d, #ffd23f);-webkit-mask-composite:xor;pointer-events:none;border-radius:18px;padding:5px;animation:2.4s linear infinite evoSpin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes evoSpin{to{--evo-a:360deg}}.evo-particles{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.evo-particles i{opacity:0;width:7px;height:7px;animation:evoRise var(--d) var(--dl) linear infinite;background:#fff6b0;border-radius:50%;position:absolute;bottom:-10px;box-shadow:0 0 8px 2px #ffd23fe6}.evo-particles i:nth-child(3n){background:#ffd0f4;box-shadow:0 0 8px 2px #ff5bd6cc}.evo-particles i:nth-child(3n+1){background:#d8fbff;box-shadow:0 0 8px 2px #7df9ffcc}@keyframes evoRise{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}to{transform:translate(var(--x), -440px) scale(.3);opacity:0}}.card-ribbon.evo-ribbon{letter-spacing:.04em;-webkit-text-stroke:3px #3a1a00;z-index:4;background:linear-gradient(90deg,#ffd23f,#ff7a1a,#ff5bd6,#c084fc,#7df9ff) 0 0/200% 100%;width:190px;font-size:14px;animation:1s ease-in-out infinite ribbonPulse,2s linear infinite evoRibbon;top:26px;right:-50px}@keyframes evoRibbon{0%{background-position:0 0}to{background-position:200% 0}}.card.evolution .card-kind{color:var(--ink);background:linear-gradient(#fff27a,#ff9f1a)}.card.evolution .card-medal{box-shadow:0 0 0 4px var(--ink), 0 6px 0 4px var(--ink), 0 0 40px #ffd23fe6, inset 0 -8px 14px #00000059;border-color:#fff3b0}.card.evolution .card-rarity{color:#0000;background:linear-gradient(90deg,#ffd23f,#ff5bd6,#7df9ff,#ffd23f) 0 0/200% 100%;text-shadow:none;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite evoRibbon}.levelup-screen.has-evolution .lu-sub{color:#ffe89a}.pause-cols{grid-template-columns:300px 1fr}.pause-left .settings{margin-top:2px}.pause-hero{--cc:#7df9ff;background:linear-gradient(90deg, color-mix(in srgb, var(--cc) 22%, transparent), #0806144d);border:2px solid color-mix(in srgb, var(--cc) 45%, transparent);border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.pause-hero-icon{border:3px solid var(--cc);background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--cc) 55%, #fff 10%), color-mix(in srgb, var(--cc) 18%, #120d2a) 72%);width:50px;height:50px;box-shadow:0 0 0 3px var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.pause-hero-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.pause-hero-txt b{font-family:var(--title-font);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:20px;font-weight:400}.pause-hero-txt span{color:var(--muted);font-size:13px;font-weight:800}.pause-quests{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.pq{background:#ffffff0d;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto auto;align-items:baseline;gap:8px;padding:5px 10px;font-size:14px;font-weight:800;display:grid}.pq-mark{color:var(--muted);font-weight:900}.pq-prog{font-family:var(--title-font);color:var(--xp);font-weight:400}.pq-reward{color:var(--muted);font-size:12px}.pq.done .pq-mark,.pq.done .pq-prog,.pq.done .pq-label{color:var(--good)}.gameover-screen{justify-content:flex-start}.go-scroll{pointer-events:auto;justify-content:center;padding:28px 12px 40px;display:flex;position:absolute;inset:0;overflow:hidden auto}.go-panel{gap:12px;height:max-content}.go-title{font-size:calc(84px * var(--ui-scale))}.go-ident{flex-wrap:wrap;justify-content:center;gap:8px;animation:.6s .55s backwards fadeIn;display:flex}.go-ident-chip{--bc:#fff;border:2px solid color-mix(in srgb, var(--bc) 60%, transparent);box-shadow:0 2px 0 var(--ink);background:#0c081ea6;border-radius:999px;padding:3px 12px;font-size:14px;font-weight:900}.go-hero{flex-wrap:wrap;justify-content:center;gap:14px;animation:.55s cubic-bezier(.2,1.4,.4,1) .6s backwards popIn;display:flex}.go-score,.go-shards{flex-direction:column;align-items:center;min-width:240px;padding:12px 26px 14px;display:flex}.go-score-lbl{font-family:var(--title-font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-shadow:0 2px 0 var(--ink);font-size:14px}.go-score-val{font-family:var(--title-font);font-size:calc(58px * var(--ui-scale));color:#fff;-webkit-text-stroke:8px var(--ink);text-shadow:0 5px 0 var(--ink), 0 0 30px #ffd23f80;font-variant-numeric:tabular-nums;line-height:1.05}.go-score-val.done,.go-shards-val.done{animation:.5s cubic-bezier(.2,1.8,.4,1) scoreDone}@keyframes scoreDone{40%{filter:brightness(1.5);transform:scale(1.18)}}.go-shards-val{font-family:var(--title-font);font-size:calc(46px * var(--ui-scale));color:var(--shard);-webkit-text-stroke:7px var(--ink);text-shadow:0 4px 0 var(--ink), 0 0 26px #ffe46b99;font-variant-numeric:tabular-nums;line-height:1.1}.go-shards-sub{color:var(--muted);font-size:13px;font-weight:800}.go-shards-total{color:#ffe89a;margin-top:2px;font-size:13px;font-weight:900}.go-records{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.record-badge{color:var(--ink);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink), 0 0 20px #ffc82899;animation:.5s cubic-bezier(.2,1.8,.4,1) backwards popIn,1.2s ease-in-out infinite ribbonPulse;animation-delay:calc(1.6s + var(--i) * .15s), 2.2s;background:linear-gradient(#fff27a,#ffb020);border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:15px;font-weight:900;display:flex}.go-cols{width:min(1100px, calc(var(--vw,1vw) * 96));grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.go-cols .go-card,.go-card.go-lb{width:auto;padding:14px 18px 12px}.go-card.go-lb{width:min(1100px, calc(var(--vw,1vw) * 96));animation-delay:.9s}.go-cols .go-card:nth-child(2){animation-delay:.75s}.go-card .stats-grid{margin-bottom:10px}.go-objectives{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.obj{color:var(--muted);background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:900;display:inline-flex}.obj-mark{font-weight:900}.obj.done{color:var(--good);background:#3cc86e33}.dmg-bars{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.dbar{animation:.4s backwards fadeIn;animation-delay:calc(1s + var(--i) * 80ms);grid-template-columns:32px minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.dbar-icon{text-align:center;filter:drop-shadow(0 2px #00000080);font-size:22px}.dbar-mid{flex-direction:column;gap:3px;min-width:0;display:flex}.dbar-top{justify-content:space-between;gap:8px;font-size:13.5px;font-weight:900;display:flex}.dbar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dbar-val{color:#ffe089;font-variant-numeric:tabular-nums}.dbar-track{background:#0006;border-radius:999px;height:10px;overflow:hidden}.dbar-fill{height:100%;width:var(--w);transform-origin:0;animation:.9s cubic-bezier(.2,1,.3,1) backwards barGrow;animation-delay:inherit;background:linear-gradient(90deg,#ff9f1a,#ffd23f);border-radius:999px}.dbar:nth-child(n) .dbar-fill{animation-delay:calc(1.05s + var(--i) * 80ms)}.dbar-fill.best{background:linear-gradient(90deg,#ff7a1a,#ffe45c);box-shadow:0 0 10px #ffc82899}@keyframes barGrow{0%{transform:scaleX(0)}}.dbar-pct{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:900}.chart-empty{text-align:center;color:var(--muted);padding:14px;font-size:14px;font-weight:800}.tl-wrap{margin-bottom:8px;position:relative}.tl-svg{width:100%;height:auto;display:block;overflow:visible}.tl-title{font:900 12px var(--text-font);fill:var(--muted);letter-spacing:.04em}.tl-axis{stroke:#ffffff47;stroke-width:1px}.tl-grid{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:3 4}.tl-tick{font:800 10.5px var(--text-font);fill:#ffffff80}.tl-tick.end{text-anchor:end}.tl-tick.mid{text-anchor:middle}.tl-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;animation:1.6s ease-out 1.1s forwards tlDraw}@keyframes tlDraw{to{stroke-dashoffset:0}}.tl-area{stroke:none;opacity:0;animation:.8s ease-out 1.8s forwards fadeInTo}@keyframes fadeInTo{to{opacity:1}}.tl-level.tl-line{stroke:#3dd8ff}.tl-level.tl-area{fill:#3dd8ff24}.tl-kills.tl-line{stroke:#ff7a8a}.tl-kills.tl-area{fill:#ff7a8a24}.tl-dot{stroke:var(--ink);stroke-width:2px;opacity:0;animation:.3s 2.5s forwards fadeInTo}.tl-level.tl-dot{fill:#3dd8ff}.tl-kills.tl-dot{fill:#ff7a8a}.tl-end{font:900 12px var(--text-font);fill:#fff;opacity:0;animation:.3s 2.5s forwards fadeInTo}.tl-mark{stroke:#2ee6c859;stroke-width:1px;stroke-dasharray:2 3}.tl-mark-txt{font:800 10px var(--text-font);fill:#a8fff0b3}.tl-cross{stroke:#fff9;stroke-width:1px;opacity:0}.tl-cross.on{opacity:1}.tl-hit{fill:#0000;cursor:crosshair;pointer-events:all}.tl-tip{white-space:nowrap;box-shadow:0 3px 0 var(--ink);pointer-events:none;background:#0c081ef2;border:2px solid #fff3;border-radius:10px;flex-direction:column;gap:1px;padding:6px 10px;font-size:12px;font-weight:800;display:flex;position:absolute;top:0;transform:translate(-50%,-105%)}.tl-tip b{font-family:var(--title-font);color:var(--gold);font-size:14px;font-weight:400}.tl-tip.hidden{display:none}.lb-form{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.name-input{pointer-events:auto;min-width:180px;font-family:var(--title-font);color:#fff;border:3px solid var(--ink);box-shadow:inset 0 3px 8px #00000080, 0 3px 0 var(--ink);-webkit-user-select:text;user-select:text;background:#00000073;border-radius:14px;outline:none;flex:1;padding:8px 14px;font-size:22px}.name-input:focus{border-color:var(--gold);box-shadow:inset 0 3px 8px #00000080, 0 3px 0 var(--ink), 0 0 16px #ffd23f73}.name-input:disabled{opacity:.65}.name-input::placeholder{color:#ffffff59}.btn-send{background:linear-gradient(#7ef1ff 0%,#20a8d8 100%);border-width:3px;border-radius:14px;padding:8px 20px 10px;font-size:20px}.btn-send .btn-label{-webkit-text-stroke:4px var(--ink)}.lb-msg{color:var(--muted);margin:8px 2px;font-size:14px;font-weight:800}.lb-msg.pending{color:#9fe8ff}.lb-msg.ok{color:var(--good)}.lb-msg.err{color:var(--bad)}.lb-msg.unranked{color:#ffd23f}.go-lb .lb-body:empty{display:none}.go-lb .lb-state{padding:14px 8px}.go-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:4px;display:flex}.btn-menu-go{width:auto;padding:12px 34px 14px;font-size:26px;animation:.5s cubic-bezier(.2,1.6,.4,1) 1.3s backwards popIn}@media (width<=1100px){.go-cols,.settings-cols{grid-template-columns:1fr}.char-row{flex-wrap:wrap}.char-card{min-height:0}}@media (width<=760px){.lb-row{grid-template-columns:34px minmax(0,1fr) 70px 54px 40px;font-size:13px}.lb-row .lb-kills,.lb-row .lb-tags{display:none}.ts-head{grid-template-columns:auto 1fr;margin-top:70px}.ts-head:after,.biome-chip-txt small{display:none}.quests{width:200px}}@media (height<=760px){.char-card,.char-desc{min-height:0}.ts-main .title-center{margin-top:calc(var(--vh,1vh) * 8)}}@media (pointer:coarse){.btn-play-hint,.card-key,.char-key,.pause-hint,.title-controls{display:none}.hud-inv{transform-origin:0 0;max-width:440px;top:118px;bottom:auto;left:10px;transform:scale(.72)}.minimap{transform-origin:100% 0;top:96px;bottom:auto;right:10px;transform:scale(.66)}.hud-right{top:44px;right:10px}.hud-right .counters{transform-origin:100% 0;gap:6px;transform:scale(.85)}.quests{transform-origin:100% 0;width:210px;position:fixed;top:240px;right:10px;transform:scale(.85)}.hp-box{transform-origin:0 0;top:44px;transform:scale(.85)}.timer-box{top:46px}.timer{font-size:34px}.prompt{pointer-events:none;bottom:36%}.lu-cards{gap:10px}.card{width:clamp(150px, calc(var(--vw,1vw) * 29), 260px);min-height:0;padding:12px 10px 16px}.card-medal{width:72px;height:72px}.card-icon{font-size:40px}.card-name{font-size:19px}.card-desc{font-size:14px}.lock-hint{display:none}}.title-screen:not([data-screen=main]) .title-edges{background:radial-gradient(80% 70% at 50% 45%,#0e08249e,#060312e6),linear-gradient(#14083266,#0a041a99)}.title-edges{transition:background .3s}.btn-go.disabled .btn-play-hint{visibility:hidden}.char-foot{z-index:3;background:linear-gradient(#0000,#080416c7 45%);width:100%;padding:12px 0 18px;position:sticky;bottom:0}.title-screen:not([data-screen=main]) .credits{display:none}@media (height<=820px){.ts-head{margin-top:66px}.ts-chars .char-row{margin-top:4px}.char-card{gap:5px;padding-top:12px}.char-desc{font-size:13px}.char-chips{display:none}}.ui-fit .hp-box,.ui-fit .hud-right .counters,.ui-fit .quests{transform:none}.ui-fit .ts-head{margin-top:76px}@media (pointer:coarse){.bf-ui .card .card-key,.bf-ui .char-card .char-key{display:none}.ui-fit .quests{width:230px;top:100px;right:196px}}.banner{top:29%}.banner.minor{top:auto;bottom:22%}.banner.minor .banner-title{font-size:calc(34px * var(--ui-scale));-webkit-text-stroke-width:6px;text-shadow:0 3px 0 var(--ink), 0 0 22px color-mix(in srgb, var(--ac) 60%, transparent);padding-top:4px}.banner.minor .banner-sub{font-size:calc(15px * var(--ui-scale));padding-bottom:5px}.banner.minor .banner-line{width:min(520px, calc(var(--vw,1vw) * 70))}.banner.boss{top:auto;bottom:19%}.banner.boss .banner-title{font-size:calc(54px * var(--ui-scale))}.banner.boss .banner-line{width:min(700px, calc(var(--vw,1vw) * 80))}@media (height<=500px){.banner,.banner.boss{top:auto;bottom:18%}.banner.minor{bottom:14%}.banner-title,.banner.boss .banner-title{-webkit-text-stroke-width:6px;font-size:34px}.banner.minor .banner-title{font-size:26px}}.go-btns{z-index:3;background:linear-gradient(#08041600,#080416e6 42%);border-radius:0 0 18px 18px;width:100%;margin-top:4px;padding:24px 0 16px;position:sticky;bottom:0}@media (height<=760px){.go-title{font-size:calc(60px * var(--ui-scale))}}.char-lock{padding-bottom:calc(22px * var(--ui-scale));justify-content:space-between;gap:0}.char-card.locked>:not(.char-lock):not(.char-key):not(.unlock-burst){filter:grayscale(.9)brightness(.4)blur(1px)}.title-screen[data-screen=main] .biome-chip{max-width:max(170px,min(330px,50vw - 330px))}.biome-chip-txt b{white-space:nowrap}.biome-chip-txt small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title-screen:not([data-screen=main]) .biome-chip-txt small{display:none}kbd.key.card-key{z-index:1;position:absolute;bottom:12px;left:50%;transform:translate(-50%)translateY(-1px)}@media (pointer:coarse){.ui-fit .quests{opacity:.9;width:180px}.ui-fit .quests .pq-reward,.ui-fit .quests .quests-head{display:none}.ui-fit .boss-bar.mini,.ui-fit .boss-bar.main{width:min(300px, calc(var(--vw,1vw) * 34))}}.coin-ico{vertical-align:-4px;width:22px;height:22px;box-shadow:0 0 0 2px var(--ink), inset 0 -2px 0 #00000040, 0 2px 0 2px var(--ink);background:radial-gradient(circle at 35% 30%,#fff6b0,#ffd23f 45%,#c88a10 100%);border-radius:50%;flex:none;display:inline-block;position:relative}.coin-ico:after{content:"";border:2px solid #a064088c;border-radius:50%;position:absolute;inset:5px}.coin-ico.sm{vertical-align:-3px;width:16px;height:16px}.coin-ico.sm:after{border-width:1.5px;inset:3.5px}.stat-icon .coin-ico{vertical-align:-3px;width:26px;height:26px}