@font-face{font-family:Grenze Gotisch;src:url(./grenze-gotisch-latin-700-normal-CWOqrlF-.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:Grenze;src:url(./grenze-latin-500-normal-DL-xG-Kk.woff2)format("woff2");font-weight:100 600;font-style:normal;font-display:block}@font-face{font-family:Grenze;src:url(./grenze-latin-700-normal-BhnHXdwr.woff2)format("woff2");font-weight:601 900;font-style:normal;font-display:block}@font-face{font-family:Alegreya Sans;src:url(./alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2");font-weight:100 600;font-style:normal;font-display:swap}@font-face{font-family:Alegreya Sans;src:url(./alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2");font-weight:601 900;font-style:normal;font-display:swap}@font-face{font-family:IM Fell English;src:url(./im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--ink:#0d0a08;--ink-2:#15100c;--ink-3:#231a12;--bone:#f1e6cc;--bone-2:#cdbd9c;--bone-3:#8f7f65;--gilt:#c9a25a;--gilt-hi:#f3d48c;--gilt-lo:#6b5330;--ember:#ff9444;--ember-hot:#ffd07a;--blood:#e0364a;--ghost:#d9d2ff;--f-display:"Grenze Gotisch", "Grenze", Georgia, serif;--f-label:"Grenze", Georgia, "Times New Roman", serif;--f-body:"Alegreya Sans", "Gill Sans", "Segoe UI", system-ui, sans-serif;--f-flavour:"IM Fell English", Georgia, serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-slam:cubic-bezier(.2, 1.6, .4, 1)}*{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#07080b;height:100%;margin:0;overflow:hidden}body{font-family:var(--f-body);color:var(--bone);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}canvas#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#ui .screen{pointer-events:auto;text-align:center;flex-direction:column;justify-content:safe center;align-items:center;padding:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.hidden{display:none!important}button{font:inherit;color:inherit}button:focus-visible{outline:1px dashed var(--gilt-hi);outline-offset:4px}input:focus-visible{outline:1px dashed var(--gilt-hi);outline-offset:4px}.card:focus-visible{outline:1px dashed var(--gilt-hi);outline-offset:4px}.ico{vertical-align:middle;--ink:#140d09;--hl:#fff2d8;--gold:#e8c26c;flex:none;width:1em;height:1em;display:inline-block;overflow:visible}.ico .s{fill:var(--a);stroke:var(--ink);stroke-width:1.7px;stroke-linejoin:round;paint-order:stroke}.ico .b{fill:var(--b,var(--hl));stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;paint-order:stroke}.ico .h{fill:var(--hl)}.ico .hs{fill:none;stroke:var(--hl);stroke-width:2px;stroke-linecap:round}.ico .k{fill:none;stroke:var(--ink);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.ico .kt{fill:none;stroke:var(--ink);stroke-width:1.1px;stroke-linecap:round;opacity:.75}.ico .ks{fill:none;stroke:var(--a);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.ico .bs{fill:none;stroke:var(--b);stroke-width:2.4px;stroke-linecap:round}.ico .ko{fill:none;stroke:var(--a);stroke-width:2.2px;stroke-dasharray:5 3.2;stroke-linecap:round;opacity:.85}.ico .x{fill:var(--ink)}.ico .gl{fill:#ffecc81a;stroke:var(--b,var(--hl));stroke-width:1.8px;stroke-linejoin:round}.ico .g{fill:none;stroke:var(--gold);stroke-width:1.5px;stroke-linecap:round}.ico .g2{fill:none;stroke:var(--gold);stroke-width:.7px;opacity:.55;stroke-dasharray:1.2 2.2}.ico .gf{fill:#e8c26c21;stroke:none}.ico .gd{fill:var(--gold);stroke:var(--ink);stroke-width:1px}.panel{border:24px solid #0000;border-image:var(--frame) 24 fill / 24px stretch;background:var(--grain), linear-gradient(180deg, #18120df7, #0b0806fa);width:100%;max-width:min(560px,100vw - 24px);padding:14px 22px 20px;position:relative;box-shadow:0 30px 80px #000000b3}.panel h2,.levelup h2{font:700 clamp(34px, 6vw, 54px)/.95 var(--f-display);color:var(--bone);letter-spacing:.01em;text-shadow:0 2px #000,0 0 28px #ff823259;margin:0}.kicker{font:700 12px/1 var(--f-label);letter-spacing:.34em;text-transform:uppercase;color:var(--gilt);margin-bottom:8px}.flavour{font:italic 400 clamp(16px, 2.2vw, 19px)/1.35 var(--f-flavour);color:var(--bone-2);margin:8px 0 0}.rule{width:min(320px,70%);color:var(--gilt);justify-content:center;align-items:center;gap:10px;margin:14px auto;display:flex}.rule:before,.rule:after{content:"";background:linear-gradient(90deg, transparent, var(--gilt) 60%, var(--gilt));flex:1;height:1px}.rule:after{background:linear-gradient(270deg, transparent, var(--gilt) 60%, var(--gilt))}.rule i{background:var(--gilt);width:7px;height:7px;box-shadow:0 0 0 3px var(--ink), 0 0 0 4px var(--gilt-lo);flex:none;transform:rotate(45deg)}.btn{pointer-events:auto;cursor:pointer;font:700 17px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--bone);border:0 solid #0000;border-width:0 18px;border-image:var(--plaque) 0 18 fill / 0 18px stretch;text-shadow:0 1px #000;min-width:250px;min-height:48px;transition:transform .12s var(--ease-out), filter .15s, color .15s;background:0 0;justify-content:center;align-items:center;gap:10px;margin:5px;padding:2px 10px 0;display:inline-flex;position:relative}.btn:hover{color:#fff;filter:brightness(1.28);transform:translateY(-1px)}.btn:active{filter:brightness(.95);transform:translateY(1px)scale(.99)}.btn.primary{border-image-source:var(--plaque-primary);color:var(--ember-hot);min-height:54px;font-size:19px}.btn.primary:hover{color:#fff3d6;text-shadow:0 0 14px #ff963ce6,0 1px #000}.btn .ico{font-size:20px}.btn:before,.btn:after{content:"";background:var(--ember);width:5px;height:5px;transition:transform .18s var(--ease-out);box-shadow:0 0 8px var(--ember);margin-top:-3px;position:absolute;top:50%;transform:rotate(45deg)scale(0)}.btn:before{left:6px}.btn:after{right:6px}.btn:hover:before,.btn:hover:after{transform:rotate(45deg)scale(1)}.btn.small{letter-spacing:.14em;min-width:0;min-height:40px;font-size:14px}.iconbtn{pointer-events:auto;cursor:pointer;width:42px;height:42px;color:var(--bone);background:var(--grain), #0e0a08d1;border:10px solid #0000;border-image:var(--frame-sm) 10 fill / 10px stretch;place-items:center;padding:0;font-size:22px;transition:filter .15s,transform .1s;display:grid}.iconbtn:hover{filter:brightness(1.35)}.iconbtn:active{transform:scale(.94)}kbd{font:700 12px/1 var(--f-label);color:var(--bone);text-align:center;border:1px solid var(--gilt-lo);background:#00000073;border-bottom-width:2px;border-radius:2px;min-width:20px;margin:0 1px;padding:4px 5px 2px;display:inline-block}.sliders{gap:12px;width:100%;margin:6px 0 4px;display:grid}.slider{text-align:left;grid-template-columns:96px 1fr 48px;align-items:center;gap:12px;display:grid}.slider span{font:700 13px/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--bone-2)}.slider output{font:700 15px/1 var(--f-label);font-variant-numeric:tabular-nums lining-nums;color:var(--ember-hot);text-align:right}.slider input{-webkit-appearance:none;appearance:none;cursor:pointer;pointer-events:auto;--p:50%;background:0 0;width:100%;height:22px;margin:0}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ember) var(--p), #6b53308c var(--p));border-top:1px solid #0009;height:4px;box-shadow:0 1px #c9a25a40}.slider input::-moz-range-track{background:#6b53308c;height:4px}.slider input::-moz-range-progress{background:var(--ember);height:4px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ember-hot);border:2px solid var(--ink);width:14px;height:14px;box-shadow:0 0 0 1px var(--gilt), 0 0 10px #ff963cb3;margin-top:-5px;transform:rotate(45deg)}.slider input::-moz-range-thumb{background:var(--ember-hot);border:2px solid var(--ink);width:12px;height:12px;box-shadow:0 0 0 1px var(--gilt);border-radius:0;transform:rotate(45deg)}#title{background:radial-gradient(60% 55% at 50% 42%,#08060480,#0806041f 70%,#0000),linear-gradient(#05040359,#0000 30% 70%,#0504038c);gap:0}.page-frame{border:30px solid #0000;border-image:var(--frame-card) 30 / 30px stretch;pointer-events:none;opacity:.55;position:absolute;top:10px;bottom:10px;left:10px;right:10px}.lockup{flex-direction:column;align-items:center;display:flex;position:relative}.emblem{width:64px;height:64px;color:var(--gilt-hi);filter:drop-shadow(0 0 12px #ff963c59);margin-bottom:-4px}.emblem .flame{transform-origin:32px 40px;animation:2.6s ease-in-out infinite flameSway}@keyframes flameSway{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(.94,1.06)rotate(2deg)}}.logo{font:700 clamp(72px, 15vw, 150px)/.9 var(--f-display);color:#f4e7c8;letter-spacing:.005em;text-transform:lowercase;text-shadow:0 3px #1a0f07,0 6px 22px #000000d9,0 0 60px #ff782861;margin:0}.logo:first-letter{text-transform:uppercase;color:var(--ember-hot)}.lockup .rule{width:min(360px,76vw);margin:12px auto 10px}.tagline{font:italic 400 clamp(17px, 2.4vw, 21px)/1.3 var(--f-flavour);color:var(--bone-2);text-shadow:0 1px 8px #000,0 0 2px #000;margin:0 0 26px}.sparks{pointer-events:none;position:absolute;top:-40px;bottom:0;left:-80px;right:-80px}.sparks i{opacity:0;background:#ffc070;border-radius:50%;width:3px;height:3px;animation:6s linear infinite rise;position:absolute;bottom:10%;box-shadow:0 0 6px 1px #ff8a3d}@keyframes rise{0%{opacity:0;transform:translate(0)}10%{opacity:1}70%{opacity:.8}to{opacity:0;transform:translate(var(--dx,20px), -220px)}}.menu{flex-direction:column;align-items:center;display:flex}.seedrow{align-items:center;gap:10px;margin-top:12px;display:flex}.seedrow label{font:700 12px/1 var(--f-label);letter-spacing:.3em;text-transform:uppercase;color:var(--bone-3)}.seedrow input{pointer-events:auto;text-align:center;width:176px;font:700 15px/1 var(--f-label);letter-spacing:.06em;color:var(--bone);border:0;border-bottom:1px solid var(--gilt);box-shadow:inset 0 -6px 12px -10px var(--ember);background:#080604b3;outline:none;padding:7px 8px 5px}.seedrow input:focus{border-bottom-color:var(--ember-hot)}.best{min-height:18px;font:italic 400 16px/1.2 var(--f-flavour);color:var(--gilt-hi);text-shadow:0 1px 6px #000;margin-top:12px}.hint{font:500 14px/2 var(--f-body);color:var(--bone-2);text-shadow:0 1px 4px #000;margin-top:16px}.settings-modal{z-index:5;background:#050403a8;place-items:center;padding:12px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.settings-modal .panel{max-width:460px;animation:panelIn .35s var(--ease-out)}@keyframes panelIn{0%{opacity:0;transform:translateY(16px)scale(.97)}}#hud{position:absolute;top:0;bottom:0;left:0;right:0}.xp{background:linear-gradient(#000000bf,#00000073);border-bottom:1px solid #c9a25a73;height:8px;position:absolute;top:0;left:0;right:0}.xp-fill{transform-origin:0;background:linear-gradient(90deg,#7a2a0a,#ff7a2a 55%,#ffd27a);transition:transform .18s ease-out;position:absolute;top:0;bottom:1px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 10px #ff8228cc}.xp-head{pointer-events:none;transition:transform .18s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(0)}.xp-head b{background:radial-gradient(circle,#fff6d8 0 18%,#ffb44a 32%,#ff6e1e73 55%,#0000 72%);border-radius:50%;width:24px;height:24px;animation:.28s steps(2,end) infinite alternate fuse;position:absolute;top:-8px;left:-12px}@keyframes fuse{0%{opacity:.85;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}.xp.flare .xp-fill{animation:.9s ease-out xpFlare}@keyframes xpFlare{0%{filter:brightness(3.5);box-shadow:0 0 30px 6px #ffb44a}to{filter:none}}.hud-tl{align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:14px}.lvl{flex:none;place-items:center;width:46px;height:46px;display:grid;position:relative}.lvl:before{content:"";background:var(--grain), linear-gradient(135deg, #2a1d12, #0e0906);border:1px solid var(--gilt);box-shadow:0 0 0 3px #0a0705e6, 0 0 0 4px var(--gilt-lo), 0 4px 14px #0009;position:absolute;top:7px;bottom:7px;left:7px;right:7px;transform:rotate(45deg)}.lvl span{font:700 19px/1 var(--f-label);font-variant-numeric:tabular-nums lining-nums;color:var(--bone);text-shadow:0 1px #000;padding-top:3px;position:relative}.lvl small{font:700 9px/1 var(--f-label);letter-spacing:.25em;color:var(--gilt);background:#0d0a08;padding:2px 3px 1px 5px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.lvl.pop span{animation:lvlPop .6s var(--ease-slam)}@keyframes lvlPop{0%{color:var(--ember-hot);transform:scale(1.9)}to{transform:scale(1)}}.vial{width:min(250px,36vw);position:relative}.vial-glass{height:18px;box-shadow:inset 0 0 0 1px #ffdcc81f, 0 0 0 1px var(--gilt-lo), 0 0 0 3px #0a0705d9, 0 0 0 4px #c9a25a59, 0 6px 16px #00000080;background:linear-gradient(#1a0708,#2c0c0e 60%,#140405);border-radius:0 9px 9px 0;margin-left:14px;position:relative;overflow:hidden}.vial-glass i{transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0}.vial-trail{opacity:.8;background:#ffe0b8;transition:transform .5s ease-in .35s}.vial-fill{background:linear-gradient(#ff8a78 0%,#e0364a 35%,#9b1024 80%,#6d0a19 100%);transition:transform .1s linear}.vial-fill:after{content:"";filter:blur(1px);background:#ffc8b4cc;width:3px;position:absolute;top:0;bottom:0;right:0}.vial-shine{background:linear-gradient(#ffffff47 0 2px,#0000 5px 70%,#00000040)}.vial-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0a040473 calc(10% - 1px) 10%);position:absolute;top:0;bottom:0;left:0;right:0}.vial .ico{filter:drop-shadow(0 2px 3px #000);z-index:2;font-size:40px;position:absolute;top:-11px;left:-12px}.vial-num{font:700 15px/1 var(--f-label);font-variant-numeric:tabular-nums lining-nums;color:var(--bone);text-align:left;text-shadow:0 1px 2px #000,0 0 6px #000;margin:5px 0 0 20px}.vial-num small{color:var(--bone-3);font-size:12px;font-weight:500}.vial.hit .vial-glass{animation:.3s vialHit}@keyframes vialHit{0%,to{transform:none}25%{transform:translate(-3px)}60%{transform:translate(2px)}}.hud-tc{width:230px;height:84px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.moonarc{width:100%;height:64px;position:absolute;top:0;left:0;overflow:visible}.moonarc .trail-bg{fill:none;stroke:#0000008c;stroke-width:4px}.moonarc .trail{fill:none;stroke:#cdbd9c66;stroke-width:1.2px;stroke-dasharray:2 3}.moonarc .elapsed{fill:none;stroke:url(#arcgrad);stroke-width:2.2px;stroke-linecap:round;transition:stroke-dasharray .9s linear}.moonarc .ticks{stroke:var(--bone-2);stroke-width:1.2px;opacity:.7}.moonarc .boss-mark{fill:#c43a52;stroke:#0d0a08;stroke-width:1px}.moonarc .sun{fill:#ffcf70}.moonarc .sun-rays{stroke:#ffcf70;stroke-width:1.2px;stroke-linecap:round}.moonarc .moon{transition:transform .9s linear}.moonarc .moon-disc{fill:#f6f0e0;stroke:#0d0a08;stroke-width:1.2px;paint-order:stroke}.moonarc .moon-cut{fill:#0d0f18}.moonarc .moon-glow{fill:url(#moonglow)}.timer{text-align:center;font:700 32px/1 var(--f-label);font-variant-numeric:tabular-nums lining-nums;color:var(--bone);letter-spacing:.02em;text-shadow:0 2px #000,0 0 16px #000000e6;position:absolute;top:30px;left:0;right:0}.timer.dawn{color:var(--ember-hot);text-shadow:0 2px #000,0 0 18px #ffa03ccc}.hud-tr{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:16px;right:14px}.kills{font:700 22px/1 var(--f-label);font-variant-numeric:tabular-nums lining-nums;color:var(--bone);text-shadow:0 2px #000,0 0 10px #000;align-items:center;gap:7px;display:flex}.kills .ico{filter:drop-shadow(0 1px 2px #000);font-size:26px}.kills small{font:700 9px/1 var(--f-label);letter-spacing:.28em;color:var(--bone-3);text-align:right;margin-top:2px;display:block}.inv{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:14px;left:14px}.inv-row{flex-wrap:wrap;gap:6px;max-width:calc(100vw - 90px);display:flex}.slot{background:var(--grain), linear-gradient(180deg, #1e160feb, #0a0705eb);width:48px;height:52px;box-shadow:inset 0 0 0 1px var(--gilt-lo), 0 0 0 1px #000c, 0 4px 12px #00000073;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:30px;display:flex;position:relative}.slot:before{content:"";pointer-events:none;border:1px solid #c9a25a38;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.slot .pips{gap:2px;margin:0;display:flex}.slot .pips i{background:#c9a25a40;border-radius:0;width:4px;height:4px;transform:rotate(45deg)}.slot .pips i.on{background:var(--ember-hot);box-shadow:0 0 4px var(--ember)}.slot.passive{width:34px;height:34px;font-size:22px}.slot.passive b{min-width:15px;height:15px;font:700 11px/13px var(--f-label);color:var(--ink);background:var(--gilt);text-align:center;padding:2px 3px 0;position:absolute;bottom:-5px;right:-4px}.slot.evo{box-shadow:inset 0 0 0 1px var(--gilt-hi), 0 0 0 1px #000, 0 0 16px #ffbe5073;background:var(--grain), radial-gradient(circle at 50% 40%, #784614e6, #100a06f2 75%);font-size:36px}.slot.evo:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffebb459 50%,#0000 65%) 0 0/300% 100%;animation:3.2s linear infinite sheen;position:absolute;top:0;bottom:0;left:0;right:0}.slot.fresh{animation:slotIn .5s var(--ease-slam)}@keyframes slotIn{0%{filter:brightness(2.5);transform:scale(1.6)}}.mute{position:absolute;bottom:14px;right:14px}.bossbar{text-align:center;width:min(520px,82vw);animation:bossIn .6s var(--ease-out);position:absolute;top:100px;left:50%;transform:translate(-50%)}@keyframes bossIn{0%{opacity:0;transform:translate(-50%,-10px)}}.boss-name{font:700 26px/1 var(--f-display);color:var(--ghost);letter-spacing:.02em;text-shadow:0 2px #000,0 0 16px #8c78ffb3;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.boss-name svg{width:42px;height:16px;color:var(--ghost);opacity:.85;flex:none}.boss-name svg.r{transform:scaleX(-1)}.boss-track{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:#b8a0ff;height:12px;padding:1px;position:relative}.boss-track>div{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);background:#0e0b16;position:absolute;top:1px;bottom:1px;left:1px;right:1px;overflow:hidden}.boss-track i{transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0}.boss-trail{opacity:.6;background:#fff;transition:transform .6s ease-in .3s}.boss-fill{background:linear-gradient(#f2eeff,#a898ff 55%,#5a46c8);transition:transform .12s linear}.banner{white-space:nowrap;pointer-events:none;font:700 clamp(30px, 5.4vw, 52px)/1 var(--f-display);color:var(--bone);text-shadow:0 3px #000,0 0 26px #ff8228bf;align-items:center;gap:16px;display:flex;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.banner>span{animation:slam 2.7s var(--ease-out) forwards;display:block}.banner:before,.banner:after{content:"";background:linear-gradient(90deg, transparent, var(--gilt-hi));width:clamp(30px,8vw,110px);height:2px;animation:wing 2.7s var(--ease-out) forwards}.banner:after{background:linear-gradient(270deg, transparent, var(--gilt-hi))}@keyframes slam{0%{opacity:0;filter:blur(6px);transform:scale(2.4)}9%{opacity:1;filter:blur();transform:scale(.94)}15%{filter:blur();transform:scale(1.02)}20%,82%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(3px);transform:scale(1.04)translateY(-8px)}}@keyframes wing{0%,8%{opacity:0;transform:scaleX(0)}22%,82%{opacity:1;transform:scaleX(1)}to{opacity:0}}.banner.boss{color:var(--ghost);text-shadow:0 3px #000,0 0 30px #826efff2;font-size:clamp(30px,6.4vw,64px);top:30%}.banner.boss:before,.banner.boss:after{background:linear-gradient(90deg, transparent, var(--ghost))}.banner.boss:after{background:linear-gradient(270deg, transparent, var(--ghost))}.banner.boss>span{animation:slam 2.7s var(--ease-out) forwards, quake .5s .2s}@keyframes quake{0%,to{translate:0}20%{translate:-5px 2px}40%{translate:4px -3px}60%{translate:-3px 1px}80%{translate:2px 2px}}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#a000148c);transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0}.vignette.on{opacity:1;transition:none}.lowhp{pointer-events:none;background:radial-gradient(#0000 55%,#7800106b);animation:1.1s ease-in-out infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse{50%{opacity:.35}}.pop{font:700 18px/1 var(--f-label);font-variant-numeric:lining-nums;letter-spacing:.01em;will-change:transform, opacity;white-space:nowrap;text-shadow:0 1px #000,1px 0 #000,-1px 0 #000,0 -1px #000,0 2px 4px #000c;position:absolute;top:0;left:0}.pop.crit{font-size:27px;font-family:var(--f-display);text-shadow:0 2px #3a1400,1px 0 #000,-1px 0 #000,0 -1px #000,0 0 12px #ff8c28e6}.stick{pointer-events:none;background:radial-gradient(circle,#0a07051a 40%,#0a070573 70%);border-radius:50%;width:124px;height:124px;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #c9a25a8c,inset 0 0 0 5px #0a070566,inset 0 0 0 6px #c9a25a33}.stick:before{content:"";background:conic-gradient(from -4deg, var(--gilt) 0 8deg, transparent 8deg 90deg, var(--gilt) 90deg 98deg, transparent 98deg 180deg, var(--gilt) 180deg 188deg, transparent 188deg 270deg, var(--gilt) 270deg 278deg, transparent 278deg);opacity:.8;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(circle,#0000 56px,#000 57px);mask:radial-gradient(circle,#0000 56px,#000 57px)}.stick i{background:radial-gradient(circle at 45% 40%,#ffe3a8,#ff9444 40%,#a03c0a99 70%);border-radius:50%;width:50px;height:50px;margin:-25px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #ff8c3299,inset 0 0 0 1px #ffe6b499}.loading{font:700 14px var(--f-label);color:var(--bone-3);letter-spacing:.3em}.dim{background:radial-gradient(at 50% 45%,#0a07058c,#050403db 75%)}.levelup{perspective:1400px;justify-content:center}.lu-head{margin-bottom:18px;position:relative}.lu-head .rays{pointer-events:none;z-index:-1;width:520px;height:520px;animation:raysIn .9s var(--ease-out) both, spin 40s linear infinite;background:repeating-conic-gradient(#ffaa4638 0deg 4deg,#0000 4deg 15deg);margin:-260px 0 0 -260px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 8%,#00000080 30%,#0000 62%);mask:radial-gradient(circle,#000 8%,#00000080 30%,#0000 62%)}@keyframes raysIn{0%{opacity:0;scale:.3}}@keyframes spin{to{rotate:360deg}}.lu-head h2{animation:headIn .55s var(--ease-slam) both}@keyframes headIn{0%{opacity:0;filter:blur(4px);transform:scale(1.6)}}.lu-head .flavour{animation:fadeUp .6s .15s var(--ease-out) both;margin-top:6px}.lu-head .kicker{animation:fadeUp .5s var(--ease-out) both}.lu-head .chest-ico{filter:drop-shadow(0 0 16px #ffbe5a80);animation:chestIn .7s var(--ease-slam) both;margin:0 auto 4px;font-size:58px;display:block}@keyframes chestIn{0%{opacity:0;transform:translateY(20px)scale(.6)rotate(-8deg)}60%{transform:translateY(-4px)scale(1.08)rotate(3deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}}.levelup.chest h2{color:var(--gilt-hi)}.cards{justify-content:center;align-items:stretch;gap:22px;max-width:1000px;display:flex}.card{cursor:pointer;pointer-events:auto;width:224px;min-height:352px;animation:deal .75s var(--ease-out) backwards;transform-style:preserve-3d;outline:none;position:relative}.card-in{height:100%;transform-style:preserve-3d;transition:transform .25s var(--ease-out);position:relative}.card:hover .card-in,.card.sel .card-in{transform:translateY(-10px)rotate(-.6deg)}.card:active .card-in{transform:translateY(-4px)scale(.98)}.card-face,.card-back{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{border:26px solid #0000;border-image:var(--frame-card) 30 fill / 26px stretch;background:var(--cardback), #120c08;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotateY(180deg)}.card-face{text-align:center;border:26px solid #0000;border-image:var(--frame-card) 30 fill / 26px stretch;background:var(--grain), radial-gradient(ellipse 90% 45% at 50% 22%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%), linear-gradient(180deg, #1c150f, #0c0907);flex-direction:column;align-items:center;height:100%;padding:2px 8px 6px;transition:box-shadow .25s;display:flex;position:relative;box-shadow:0 24px 50px #000000a6}.card:hover .card-face,.card.sel .card-face{box-shadow:0 30px 60px #000000b3, 0 0 0 1px var(--gilt), 0 0 40px color-mix(in srgb, var(--c) 45%, transparent)}@keyframes deal{0%{opacity:0;transform:translate3d(0, 55vh, 0) rotateZ(calc(var(--tilt) * 3)) rotateY(180deg) scale(.72)}30%{opacity:1}62%{transform:translate3d(0, -14px, 0) rotateZ(var(--tilt)) rotateY(80deg) scale(1.03)}to{transform:none}}.card .num{font:700 14px/1 var(--f-label);letter-spacing:.3em;color:var(--gilt);justify-content:center;align-items:center;gap:8px;margin:0 0 8px;padding-left:.3em;display:flex}.card .num kbd{letter-spacing:0;color:var(--bone-2);padding:3px 4px 1px;font-size:11px}.medal{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--c) 30%, #1c140e), #0b0806 70%);width:104px;height:104px;box-shadow:inset 0 0 0 1px var(--gilt), inset 0 0 0 5px #0d0a08, inset 0 0 0 6px var(--gilt-lo), 0 0 0 1px #000, 0 8px 18px #0009;border-radius:50%;flex:none;place-items:center;font-size:66px;display:grid;position:relative}.medal:before{content:"";background:repeating-conic-gradient(var(--gilt-lo) 0 2deg, transparent 2deg 15deg);opacity:.9;border-radius:50%;position:absolute;top:-7px;bottom:-7px;left:-7px;right:-7px;-webkit-mask:radial-gradient(circle,#0000 57px,#000 58px);mask:radial-gradient(circle,#0000 57px,#000 58px)}.medal .ico{filter:drop-shadow(0 3px 2px #000000b3)}.card .nm{font:700 27px/1 var(--f-display);color:var(--bone);text-shadow:0 2px #000;margin:14px 0 6px}.card .tag{font:700 11px/1 var(--f-label);letter-spacing:.24em;text-transform:uppercase;color:var(--gilt);border-top:1px solid #c9a25a59;border-bottom:1px solid #c9a25a59;padding:4px 8px 2px 10px;display:inline-block}.card .tag.new{color:#9fe39a;border-color:#9fe39a59}.card .ds{font:500 16px/1.32 var(--f-body);color:var(--bone-2);text-wrap:balance;flex:1;margin:12px 2px 0}.card .hintline{font:italic 400 13px/1.2 var(--f-flavour);color:var(--bone-3);justify-content:center;align-items:center;gap:5px;margin-top:8px;display:flex}.card .hintline .ico{font-size:17px}.pips{justify-content:center;gap:6px;margin-top:12px;display:flex}.pips i{width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--gilt-lo);background:0 0;transform:rotate(45deg)}.pips i.on{background:var(--gilt);box-shadow:none}.pips i.next{background:var(--ember-hot);box-shadow:0 0 8px var(--ember);animation:1s ease-in-out infinite pipBlink}@keyframes pipBlink{50%{opacity:.45}}.card.evo .card-face{border-image-source:var(--frame-evo);background:var(--grain), radial-gradient(ellipse 100% 55% at 50% 24%, color-mix(in srgb, var(--c) 40%, transparent), transparent 70%), linear-gradient(180deg, #2a1c0e, #0f0a06);box-shadow:0 24px 50px #000000a6,0 0 36px #ffbe5059}.card.evo .card-face:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 38%,#ffecbe47 48%,#fff6 50%,#ffecbe47 52%,#0000 62%) 0 0/300% 100%;animation:2.8s linear infinite sheen;position:absolute;top:-18px;bottom:-18px;left:-18px;right:-18px}@keyframes sheen{0%{background-position:100% 0}to{background-position:-50% 0}}.card.evo .tag{color:#1a0f05;background:linear-gradient(180deg, var(--gilt-hi), var(--gilt));border:0;padding:5px 10px 3px 12px}.card.evo .medal{box-shadow:inset 0 0 0 1px var(--gilt-hi), inset 0 0 0 5px #120c07, inset 0 0 0 6px var(--gilt), 0 0 0 1px #000, 0 0 30px #ffc85a73}.card.evo .medal:before{background:repeating-conic-gradient(var(--gilt-hi) 0 3deg, transparent 3deg 15deg);animation:18s linear infinite spin}.card.evo .nm{color:var(--gilt-hi);text-shadow:0 2px #000,0 0 20px #ffbe508c}.recipe{color:var(--gilt);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:26px;display:flex}.recipe b{font:700 16px/1 var(--f-label);color:var(--gilt)}.recipe .ico:last-child{font-size:30px}.card.feast .medal{--c:#e2945a}.stats{text-align:left;grid-template-columns:1fr 1fr;gap:0 26px;margin:14px 0 16px;display:grid}.stats div{font:700 12px/1 var(--f-label);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-3);border-bottom:1px dotted #c9a25a4d;align-items:baseline;gap:6px;padding:7px 0 5px;display:flex}.stats b{font:700 21px/1 var(--f-label);letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums lining-nums;color:var(--bone);margin-left:auto}.stats .wide{grid-column:1/-1}.stats .seed b{letter-spacing:.04em;font-size:16px}.arsenal{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 14px;font-size:34px;display:flex}.arsenal span{width:50px;height:50px;box-shadow:inset 0 0 0 1px var(--gilt-lo);background:#00000059;place-items:center;display:grid}.panel .btns{flex-direction:column;align-items:center;margin-top:4px;display:flex}.panel .sub-h{font:700 12px/1 var(--f-label);letter-spacing:.32em;text-transform:uppercase;color:var(--gilt);align-items:center;gap:10px;margin:16px 0 8px;display:flex}.panel .sub-h:before,.panel .sub-h:after{content:"";background:#c9a25a4d;flex:1;height:1px}.over-emblem{margin:-6px auto 2px;font-size:70px;display:block}.over.won .panel{border-image-source:var(--frame-evo);box-shadow:0 30px 80px #000000b3,0 0 80px #ffaa4640}.over.won{background:radial-gradient(at 50% 30%,#ffaa5047,#140a04cc 70%)}.over.won h2{color:var(--gilt-hi)}.over.lost .over-emblem{filter:grayscale(.85)brightness(.8)}.record{font:700 12px/1 var(--f-label);letter-spacing:.3em;text-transform:uppercase;color:#1a0f05;background:var(--gilt-hi);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);margin-top:10px;padding:5px 12px 3px 15px;display:inline-block}.panel-in{animation:panelIn .45s var(--ease-out)}.evo-cine{z-index:40;pointer-events:none;text-align:center;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--c) 30%, transparent), #060402c7 60%);flex-direction:column;justify-content:center;align-items:center;animation:2.3s ease-in-out forwards cineFade;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes cineFade{0%{opacity:0}10%,78%{opacity:1}to{opacity:0}}.evo-cine .rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c) 40%, transparent) 0deg 1.4deg, transparent 1.4deg 7.5deg), repeating-conic-gradient(from 3.75deg, #fff0d229 0deg .6deg, transparent .6deg 15deg);width:150vmax;height:150vmax;animation:raysIn .8s var(--ease-out) both, spin 22s linear infinite;margin:-75vmax 0 0 -75vmax;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle closest-side,#000 3%,#00000073 14%,#0000 34%);mask:radial-gradient(circle closest-side,#000 3%,#00000073 14%,#0000 34%)}.evo-cine .ring{border:2px solid var(--gilt-hi);width:200px;height:200px;box-shadow:0 0 30px var(--c), inset 0 0 30px var(--c);animation:ringOut 1.1s .35s var(--ease-out) both;border-radius:50%;margin:-100px;position:absolute;top:42%;left:50%}@keyframes ringOut{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(4.5)}}.evo-cine .big{filter:drop-shadow(0 0 24px var(--c)) drop-shadow(0 10px 12px #000c);animation:evoRise 1.1s var(--ease-slam) both;margin-top:-4vh;font-size:min(170px,34vw);line-height:0;position:relative}@keyframes evoRise{0%{opacity:0;filter:brightness(4)drop-shadow(0 0 #0000);transform:translateY(80px)scale(.35)rotate(-20deg)}55%{opacity:1;transform:translateY(-8px)scale(1.12)rotate(3deg)}to{transform:none}}.evo-cine .kicker{color:var(--gilt-hi);animation:kickerIn .8s .35s var(--ease-out) both;margin:26px 0 6px;font-size:14px;position:relative}@keyframes kickerIn{0%{opacity:0;letter-spacing:1.2em}}.evo-cine .name{font:700 clamp(44px, 9vw, 92px)/1 var(--f-display);color:var(--bone);text-shadow:0 3px 0 #000, 0 0 30px var(--c);animation:slamIn .6s .5s var(--ease-slam) both;position:relative}@keyframes slamIn{0%{opacity:0;filter:blur(8px);transform:scale(2.2)}}.evo-cine .flavour{animation:fadeUp .6s .8s var(--ease-out) both;align-items:center;gap:8px;display:flex;position:relative}.evo-cine .flavour .ico{font-size:24px}.panel,.card-face,.card-back,.iconbtn,.card.evo .card-face,.over.won .panel{background-origin:border-box}#hud.under .hud-tc,#hud.under .bossbar,#hud.under .pops,#hud.under .banner,#hud.under .kills,#hud.under .xp-head,#hud.cine .bossbar,#hud.cine .pops,#hud.cine .banner{visibility:hidden}@media (max-width:760px) and (min-height:521px),(max-width:599px){.cards{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:480px}.card{width:100%;min-height:0}.card-face{text-align:left;border-width:18px;border-image-width:18px;grid-template-rows:auto auto auto 1fr auto;grid-template-columns:84px 1fr;align-items:start;column-gap:14px;padding:0 2px 0 0;display:grid}.card-back{border-width:18px;border-image-width:18px}.card .num{margin:0;font-size:12px;position:absolute;top:-12px;right:-8px}.card .num span{display:none}.medal{grid-row:1/6;align-self:center;width:80px;height:80px;font-size:50px}.medal:before{top:-5px;bottom:-5px;left:-5px;right:-5px;-webkit-mask:radial-gradient(circle,#0000 44px,#000 45px);mask:radial-gradient(circle,#0000 44px,#000 45px)}.card .nm{margin:0 0 4px;font-size:24px}.card .tag{justify-self:start;padding-left:8px;font-size:10px}.card .ds{margin:6px 0 0;font-size:15px}.card .hintline,.recipe{justify-content:flex-start;margin-top:4px}.recipe{font-size:20px}.recipe .ico:last-child{font-size:22px}.pips{justify-content:flex-start;margin-top:6px}.lu-head{margin-bottom:12px}.lu-head .rays{width:380px;height:380px;margin:-190px 0 0 -190px}.card:hover .card-in,.card.sel .card-in{transform:translate(4px)}@keyframes deal{0%{opacity:0;transform:translateY(60vh)rotateX(-160deg)scale(.8)}30%{opacity:1}65%{transform:translateY(-6px)rotateX(-20deg)}to{transform:none}}.card-back{transform:rotateX(180deg)}}@media (max-width:600px){.page-frame{border-width:22px;border-image-width:22px;top:6px;bottom:6px;left:6px;right:6px}.hud-tl{top:14px;left:10px}.lvl{width:40px;height:40px}.lvl span{font-size:17px}.vial{width:min(230px,58vw);position:fixed;top:94px;left:50%;transform:translate(-50%)}.vial-num{margin:0;font-size:13px;position:absolute;top:1px;right:-2px}.vial-num small{display:none}.vial .ico{font-size:34px;top:-8px;left:-10px}.hud-tc{width:170px;top:8px}.timer{font-size:27px;top:26px}.hud-tr{top:14px;right:10px}.kills{font-size:18px}.kills .ico{font-size:22px}.kills small{display:none}.bossbar{top:128px}.boss-name{font-size:21px}.slot{width:42px;height:46px;font-size:26px}.slot.passive{width:30px;height:30px;font-size:19px}.inv{gap:6px;bottom:10px;left:10px}.inv-row{gap:5px;max-width:calc(100vw - 70px)}.mute{bottom:10px;right:10px}.btn{min-width:min(280px,100vw - 48px)}.panel{border-width:18px;border-image-width:18px;padding:8px 6px 14px}.stats{grid-template-columns:1fr;gap:0}.slider{grid-template-columns:82px 1fr 42px;gap:8px}.hint{display:none}.banner{white-space:normal;text-align:center;justify-content:center;width:92vw;font-size:clamp(28px,9vw,38px);line-height:1.05}.banner.boss{font-size:clamp(30px,10vw,42px)}.banner:before,.banner:after{display:none}}@media (max-height:520px) and (min-width:600px){.cards{gap:14px}.card{width:196px;min-height:0}.card-face{border-width:18px;border-image-width:18px}.card .ds{margin-top:6px;font-size:14px}.card .num{margin-bottom:4px}.lu-head .flavour{display:none}.logo{font-size:64px}.emblem{display:none}.tagline{margin-bottom:10px}.hint{display:none}.btn{min-height:40px}.btn.primary{min-height:44px}.lu-head .chest-ico{display:none}.levelup{padding-top:8px;padding-bottom:8px}.lu-head{margin-bottom:6px}.lu-head h2{font-size:30px}.lu-head .kicker{margin-bottom:0}.card-face{border-width:14px;border-image-width:14px;padding-bottom:4px}.card-back{border-width:14px;border-image-width:14px}.card .num{margin-bottom:0;transform:scale(.85)}.medal{width:58px;height:58px;font-size:36px}.medal:before{top:-4px;bottom:-4px;left:-4px;right:-4px;-webkit-mask:radial-gradient(circle,#0000 31px,#000 32px);mask:radial-gradient(circle,#0000 31px,#000 32px)}.card .nm{margin:4px 0 2px;font-size:19px}.card .ds{margin-top:4px;font-size:13px;line-height:1.25}.card .hintline{display:none}.recipe{margin-top:2px;font-size:16px}.pips{margin-top:4px}.hud-tc{width:170px}.timer{font-size:27px;top:26px}.vial{width:min(250px,50vw - 162px)}.bossbar{width:min(440px,58vw);top:90px}.boss-name{margin-bottom:4px;font-size:18px}.boss-name svg{width:30px}.banner{font-size:clamp(24px,4.2vw,36px);top:152px}.banner.boss{font-size:clamp(26px,4.8vw,42px);top:154px}.banner:before,.banner:after{width:clamp(20px,4vw,60px)}.screen.dim .panel{border-width:16px;border-image-width:16px;max-width:min(780px,100vw - 24px);padding:2px 14px 8px}.screen.dim .panel h2{font-size:34px}.screen.dim .panel .rule,.over-emblem,.over .flavour{display:none}.screen.dim .panel .kicker{margin-bottom:4px}.screen.dim .record{margin-top:4px}.screen.dim .stats{grid-template-columns:repeat(4,1fr);gap:0 16px;margin:6px 0}.screen.dim .stats .wide{grid-column:span 2}.screen.dim .stats b{font-size:17px}.screen.dim .arsenal{margin:2px 0 6px;font-size:26px}.screen.dim .arsenal span{width:38px;height:38px}.screen.dim .panel .sub-h{margin:6px 0 4px}.screen.dim .sliders{gap:4px;margin:2px 0}.screen.dim .panel .btns{flex-flow:wrap;justify-content:center;margin-top:2px}.screen.dim .panel .btns .btn{min-width:210px}}@media (prefers-reduced-motion:reduce){.card{animation:.3s both fadeOnly}.lu-head .rays,.evo-cine .rays,.card.evo .medal:before{animation:.4s both fadeOnly}.card.evo .card-face:after,.slot.evo:after{opacity:0;animation:none}.banner>span,.banner.boss>span{animation:2.7s both fadeHold}.evo-cine .big,.evo-cine .name,.evo-cine .kicker,.lu-head h2,.lu-head .chest-ico{animation:.4s both fadeOnly}.evo-cine .ring,.sparks{display:none}.xp-head b,.emblem .flame,.pips i.next,.lowhp{animation:none}.btn,.card-in{transition:none}}@keyframes fadeOnly{0%{opacity:0}}@keyframes fadeHold{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}