@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Metamorphous&family=Oswald:wght@500;600&display=swap";:root{--gold: #ffd100;--gold-dim: #c9a44a;--gold-dark: #8a6a1e;--umber: #241f18;--umber-dark: #171310;--umber-light: #2b2418;--charcoal: #141210;--tooltip: #171730;--muted: #9d9d9d;--good: #1eff00;--bad: #ff2020;--hp: #26c926;--xp: #9482c9;--hostile: #cc4c38;--friendly: #00991a;--font-ui: "Cinzel", "Friz Quadrata", Georgia, serif;--font-title: "Metamorphous", "Morpheus", Georgia, serif;--font-num: "Oswald", "Arial Narrow", Arial, sans-serif;--bevel: inset 1px 1px 0 #6a5a42, inset -1px -1px 0 #0b0905, inset 2px 2px 0 #3d3325, inset -2px -2px 0 #1a140d, 0 0 0 1px #000;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}html,body{margin:0;height:100%;overflow:hidden;background:#0b0a08;font-family:var(--font-ui);touch-action:none}#app{width:100%;height:100%;display:block;outline:none}*{border-radius:0!important}.wf-panel{position:relative;background:var(--umber) var(--noise);border:3px solid #3a2f1f;box-shadow:var(--bevel),0 12px 40px #000c;color:#e8e0d0}.wf-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5px 5px,#fff2b0 0 2px,#8a6a1e 3px,#3a2a0a 4px,transparent 5px),radial-gradient(circle at calc(100% - 5px) 5px,#fff2b0 0 2px,#8a6a1e 3px,#3a2a0a 4px,transparent 5px),radial-gradient(circle at 5px calc(100% - 5px),#fff2b0 0 2px,#8a6a1e 3px,#3a2a0a 4px,transparent 5px),radial-gradient(circle at calc(100% - 5px) calc(100% - 5px),#fff2b0 0 2px,#8a6a1e 3px,#3a2a0a 4px,transparent 5px)}.wf-title{font-family:var(--font-title);color:var(--gold);text-align:center;letter-spacing:.04em;-webkit-text-stroke:.6px #000;text-shadow:1px -1px 0 #000,1px 1px 0 #000}.wf-label{font:600 11px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:1px -1px 0 #000}.wf-divider{height:6px;margin:10px 0;background:linear-gradient(90deg,transparent,var(--gold-dim) 30%,var(--gold-dim) 70%,transparent) center/100% 2px no-repeat;position:relative}.wf-divider:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-4px 0 0 -4px;transform:rotate(45deg);background:linear-gradient(135deg,#fff2b0,#8a6a1e);border:1px solid #3a2a0a}.wf-btn{display:inline-block;height:26px;padding:0 16px;font:600 12px/24px var(--font-ui);letter-spacing:.04em;color:var(--gold);cursor:pointer;background:linear-gradient(#5a4632,#2e2417);border:1px solid #1a140d;box-shadow:inset 1px 1px #7a6448,inset -1px -1px #14100a,0 0 0 1px #000;text-shadow:1px -1px 0 #000}.wf-btn:hover{background:linear-gradient(#6e5a42,#3a2f1e);color:#fff}.wf-btn:active{background:linear-gradient(#241c11,#4a3b26);transform:translate(1px,1px)}kbd{margin-left:6px;padding:0 5px;font:600 10px/14px var(--font-num);color:var(--muted);background:#0b0a08;border:1px solid #3a2f1f;box-shadow:inset 0 0 0 1px #000}.wf-bar{position:relative;height:14px;background:#0b0a08;border:1px solid #000;box-shadow:inset 0 0 0 1px #2a2420;overflow:hidden}.wf-bar i{display:block;height:100%;transition:width .12s}.wf-bar:after{content:"";position:absolute;inset:0 0 55%;background:linear-gradient(#ffffff40,transparent);pointer-events:none}.wf-bar.ticks:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#00000055 0 1px,transparent 1px 10%);pointer-events:none;z-index:1}.wf-bar span{position:absolute;inset:0;z-index:2;text-align:center;font:600 11px/14px var(--font-num);color:#fff;text-shadow:1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000}.wf-icon{width:64px;height:64px;box-sizing:border-box;border:2px solid var(--quality, #6a5a42);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000;background:#0b0a08}.wf-icon svg{display:block;width:100%;height:100%}#hud{position:fixed;left:0;right:0;bottom:0;pointer-events:none;color:#e8e0d0}#hud .frame{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 10px;align-items:center;width:min(92vw,400px);max-width:100%;box-sizing:border-box;margin:0 auto 4px;padding:8px 12px 8px 8px;background:var(--umber) var(--noise);border:3px solid #3a2f1f;border-bottom:none;box-shadow:var(--bevel)}#hud .medal{grid-row:1 / span 2;width:40px;height:40px;border-radius:50%!important;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#4a3a24,#1a1208 70%);border:2px solid var(--gold-dark);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000,inset 1px 1px #7a6448;font:600 18px var(--font-num);color:var(--gold);text-shadow:1px -1px 0 #000,-1px 1px 0 #000}#hud .row{display:flex;align-items:baseline;justify-content:space-between}#hud .row{gap:8px}#hud .row b{margin-right:auto}#hud .effects{display:flex;gap:3px;align-self:flex-end;flex-shrink:1;min-width:0;overflow:hidden}#hud .eff{position:relative;width:22px;height:22px;display:block}#hud .eff svg{display:block}#hud .eff.debuff svg{outline:1px solid #d02020}#hud .eff b{position:absolute;right:1px;bottom:0;font:700 11px var(--font-num);color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;letter-spacing:0}#hud .eff i{position:absolute;left:0;right:0;top:100%;text-align:center;font:9px var(--font-num);color:#e8e0d0;text-shadow:1px 1px 0 #000;font-style:normal}#hud .row b{font:600 14px var(--font-ui);color:var(--gold);letter-spacing:.04em;text-shadow:1px -1px 0 #000}#hud .row .wave{font:600 11px var(--font-num);letter-spacing:.1em;text-transform:uppercase;color:var(--hostile);text-shadow:1px -1px 0 #000}#hud .hp{margin-top:4px}#hud .hp i{background:var(--hp)}#hud .xp-wrap{width:100%;box-sizing:border-box;height:8px;background:#0b0a08;border-top:1px solid #3a2f1f;box-shadow:inset 0 1px #000}#hud .xp{height:100%;border:none;box-shadow:none}#hud .xp i{background:var(--xp)}#hud .xp:after{inset:0 0 50%}#boss{position:fixed;top:8px;left:50%;transform:translate(-50%);width:min(70vw,420px);display:none;text-align:center;pointer-events:none}#boss.show{display:block}#boss span{font:600 13px var(--font-ui);letter-spacing:.06em;color:var(--gold);text-shadow:1px -1px 0 #000,-1px 1px 0 #000}#boss .bar{height:16px;margin-top:3px;background:#0b0a08;border:2px solid #3a2f1f;box-shadow:var(--bevel);position:relative;overflow:hidden}#boss .bar i{display:block;height:100%;background:var(--hostile);transition:width .15s}#boss .bar:after{content:"";position:absolute;inset:0 0 55%;background:linear-gradient(#ffffff40,transparent)}.joy-ring{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%!important;border:2px solid #ffffff55;background:#ffffff14;display:none;pointer-events:none;z-index:5}.joy-ring.show{display:block}.joy-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%!important;background:#fffa;box-shadow:0 2px 8px #0008}.overlay{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;flex-direction:column;background:#000000b8}.overlay.show{display:flex}.overlay>.panel{max-height:min(92vh,100dvh - 16px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain;touch-action:pan-y}#levelup{overflow-y:auto;touch-action:pan-y}#pause .panel{width:min(92vw,440px);max-height:88vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:14px 18px 18px}#pause h2{margin:0 0 10px;font-size:26px}#pause .row{display:flex;gap:10px}#pause .row .wf-btn{flex:1;text-align:center}#pause .kv,#p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-top:12px;font:13px var(--font-num);color:#e8e0d0}#pause .kv b,#p-stats b{display:block;font:600 10px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:1px -1px 0 #000}#p-build,#d-build{display:flex;flex-wrap:wrap;gap:6px}#p-build .sk,#d-build .sk{position:relative;width:44px;height:44px}#p-build .sk svg,#d-build .sk svg{width:44px;height:44px;display:block}#p-build .sk i,#d-build .sk i{position:absolute;right:0;bottom:0;min-width:16px;height:16px;background:#000;color:#fff;font:600 11px/16px var(--font-num);text-align:center;padding:0 3px}#p-build .empty,#d-build .empty{color:var(--muted);font:13px var(--font-ui)}#pause .kv s,#p-stats s{color:var(--muted);text-decoration:line-through;font-size:11px;margin-right:4px}#pause .kv em,#p-stats em{font-style:normal}#pause .kv em.up,#p-stats em.up{color:var(--good)}#pause .kv em.down,#p-stats em.down{color:var(--bad)}#levelup{gap:14px}.lu-head{text-align:center}.lu-kicker{font:600 11px var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);text-shadow:1px -1px 0 #000}.lu-head h2{margin:2px 0;font-size:40px}.lu-sub{font:italic 14px var(--font-ui);color:#e8e0d0;text-shadow:1px -1px 0 #000}#lu-cards{display:flex;gap:18px;padding:6px 12px}#levelup .card{position:relative;width:200px;padding:0 0 12px;color:#e8e0d0;cursor:pointer;text-align:center;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--quality) 42%,#0b0a08),color-mix(in srgb,var(--quality) 16%,#14110c) 42%,#0f0d0a),var(--noise);border:2px solid var(--quality);box-shadow:inset 0 0 0 1px #000,inset 0 0 40px color-mix(in srgb,var(--quality) 25%,transparent),0 0 0 1px #000,0 10px 30px #000c;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .12s,box-shadow .12s}#levelup .card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--quality) 22%,transparent) 50%,transparent 65%)}#levelup .card:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--quality),transparent);opacity:.6}#levelup .card.selected{transform:translateY(-8px) scale(1.03);box-shadow:inset 0 0 0 1px #000,inset 0 0 50px color-mix(in srgb,var(--quality) 35%,transparent),0 0 0 1px #000,0 0 22px var(--quality),0 0 60px color-mix(in srgb,var(--quality) 45%,transparent),0 14px 34px #000c}#levelup .card .band{width:100%;display:flex;justify-content:space-between;padding:5px 10px;box-sizing:border-box;font:700 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,color-mix(in srgb,var(--quality) 85%,#fff) 0%,var(--quality) 55%,color-mix(in srgb,var(--quality) 70%,#000) 100%);color:#0b0a08;border-bottom:1px solid #000;text-shadow:0 1px 0 color-mix(in srgb,var(--quality) 50%,#fff)}#levelup .card .band .cat{color:#0b0a08;opacity:.75}#levelup .card .icon{margin-top:12px;position:relative}#levelup .card .icon:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--quality) 45%,transparent) 0%,transparent 70%);pointer-events:none}#levelup .card .icon svg{position:relative;width:76px;height:76px;border:2px solid var(--quality);box-shadow:inset 0 0 0 1px #000,0 0 0 1px #000,0 0 14px color-mix(in srgb,var(--quality) 60%,transparent)}#levelup .card .name{font:700 16px var(--font-title);color:var(--quality);padding:4px 8px 0;text-shadow:1px 1px 0 #000,0 0 10px color-mix(in srgb,var(--quality) 60%,transparent);letter-spacing:.02em;text-wrap:balance}#levelup .card .rule{width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--quality),transparent)}#levelup .card .desc{font:12.5px/1.4 var(--font-ui);color:#e8e0d0;padding:0 12px;min-height:36px;text-shadow:1px 1px 0 #000}#levelup .card .foot{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 12px 0;box-sizing:border-box;font:600 11px var(--font-num);letter-spacing:.08em}#levelup .card .owned{color:var(--gold)}#levelup .card .new{color:var(--quality);text-transform:uppercase}#levelup .card .pips{display:flex;gap:3px}#levelup .card .pips i{width:7px;height:7px;border:1px solid #000;background:#2a2418}#levelup .card .pips i.on{background:var(--quality);box-shadow:0 0 4px var(--quality)}#levelup .card kbd{background:#000;border:1px solid var(--quality);color:var(--quality);font:600 10px var(--font-num);padding:1px 5px}.lu-hint{font:12px var(--font-ui);color:var(--muted)}#dead{background:radial-gradient(ellipse at center,#3a0a0acc,#000e 70%)}#dead.show{animation:dead-in .6s ease-out}@keyframes dead-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}#dead .panel{width:min(92vw,470px);max-height:90vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:16px 20px 20px}#dead h2{margin:0;font-size:40px;color:#ff2020;-webkit-text-stroke:1px #000;text-shadow:1px -1px 0 #000,0 0 14px #ff202066}#dead #d-quip{margin:6px 0 2px;text-align:center;font:italic 14px var(--font-ui);color:#e8e0d0}#dead .killer{margin:0 0 8px;text-align:center;font:600 11px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#d-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px;font:14px var(--font-num);color:#e8e0d0}#d-stats b{display:block;font:600 10px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);text-shadow:1px -1px 0 #000}#dead .best{margin:10px 0 0;color:var(--muted);font:13px var(--font-ui)}#dead .row{display:flex;gap:10px;margin-top:14px}#dead .row .wf-btn{flex:1;text-align:center}@media(max-width:640px),(orientation:portrait)and (max-width:900px){#levelup{gap:10px}#lu-cards{flex-direction:column;width:min(94vw,460px);gap:8px;padding:0}#levelup .card{width:100%;box-sizing:border-box;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-areas:"band band" "icon name" "icon desc" "foot foot";align-items:center;text-align:left;padding:0 0 8px;gap:2px 12px}#levelup .card .band{grid-area:band;margin-bottom:4px}#levelup .card .icon{grid-area:icon;margin:0 0 0 10px;align-self:start}#levelup .card .icon svg{width:56px;height:56px}#levelup .card .icon:before{inset:-8px}#levelup .card .name{grid-area:name;padding:2px 10px 0 0;font-size:15px}#levelup .card .rule{display:none}#levelup .card .desc{grid-area:desc;padding:0 10px 0 0;min-height:0;font-size:12px}#levelup .card .foot{grid-area:foot;padding:4px 10px 0}#levelup .card.selected{transform:none}.lu-head h2{font-size:30px}.lu-hint{display:none}#pause .panel,#dead .panel{padding:12px}#pause .kv,#p-stats,#d-stats{grid-template-columns:repeat(2,1fr)}#hud .frame{width:94vw}}#downed{position:fixed;left:50%;top:22%;transform:translate(-50%);width:min(80vw,300px);display:none;text-align:center;pointer-events:none}#downed.show{display:block}#downed .wf-title{font-size:28px;color:#ff2020}#downed .sub{font:12px var(--font-ui);color:var(--muted);margin:2px 0 8px}#downed .wf-bar i{background:var(--gold)}#lobby{background:linear-gradient(90deg,#000000c0 0,#00000060 40%,#0000 70%);align-items:flex-start;justify-content:flex-start;pointer-events:none;padding:60px 0 12px 18px;box-sizing:border-box}#lobby .panel{pointer-events:auto}.lobby{width:min(92vw,420px);max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin}.comps{margin:6px 0 10px}.comps .ctiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px}.comps .ctile{display:grid;justify-items:center;gap:2px;padding:6px 2px 4px;background:#0005;border:1px solid #3a3020;cursor:pointer}.comps .ctile i{font:600 10px Cinzel,serif;font-style:normal;color:#c8c0b0;letter-spacing:.03em}.comps .ctile.sel{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 0 10px #ffd10033;background:#2a2010}.comps .ctile.sel i{color:var(--gold)}.comps .cdetail{margin-top:6px;min-height:44px;padding:7px 10px;background:#00000040;border:1px solid #3a3020;display:grid;gap:2px;align-content:start}.comps .cdetail b{font:600 13px Cinzel,serif;color:var(--gold);letter-spacing:.04em}.comps .cdetail span{color:var(--muted);font:11px var(--font-ui);line-height:1.3}.lobby .comp-tag{margin-left:auto;font-size:11px;color:var(--muted);font-style:normal}@media(max-width:640px){#lobby{padding:0;align-items:flex-end}.lobby{width:100vw;max-height:60vh;overflow:auto}}.lobby .code{display:flex;align-items:center;gap:12px;margin:8px 0}.lobby .code b{font:26px var(--font-num, Oswald, sans-serif);color:var(--gold);letter-spacing:3px;flex:1}.lobby ul{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:4px}.lobby li{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#0004;font:15px var(--font-ui);color:#e8e0d0;border-left:3px solid #00991a}.lobby li.me{border-left-color:var(--gold)}.lobby li.empty{color:var(--muted);font-style:italic;border-left-color:#444}.lobby .tag{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-left:6px}.lobby .row{display:flex;align-items:center;gap:10px}.lobby #lb-wait{flex:1}#choosing{position:fixed;left:50%;top:14%;transform:translate(-50%);display:none;padding:6px 14px;background:#000000a0;border:1px solid var(--gold);color:var(--gold);font:14px var(--font-ui);letter-spacing:1px;pointer-events:none}#choosing.show{display:block}#notice{position:fixed;left:50%;top:20%;transform:translate(-50%);display:none;padding:5px 12px;background:#000000a0;border:1px solid #5a4a2a;color:#e8e0d0;font:13px var(--font-ui);letter-spacing:1px;pointer-events:none}#notice.show{display:block}#wavebreak{position:fixed;left:50%;top:9%;transform:translate(-50%);display:none;text-align:center;padding:6px 18px;background:#000000a0;border:1px solid #ffffff33;color:#e8e0d0;font:15px var(--font-ui);letter-spacing:1px;line-height:1.5;pointer-events:none}#wavebreak.show{display:block}#wavebreak .wf-bar{width:220px;height:8px;margin:6px auto 0}#wavebreak .wf-bar i{background:var(--gold);transition:width .2s linear}#wavebreak .boss~.wf-bar i,#wavebreak:has(.boss) .wf-bar i{background:#ff5a4a}#wavebreak b{color:var(--gold);font-family:var(--font-title, Metamorphous, serif);font-size:18px}#wavebreak .boss{color:#ff5a4a}.wf-btn:focus-visible,.tile:focus-visible,.back:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tile:focus-visible{box-shadow:0 0 0 2px var(--gold),0 0 18px #ffd10088}.menu .who{display:flex;align-items:center;justify-content:center;gap:10px;margin:2px 0 6px;font:15px var(--font-ui);color:#e8e0d0}.menu .who b{color:var(--gold)}.menu .adv{margin-top:10px}.menu .adv summary{cursor:pointer;font:600 11px var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.menu .adv summary:hover{color:var(--gold)}.menu .adv .field{margin-top:6px}.fs{position:absolute;top:8px;right:8px;width:30px;height:30px;display:grid;place-items:center;background:#0006;border:1px solid #5a4a2a;color:var(--gold-dim);cursor:pointer;z-index:2}.fs:hover,.fs:focus-visible{color:var(--gold);border-color:var(--gold)}.fs.on svg path{d:path("M9 4v5H4M20 9h-5V4M15 20v-5h5M4 15h5v5")}.fs.gear{right:44px}.settings{width:min(100vw - 24px,420px);box-sizing:border-box;padding:14px 18px 16px}.settings .srow{display:block;margin:10px 0}.settings .zoom{display:flex;align-items:center;gap:8px;margin-top:6px}.settings .zoom input[type=range]{flex:1;accent-color:var(--gold)}.settings .zoom b{width:48px;text-align:right;font:16px var(--font-num);color:var(--gold)}.settings .wf-btn.sm{padding:2px 10px;font-size:16px;line-height:1}.settings .toggle{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;cursor:pointer}.settings .toggle input{width:20px;height:20px;accent-color:var(--gold)}.settings .toggle select{font:14px var(--font-num);color:#fff;padding:4px 8px;background:#0b0a08;border:1px solid #3a2f1f;box-shadow:inset 0 0 0 1px #000;outline:none}.settings .toggle select:focus{border-color:var(--gold-dark)}.settings .toggle .hint{grid-column:1 / -1;margin:0}.settings .hint{font:12px var(--font-ui);color:var(--muted);margin:4px 0 0}.settings .row{margin-top:14px}.login{width:min(92vw,420px)}.avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 10px}.avatars .av{background:none;border:2px solid transparent;padding:3px;cursor:pointer}.avatars .av.sel{border-color:var(--gold);background:#ffd10018}.avatars .av:hover{border-color:#ffd10088}.login .providers{margin-top:10px;gap:8px}.login .providers .wf-btn{flex:1;opacity:.55}.soon{font-size:10px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-left:6px}#profile{position:fixed;top:12px;right:12px;display:none;z-index:25}#profile.show{display:block}#profile .pf{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;background:#000000a0;border:1px solid #5a4a2a;cursor:pointer;text-align:left}#profile .pf-name{font:14px var(--font-ui);color:#ffd100}#profile .pf-sub{font:10px var(--font-ui);color:var(--muted);text-transform:uppercase;letter-spacing:1px}#profile .pf-menu{display:none;position:absolute;right:0;margin-top:4px}#profile .pf-menu.show{display:block}#profile.show~#fps,#fps{top:6px}#perflog{position:fixed;top:24px;right:8px;margin:0;font:11px/1.3 var(--font-num, Oswald, sans-serif);color:#ffd100;text-shadow:0 1px 2px #000;pointer-events:none;z-index:5}#fps{position:fixed;top:6px;right:8px;font:13px var(--font-num, Oswald, sans-serif);color:#c8c0b0;text-shadow:0 1px 2px #000;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums}#menu{background:linear-gradient(90deg,#000000c0 0,#00000060 40%,#0000 70%);z-index:20;display:none;pointer-events:none}#menu.show{display:block}#menu>*{pointer-events:auto}#menu .mtop{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px}#menu .brand h1{margin:0;font-size:34px;line-height:1}#menu .brand .lu-kicker{display:block;margin-bottom:4px}#menu .micons{display:flex;gap:6px;margin-right:180px}#menu .micons .fs{position:static}#menu .mside{position:absolute;left:18px;top:108px;bottom:16px;width:min(460px,100vw - 36px);display:flex;flex-direction:column;gap:10px}#menu .mnav{display:flex;flex-direction:column;gap:4px}#menu .mn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 16px;background:linear-gradient(90deg,#000000b0,#0000);border:none;border-left:3px solid #5a4a2a;color:#e8e0d0;cursor:pointer;text-align:left;transition:border-color .12s,transform .12s,background .12s}#menu .mn b{font:700 24px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:1px -1px 0 #000,0 2px 4px #000}#menu .mn span{font:12px var(--font-ui);color:var(--muted)}#menu .mn:hover{border-left-color:var(--gold);transform:translate(4px);background:linear-gradient(90deg,#2a2010e0,#0000)}#menu .mn:hover b{color:var(--gold)}#menu .mn.active{border-left-color:var(--gold);background:linear-gradient(90deg,#3a2a10e8,#0000)}#menu .mn.active b{color:var(--gold)}#menu .mpanel{display:none;flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:12px 16px 14px;box-sizing:border-box}#menu .mpanel.show{display:block}#menu .who{display:none}#menu h2{margin:0 0 10px;font-size:30px}#menu .field{display:flex;flex-direction:column;gap:4px;margin:6px 0}#menu .field.row2{flex-direction:row;gap:12px}#menu .field.row2>div{flex:1;display:flex;flex-direction:column;gap:4px}#menu input,#menu select{font:14px var(--font-num);color:#fff;padding:6px 8px;background:#0b0a08;border:1px solid #3a2f1f;box-shadow:inset 0 0 0 1px #000;outline:none}#menu input:focus,#menu select:focus{border-color:var(--gold-dark)}#menu .tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 6px}#menu .tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;cursor:pointer;color:var(--gold);background:linear-gradient(#2e2417,#171310) var(--noise);border:2px solid #3a2f1f;box-shadow:var(--bevel);transition:transform .1s}#menu .tile svg{width:72px;height:72px;filter:drop-shadow(0 2px 3px #000)}#menu .tile .t{font:600 16px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;text-shadow:1px -1px 0 #000}#menu .tile .s{font:12px var(--font-ui);color:var(--muted)}#menu .tile:hover{border-color:var(--gold-dark);transform:translateY(-2px);color:#fff}#menu .tile:active{transform:translateY(0)}#menu .back{align-self:flex-start;margin:0 0 8px;padding:0;background:none;border:none;font:600 12px var(--font-ui);color:var(--muted);cursor:pointer;letter-spacing:.06em}#menu .back:hover{color:var(--gold)}#menu .wf-btn.big{height:40px;line-height:38px;font-size:14px}.tabs{display:flex;gap:2px;margin:12px 0 0;border-bottom:1px solid #3a2f1f}.tab{flex:1;padding:8px 4px;font:600 12px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:#0b0a08;border:1px solid #3a2f1f;border-bottom:none;text-shadow:1px -1px 0 #000}.tab.active{color:var(--gold);background:var(--umber-light);box-shadow:inset 0 2px 0 var(--gold-dark)}#menu .pane{display:none;padding:2px 0 4px}#menu .pane.show{display:block}@media(max-width:640px){#menu .mtop{padding:10px 12px}#menu .brand h1{font-size:26px}#menu .micons{margin-right:0;margin-top:44px}#menu .mside{left:12px;top:120px;width:calc(100vw - 24px)}#menu .mn b{font-size:18px}#menu .mnav{flex-direction:row}#menu .mn{flex:1}}#menu .row{display:flex;gap:8px;margin-top:6px}#menu .row .wf-btn{flex:1;text-align:center}#menu .row.join input{flex:1;min-width:0}#menu .mtab{display:none;padding-top:10px}#menu .mtab.show{display:block}#menu .lock{color:var(--gold);margin-right:4px}#menu .hint{margin:8px 0 0;font:12px/1.4 var(--font-ui);color:var(--muted)}#menu .status{min-height:18px;margin:8px 0 0;text-align:center;font:12px var(--font-ui);color:var(--muted)}#menu .filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font:12px var(--font-ui);color:#e8e0d0}#menu .filters input[type=text],#menu .filters input:not([type]){flex:1;min-width:120px}#menu .tbl{border:1px solid #3a2f1f;box-shadow:inset 0 0 0 1px #000;background:#0b0a08;max-height:40vh;overflow-y:auto}#menu table{width:100%;border-collapse:collapse;font:13px var(--font-num);color:#e8e0d0}#menu th{position:sticky;top:0;background:var(--umber-dark);text-align:left;padding:6px 8px;font:600 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #3a2f1f}#menu td{padding:6px 8px;border-bottom:1px solid #1a1410;vertical-align:top}#menu td.num{font-variant-numeric:tabular-nums}#menu td .sub{color:var(--muted);font-size:11px}#menu tr.dim td{color:var(--muted)}#menu td.empty{text-align:center;color:var(--muted);padding:18px}#menu .mode{font:600 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid #3a2f1f}#menu .mode.coop{color:var(--good)}#menu .mode.solo{color:var(--muted)}#menu td .wf-btn{height:22px;line-height:20px;padding:0 10px}.wf-btn.danger{color:#ff8a7a}#loading{position:fixed;inset:0;z-index:60;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#1a1420,#000 75%)}#loading.show{display:flex}#loading .wf-bar{width:min(70vw,320px)}#loading .wf-bar i{background:linear-gradient(#ffe27a,#b8860b)}#loading span{font:600 13px var(--font-ui);letter-spacing:.08em;color:#c8c0b0;text-transform:uppercase}#hud{display:none}body.ingame #hud{display:block}#plates{position:fixed;inset:0;pointer-events:none;overflow:hidden}#plates .plate{position:absolute;left:0;top:0;width:110px;margin:-17px 0 0 -55px;height:34px;will-change:transform}#plates .plate.hostile.elite{width:140px;margin-left:-70px}#plates .name{position:absolute;top:0;left:0;right:0;height:16px;line-height:16px;text-align:center;white-space:nowrap;overflow:hidden;font:700 13px/16px Cinzel,Georgia,serif;color:#fff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#plates .hostile .name{font-size:11px}#plates .elite .name{color:#ffd100}#plates .nameonly .name{top:auto;bottom:0}#plates .bar{position:absolute;left:0;right:0;bottom:0;height:12px;box-sizing:border-box;border:1px solid #000;background:#0b0a08}#plates .fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:#00991a}#plates .hostile .fill{background:#cc4c38}#plates .gloss{position:absolute;left:0;right:0;top:0;height:45%;background:#ffffff28}#plates .bar span{position:absolute;inset:0;text-align:center;font:700 9px/10px Oswald,Arial Narrow,sans-serif;color:#fff;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}#plates .status{position:absolute;left:25px;bottom:14px;height:8px;display:flex;gap:3px}#plates .status i{width:6px;height:6px;border-radius:3px;border:1px solid #000;box-sizing:border-box;display:block}#plates .float{position:absolute;left:0;top:0;transform:translate(-1000px,-1000px);white-space:nowrap;width:max-content;text-align:center;will-change:transform,opacity}#plates .dmg{font:700 18px/20px Oswald,Arial Narrow,sans-serif;text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#plates .dmg.crit{font-size:27px;line-height:30px;-webkit-text-stroke:1px #000}#plates .emote{font:700 20px/24px Cinzel,Georgia,serif;text-shadow:2px 0 0 #000,-2px 0 0 #000,0 2px 0 #000,0 -2px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000}#plates .edge{position:absolute;left:0;top:0;width:0;height:0}#plates .edge i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;display:block;clip-path:polygon(100% 50%,0 8%,25% 50%,0 92%);background:var(--friendly);filter:drop-shadow(0 0 2px #000)}#plates .edge.hostile i{background:var(--hostile)}#plates .edge b{position:absolute;left:-60px;top:16px;width:120px;text-align:center;font:700 11px/13px Cinzel,Georgia,serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000}#pause .tabs{margin:0 0 10px}#pause .ptab{display:flex;flex-direction:column;gap:10px}#pause .ptab[hidden],#pause .tab[hidden]{display:none}#pause .ptab .kv{margin-top:0}#pause .kv a{color:var(--gold)}#p-players .pp{display:grid;grid-template-columns:1fr auto auto auto auto;gap:10px;align-items:center;padding:6px 8px;background:#0b0a08;border:1px solid #3a2f1f;font:13px var(--font-num);color:#e8e0d0;margin-bottom:4px}#p-players .pp b{font:600 13px var(--font-ui);color:#fff}#p-players .pp i{font-style:normal;text-transform:uppercase;font-size:10px;letter-spacing:.06em;color:var(--good)}#p-players .pp.downed i{color:var(--bad)}#p-players .pp.left i{color:var(--muted)}#p-players .pp.reconnecting i{color:var(--gold)}#p-build .sk{cursor:pointer}#p-build .sk.sel{outline:2px solid var(--gold);outline-offset:1px}#p-detail{min-height:70px;padding:10px;background:#0b0a08;border:1px solid #3a2f1f;font:13px var(--font-ui);color:#e8e0d0}#p-detail .hint{color:var(--muted)}#p-detail .pd{display:flex;gap:12px;align-items:flex-start}#p-detail .pd .ico svg{width:56px;height:56px;display:block}#p-detail .pd b{display:block;font-size:15px}#p-detail .pd em{display:block;font:600 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2px 0 6px}#p-detail .pd p{margin:0 0 6px;line-height:1.4}#p-detail .pd i{font:12px var(--font-num);color:var(--gold);font-style:normal}.lobby .lu-kicker{text-align:center;display:block}#reconnect{z-index:45;background:#000000c8}#reconnect .panel{width:min(92vw,380px);padding:16px 20px 18px;text-align:center}#reconnect .hint{margin:8px 0 12px;font:14px/1.5 var(--font-ui);color:#e8e0d0}#reconnect .row{display:flex;justify-content:center}#reconnect [hidden]{display:none}#h-level.pending{cursor:pointer;color:var(--gold);animation:medal-pulse 1.2s ease-in-out infinite}@keyframes medal-pulse{0%,to{box-shadow:0 0 #ffd10066}50%{box-shadow:0 0 16px 4px #ffd100aa}}@media(prefers-reduced-motion:reduce){#h-level.pending{animation:none}}body.ingame .bench-row{display:none}#benchres{z-index:50}#benchres .panel{width:min(92vw,480px);max-height:92vh;overflow-y:auto}#benchres .br-head{display:flex;gap:20px;margin:10px 0}#benchres .br-head b{font:700 26px var(--font-num);color:var(--gold);display:block}#benchres .br-head span{font:600 10px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#benchres canvas{width:100%;height:auto;display:block;border:1px solid #3a2f1f;background:#0b0a08}#benchres .br-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font:13px var(--font-num);color:#e8e0d0}#benchres .br-grid span,#benchres .br-info span{color:var(--muted);margin-right:8px;font:600 10px var(--font-ui);letter-spacing:.06em;text-transform:uppercase}#benchres .br-info{font:12px var(--font-num);color:#e8e0d0;display:flex;flex-direction:column;gap:3px}#benchres .row{display:flex;gap:10px;margin-top:12px}#settings .qbtns{display:flex;gap:8px}#settings .qbtns .wf-btn.sel{outline:2px solid var(--gold);outline-offset:1px}#chat{position:fixed;left:12px;bottom:12px;z-index:25;display:none;flex-direction:column;gap:4px;max-width:min(46vw,380px);pointer-events:none}body.ingame #chat{display:flex}#chat .cmsg{background:#000000a6;border-left:2px solid var(--gold);padding:3px 9px;font:13px/1.4 var(--font-ui);color:#e8e0d0;transition:opacity .9s;word-wrap:break-word}#chat .cmsg b{color:var(--gold);font-weight:600;margin-right:2px}#chat .cmsg.out{opacity:0}#chat input{display:none;pointer-events:auto;background:#0b0a08e6;border:1px solid #3a2f1f;color:#e8e0d0;font:13px var(--font-ui);padding:6px 9px;outline:none;width:100%}#chat.typing input{display:block}#chat input:focus{border-color:var(--gold)}#load-tip{position:absolute;bottom:9vh;left:50%;transform:translate(-50%);max-width:min(80vw,520px);text-align:center;font:500 14px var(--font-ui);color:#a89a80;letter-spacing:.03em;opacity:0;transition:opacity .6s}#load-tip.in{opacity:1}#load-tip:before{content:"Tip";display:block;margin-bottom:6px;font:700 11px var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:#ffd100}#levelup .card .foot .kind{font:700 10px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#ffd100;margin-right:8px}