:root{--ink:#f4f0ff;--muted:#a9a1c4;--panel:#100c1cc7;--panel-solid:#140f22;--edge:#3b2f5c;--edge-light:#6d5aa8;--hp:#e8413c;--mana:#3f7bff;--energy:#f2c43f;--xp:#7aff9a;--accent:#c05cff;--twitch:#9146ff;--danger:#ff5c5c;--font-pixel:"Silkscreen", ui-monospace, monospace;--font-text:"Pixelify Sans", ui-monospace, monospace;--u:clamp(2px, .16vw, 4px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-text);user-select:none;background:#0d0b14;margin:0;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;display:block;position:fixed;inset:0}#overlay2d{pointer-events:none;width:100vw;height:100vh;image-rendering:pixelated;position:fixed;inset:0}#hud{pointer-events:none;font-size:calc(var(--u) * 6);position:fixed;inset:0}.panel{background:var(--panel);border:var(--u) solid var(--edge);box-shadow:inset 0 0 0 var(--u) #ffffff0a, 0 var(--u) 0 #00000080;padding:calc(var(--u) * 3);border-radius:0}.label{font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.vitals{bottom:calc(var(--u) * 6);left:calc(var(--u) * 6);gap:calc(var(--u) * 3);width:calc(var(--u) * 118);grid-template-columns:auto 1fr;display:grid;position:absolute}.vitals>div{min-width:0}.portrait{width:calc(var(--u) * 26);height:calc(var(--u) * 26);image-rendering:pixelated;border:var(--u) solid var(--edge-light);background:#0b0814}.who{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.who small{color:var(--muted);font-size:calc(var(--u) * 4)}.bar{height:calc(var(--u) * 5);border:var(--u) solid #000;margin-top:var(--u);background:#07050d;position:relative}.bar>i{transform-origin:0;background:var(--c);box-shadow:inset 0 calc(var(--u) * -1.5) 0 #00000040;position:absolute;inset:0}.bar>b{font-family:var(--font-pixel);font-weight:400;font-size:calc(var(--u) * 3.6);line-height:calc(var(--u) * 5);text-align:center;text-shadow:0 1px #000;position:absolute;inset:0}.bar.xp{height:calc(var(--u) * 3)}.round{top:calc(var(--u) * 6);text-align:center;min-width:calc(var(--u) * 110);position:absolute;left:50%;transform:translate(-50%)}.round .world{font-family:var(--font-pixel);font-size:calc(var(--u) * 6)}.round .event{color:#ffa31a;font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);animation:1s steps(2,end) infinite blink}.bossbar{top:calc(var(--u) * 30);width:min(60vw, calc(var(--u) * 200));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.bossbar .name{font-family:var(--font-pixel);color:#ff8a8a;font-size:calc(var(--u) * 5.5);text-shadow:0 var(--u) 0 #000}.bossbar .bar{height:calc(var(--u) * 6)}.twitch{top:calc(var(--u) * 58);right:calc(var(--u) * 6);width:calc(var(--u) * 92);gap:calc(var(--u) * 3);flex-direction:column;display:flex;position:absolute}.twitch .head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);display:flex}.twitch-status{overflow-wrap:anywhere;align-items:center;min-width:0;display:flex}.twitch .head .dot,.twitch .head .label{flex:none}.dot{width:calc(var(--u) * 3);height:calc(var(--u) * 3);margin-right:var(--u);background:#555;display:inline-block}.dot.on{background:#3dff7a}.twitch-edit{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.8);color:var(--ink);border:var(--u) solid var(--edge-light);padding:0 calc(var(--u) * 2);cursor:pointer;background:#2a2140;flex:none}.twitch-edit.cta{background:var(--twitch);border-color:#b48cff}.twitch-edit:hover{filter:brightness(1.25)}.twitch-edit:not([hidden])+.label{display:none}#hud.free .twitch-edit,#hud.free .twitch-setup{pointer-events:auto}.twitch-setup{gap:calc(var(--u) * 2);border-color:var(--twitch);font-size:calc(var(--u) * 4.2);flex-direction:column;display:flex}.twitch-setup[hidden]{display:none}.twitch-setup .row{gap:calc(var(--u) * 1.5);display:flex}.twitch-setup input{min-width:0;font:inherit;color:var(--ink);border:var(--u) solid var(--edge-light);padding:var(--u) calc(var(--u) * 2);background:#0b0814;border-radius:0;flex:1}.twitch-setup input:focus{border-color:var(--twitch);outline:none}.twitch-setup button{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.8);color:var(--ink);background:var(--twitch);border:var(--u) solid #b48cff;padding:var(--u) calc(var(--u) * 2);cursor:pointer}.twitch-setup .account{color:var(--muted)}.twitch-setup .account b{color:var(--ink);font-weight:400}.twitch-setup .account small{margin-top:var(--u);display:block}.twitch-setup a{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.8);color:var(--muted)}.twitch-setup a:hover{color:var(--ink)}.poll h3{margin:0 0 calc(var(--u) * 2);font-family:var(--font-pixel);font-weight:400;font-size:calc(var(--u) * 5);color:#fff}.option{padding:var(--u) calc(var(--u) * 2);margin-top:var(--u);border:var(--u) solid #2a2140;background:#0b0816;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.option>i{transform-origin:0;background:#9146ff73;position:absolute;inset:0}.option>span{position:relative}.option .key{font-family:var(--font-pixel);color:var(--energy);margin-right:calc(var(--u) * 2)}.option.win{border-color:var(--energy)}.option.mine{border-color:#fff}#hud.free .poll .option{pointer-events:auto;cursor:pointer}.timer{height:var(--u);background:var(--twitch);margin-top:calc(var(--u) * 2);transform-origin:0}.card{border-color:var(--twitch)}.card .opts{font-size:calc(var(--u) * 4.5);color:var(--muted)}.forging{font-size:calc(var(--u) * 4.2);color:var(--muted)}.forging b{color:#fff;font-weight:400}.forging .spin{animation:.6s steps(4,end) infinite spin;display:inline-block}.help{font-size:calc(var(--u) * 3.8);color:var(--muted);line-height:1.35}.feed{top:calc(var(--u) * 6);left:calc(var(--u) * 6);width:calc(var(--u) * 118);gap:var(--u);flex-direction:column;display:flex;position:absolute}.feed .entry{align-items:center;gap:calc(var(--u) * 2);padding:var(--u) calc(var(--u) * 2);border-left:var(--u) solid var(--c,#fff);font-size:calc(var(--u) * 4.4);background:#0a08129e;animation:.25s steps(4,end) slide;display:flex}.feed .entry img{width:calc(var(--u) * 9);height:calc(var(--u) * 9);image-rendering:pixelated;flex:none}.bottom{bottom:calc(var(--u) * 6);align-items:flex-end;gap:calc(var(--u) * 4);display:flex;position:absolute;left:50%;transform:translate(-50%)}.slots{gap:calc(var(--u) * 1.5);display:flex}.slot{width:calc(var(--u) * 17);height:calc(var(--u) * 17);border:var(--u) solid var(--r,#2a2140);background:#0a0812cc;position:relative}.slot.active{outline:var(--u) solid #fff;outline-offset:var(--u)}.slot img{inset:var(--u);width:calc(100% - var(--u) * 2);height:calc(100% - var(--u) * 2);image-rendering:pixelated;position:absolute}.slot .k{top:0;left:var(--u);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.6);color:var(--muted);text-shadow:0 1px #000;position:absolute}.slot .n{bottom:0;right:var(--u);font-family:var(--font-pixel);font-size:calc(var(--u) * 4);text-shadow:0 1px #000;position:absolute}.slot .cd{transform-origin:bottom;background:#000000b3;position:absolute;inset:0}.slot.locked{opacity:.35}.slot .glyph{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);place-items:center;display:grid;position:absolute;inset:0}.abilities{align-items:center;gap:var(--u);flex-direction:column;display:flex}.abilities .hint{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.4);color:var(--muted);text-transform:uppercase;text-shadow:0 1px #000}#hud.free .slot.ability{pointer-events:auto}.slot.ability .tip{bottom:calc(100% + var(--u) * 3);width:calc(var(--u) * 90);font-size:calc(var(--u) * 4.2);line-height:1.3;display:none;position:absolute;left:0}.slot.ability:hover .tip{display:block}.slot.ability.locked{opacity:1;border-color:#c05cff59}.slot.ability.locked>:not(.tip){opacity:.35}.slot.ability .tip b{font-family:var(--font-pixel);color:#d9a8ff;font-weight:400;display:block}.slot.ability .tip small{color:var(--muted);display:block}.slot.ability .tip small.cost{color:var(--ink)}.crosshair{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:linear-gradient(#fff, #fff) center / var(--u) 100% no-repeat, linear-gradient(#fff, #fff) center / 100% var(--u) no-repeat;mix-blend-mode:difference;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);text-align:center;text-shadow:0 var(--u) 0 #000;position:absolute;top:60%;left:50%;transform:translate(-50%)}.prompt small{font-family:var(--font-text);color:var(--muted);display:block}.prompt .compare{gap:calc(var(--u) * .8) calc(var(--u) * 4);margin-top:calc(var(--u) * 2);font-family:var(--font-text);font-size:calc(var(--u) * 4.2);text-align:left;max-width:calc(var(--u) * 150);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);display:grid}.prompt .compare b{overflow-wrap:anywhere;font-weight:400}.prompt .compare b i{font-style:normal;font-family:var(--font-pixel);font-size:calc(var(--u) * 3.2);color:var(--muted);text-transform:uppercase;display:block}.prompt .compare .l{color:var(--muted)}.prompt .compare .up{color:var(--xp)}.prompt .compare .up:after{content:" ▲"}.prompt .compare .down{color:var(--danger)}.prompt .compare .down:after{content:" ▼"}.free-hint{left:50%;top:calc(50% + var(--u) * 12);padding:var(--u) calc(var(--u) * 3);font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);text-align:center;white-space:nowrap;background:#0a0812bf;position:absolute;transform:translate(-50%)}.free-hint small{font-family:var(--font-text);font-size:calc(var(--u) * 4);color:var(--muted);display:block}.toasts{align-items:center;gap:var(--u);flex-direction:column;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);padding:var(--u) calc(var(--u) * 3);background:#0a0812bf;animation:2.6s steps(8,end) forwards fade}.banner{text-align:center;font-family:var(--font-pixel);font-size:calc(var(--u) * 12);text-shadow:0 calc(var(--u) * 1.5) 0 #000, 0 0 calc(var(--u) * 6) var(--c,#c05cff);white-space:nowrap;animation:2.2s steps(10,end) forwards pop;position:absolute;top:34%;left:50%;transform:translate(-50%)}.banner small{font-size:calc(var(--u) * 5);color:var(--ink);display:block}.viewmodel{width:30vh;height:30vh;image-rendering:pixelated;transform-origin:80% 100%;filter:drop-shadow(0 0 calc(var(--u) * 4) var(--glow,transparent));position:absolute;bottom:-2vh;right:16vw}.minimap{top:calc(var(--u) * 6);right:calc(var(--u) * 6);width:calc(var(--u) * 48);height:calc(var(--u) * 48);image-rendering:pixelated;border:var(--u) solid var(--edge);background:#0a0812b3;position:absolute}.roster{top:calc(var(--u) * 7);right:calc(var(--u) * 58);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.8);text-align:right;color:var(--muted);line-height:1.5;position:absolute}.screen{pointer-events:auto;background:#08060eb8;place-items:center;display:grid;position:absolute;inset:0}.screen[hidden]{display:none}.screen.death{pointer-events:none}.death h2,.vote h2{font-family:var(--font-pixel);text-align:center;color:#ff8a8a;text-shadow:0 4px #000;margin:0;font-size:clamp(24px,4vw,48px);font-weight:400}.vote h2{color:#fff}.vote .worlds{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.vote .world{text-align:center;pointer-events:auto;cursor:pointer;width:220px}.vote .world:hover{border-color:var(--energy)}.vote .world.mine{border-color:var(--energy);box-shadow:0 0 0 2px var(--energy)}.vote .world .big{font-family:var(--font-pixel);color:var(--energy);font-size:40px}.sheet{grid-template-columns:1fr 1fr;gap:12px;width:min(94vw,880px);max-height:88vh;font-size:15px;display:grid;overflow:auto}.sheet h2{font-family:var(--font-pixel);grid-column:1/-1;margin:0;font-weight:400}.sheet .item{border:2px solid var(--r,#2a2140);background:#0b0816;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;margin-top:6px;padding:6px;display:grid}.sheet .item img{width:48px;height:48px;image-rendering:pixelated}.sheet .item small{color:var(--muted);display:block}.sheet button{font:inherit;color:var(--ink);border:2px solid var(--edge-light);cursor:pointer;background:#2a2140;font-size:12px}.sheet dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.sheet dt{color:var(--muted)}.sheet dd{font-family:var(--font-pixel);margin:0}.sheet .controls dt{font-family:var(--font-pixel);color:#d9a8ff}.sheet .controls dd{font-family:inherit}.chat{left:calc(var(--u) * 6);bottom:calc(var(--u) * 44);width:calc(var(--u) * 118);pointer-events:auto;position:absolute}.chat input{font:inherit;color:var(--ink);border:3px solid var(--edge-light);background:#0b0814;border-radius:0;width:100%;padding:6px 8px;font-size:15px}.chatlog{left:calc(var(--u) * 6);bottom:calc(var(--u) * 46 + 40px);width:calc(var(--u) * 118);font-size:calc(var(--u) * 4.2);text-shadow:0 1px #000;position:absolute}.chatlog div{animation:9s steps(10,end) forwards fade}.status{bottom:calc(var(--u) * 2);right:calc(var(--u) * 3);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.2);color:var(--muted);opacity:.8;position:absolute}.title{pointer-events:auto;cursor:pointer;text-align:center;background:radial-gradient(at 50% 45%,#08060e00 35%,#08060ec7 100%);place-items:center;display:grid;position:absolute;inset:0}.title[hidden]{display:none}.title.dim{background:#08060eb8}.title:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 4px);position:absolute;inset:0}.title-page{z-index:1;align-items:center;gap:calc(var(--u) * 5);flex-direction:column;padding:0 16px;display:flex;position:relative}.title-page[hidden]{display:none}.title-page.title-main,.title-page.title-entry{transform:translateY(-14vh)}.logo{font-family:var(--font-pixel);flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:.92;animation:3.2s steps(8,end) infinite float;display:flex}.logo-top{letter-spacing:.08em;color:#fff;text-shadow:0 .06em #9146ff,0 .12em #5a2bb0,0 .18em #1a0b33;font-size:clamp(34px,7.5vw,108px)}.logo-bottom{letter-spacing:.02em;background:linear-gradient(#fff27a 0 38%,#ffb13b 38% 58%,#ff5c8a 58% 80%,#c03cff 80%);color:#0000;filter:drop-shadow(0 .05em #5a1244)drop-shadow(0 .05em #200818);-webkit-background-clip:text;background-clip:text;margin-top:.08em;font-size:clamp(44px,10.5vw,150px)}.tagline{font-family:var(--font-pixel);letter-spacing:.32em;color:#9dd6ff;text-shadow:0 2px #0b1a33;margin:0;font-size:clamp(11px,1.35vw,20px)}.press{margin:calc(var(--u) * 6) 0 0;font-family:var(--font-pixel);letter-spacing:.12em;color:#fff;text-shadow:0 3px #9146ff,0 6px #1a0b33;font-size:clamp(16px,2.2vw,32px);animation:1.1s steps(2,end) infinite blink}.title-message{min-height:1.2em;font-family:var(--font-pixel);color:#ff8a8a;margin:0;font-size:clamp(11px,1.2vw,16px)}.title-ask{font-family:var(--font-pixel);letter-spacing:.1em;color:#fff;text-shadow:0 3px #9146ff,0 6px #1a0b33;margin:0;font-size:clamp(20px,3vw,44px)}.title-name{width:min(92vw,13.5em);font-family:var(--font-pixel);text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#fff27a;caret-color:#fff27a;background:0 0;border:0;border-bottom:6px dashed #9146ff;outline:none;padding:.1em .2em;font-size:clamp(24px,4vw,56px)}.title-go{font-family:var(--font-pixel);letter-spacing:.1em;color:#1a0b33;cursor:pointer;background:#fff27a;border:0;padding:.45em 1.4em;font-size:clamp(16px,2vw,28px);box-shadow:0 6px #ff5c8a,0 12px #1a0b33}.title-go:hover{background:#fff}.title-go:active{transform:translateY(4px);box-shadow:0 2px #ff5c8a,0 6px #1a0b33}.title-hint{font-family:var(--font-pixel);letter-spacing:.14em;color:var(--muted);margin:0;font-size:clamp(10px,1vw,14px)}.title-controls{margin-top:calc(var(--u) * 4);color:var(--muted);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px;font-size:clamp(12px,1.1vw,16px);display:grid}.title-controls b{min-width:6.5ch;font-family:var(--font-pixel);color:#fff27a;margin-right:8px;font-weight:400;display:inline-block}.title-footer{z-index:1;font-family:var(--font-pixel);letter-spacing:.12em;color:#ffffff73;justify-content:space-between;padding:0 16px;font-size:11px;display:flex;position:absolute;bottom:12px;left:0;right:0}#hud.attract>:not(.title,.toasts),#hud:not(.attract) .title-footer{display:none}@keyframes float{50%{transform:translateY(-6px)}}@keyframes blink{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{0%{opacity:0;transform:translate(-30%)}}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.05)}}@media (width<=860px){.vitals{bottom:calc(var(--u) * 30)}.chat{bottom:calc(var(--u) * 68)}.chatlog{bottom:calc(var(--u) * 70 + 40px)}}@media (width<=700px){.twitch,.roster{display:none}}.fp-slash,.fp-claws{pointer-events:none;z-index:2;position:absolute;inset:0}.fp-slash:before{content:"";border-top:calc(var(--u,1vh) * 1.6) solid var(--c,#fff);border-right:calc(var(--u,1vh) * .8) solid transparent;width:70vh;height:70vh;filter:drop-shadow(0 0 calc(var(--u,1vh) * 1.2) var(--c,#fff));opacity:0;transform:scaleX(var(--flip,1)) rotate(-70deg);border-radius:50%;margin:-35vh 0 0 -35vh;position:absolute;top:50%;left:50%}.fp-slash.play:before{animation:.26s steps(6,end) forwards fp-slash}@keyframes fp-slash{0%{opacity:.95;transform:scaleX(var(--flip,1)) rotate(-70deg)}to{opacity:0;transform:scaleX(var(--flip,1)) rotate(40deg)}}.fp-claws:before{content:"";background:linear-gradient(118deg, transparent 38%, var(--c) 39%, var(--c) 41.5%, transparent 42.5%), linear-gradient(118deg, transparent 48%, var(--c) 49%, var(--c) 51.5%, transparent 52.5%), linear-gradient(118deg, transparent 58%, var(--c) 59%, var(--c) 61.5%, transparent 62.5%);image-rendering:pixelated;opacity:0;transform:scaleX(var(--flip,1));position:absolute;inset:18% 22%}.fp-claws.play:before{animation:.42s steps(7,end) forwards fp-claws}@keyframes fp-claws{0%{opacity:.9;clip-path:inset(0 100% 100% 0)}35%{opacity:.9;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}.slot .pips{gap:2px;display:flex;position:absolute;bottom:3px;left:3px}.slot .pips i{width:calc(var(--u,1vh) * .7);height:calc(var(--u,1vh) * .7);display:block;box-shadow:0 0 0 1px #140f1c}.sheet small.power{display:block}