@font-face{font-family:Future;src:url(/assets/fonts/KenneyFuture.ttf)format("truetype")}@font-face{font-family:Pixel;src:url(/assets/fonts/KenneyPixelSquare.ttf)format("truetype")}:root{--red:#ff2a1a;--red-dim:#6a0d0a;--blood:#b3001b;--parry:#ffe066;--steel:#c3c8d2;--steel-dim:#6c717c;--ink:#070607;--panel:#09080adb;--edge:#2a2c33;--stamina:#45c8ff}*{box-sizing:border-box}html,body{height:100%;color:var(--steel);-webkit-user-select:none;user-select:none;background:#000;margin:0;font-family:Future,monospace;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;cursor:crosshair;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.screen.dim{background:radial-gradient(#140a0c73,#000000e6)}.logo{white-space:nowrap;letter-spacing:.14em;background:linear-gradient(#fff 0%,#c6ccd8 38%,#4d525e 52%,#9aa1ae 70%,#e9edf4 100%);color:#0000;filter:drop-shadow(0 0 18px #ff281473)drop-shadow(4px 5px #2a0402);-webkit-background-clip:text;background-clip:text;width:max-content;max-width:none;font-family:Future,sans-serif;font-size:clamp(46px,8.5vw,118px);line-height:1;animation:5s step-end infinite flicker;display:inline-block;position:relative;transform:skew(-8deg)}.logo:after{content:"";background:linear-gradient(90deg,#0000,#ff3a10 12%,#ffb040 50%,#ff3a10 88%,#0000);height:.07em;position:absolute;top:54%;left:-4%;right:-4%;transform:rotate(-2deg);box-shadow:0 0 14px #ff5010}.tagline{color:#b8a0a0;letter-spacing:.45em;margin-top:4px;font-family:Pixel,monospace;font-size:15px}.tagline b{color:var(--red);font-weight:400}@keyframes flicker{0%,92%,to{opacity:1}93%{opacity:.55}95%{opacity:1}}.menu-layout{pointer-events:auto;background:linear-gradient(90deg,#000000eb 0%,#000000b8 34%,#0000000d 70%);grid-template-columns:minmax(300px,420px) 1fr;align-items:center;padding:0 6vw;display:grid;position:absolute;inset:0}.menu-left{flex-direction:column;gap:10px;display:flex}.menu-left .logo{margin-bottom:2px;font-size:clamp(34px,4.1vw,58px)}.menu-right{color:#9a9ca6;border-left:2px solid var(--red);background:#0000008c;place-self:end;max-width:380px;margin-bottom:6vh;padding:10px 16px;font-family:Pixel,monospace;font-size:13px;line-height:1.7}.menu-right h3{color:#fff;letter-spacing:.2em;margin:0 0 6px;font-family:Future,sans-serif;font-size:14px;font-weight:400}.menu-right b{color:var(--parry);font-weight:400}.menu-right p{margin:0 0 6px}.menu-right p:last-child{margin-bottom:0}.menu-right .k{color:#fff}.menu{flex-direction:column;gap:6px;width:min(360px,88vw);display:flex}.row{gap:6px;display:flex}.section-label{color:var(--steel-dim);letter-spacing:.3em;margin-top:8px;font-family:Pixel,monospace;font-size:11px}button{letter-spacing:.12em;color:var(--steel);border:0;border-left:3px solid var(--edge);cursor:pointer;text-align:left;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(90deg,#1e1f24f2,#101014cc);padding:12px 18px;font-family:Future,sans-serif;font-size:17px;transition:transform 60ms,border-color .1s,color .1s,background .1s}button:hover,button:focus-visible{border-left-color:var(--red);color:#fff;background:linear-gradient(90deg,#5a0e0af2,#1a0a0ad9);outline:none;transform:translate(6px)}button.primary{border-left-color:var(--red);color:#fff}button:disabled{opacity:.4;cursor:default;transform:none}input[type=text]{border:1px solid var(--edge);color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#08080ae6;outline:none;width:100%;padding:10px 12px;font-family:Future,sans-serif;font-size:17px}input[type=text]:focus{border-color:var(--red)}label.small{color:var(--steel-dim);letter-spacing:.3em;font-family:Pixel,monospace;font-size:11px}.hint{color:#8a8c96;letter-spacing:.1em;text-align:center;max-width:560px;font-family:Pixel,monospace;font-size:12px;line-height:1.6}.err{color:#ff6b5b;min-height:16px;font-family:Pixel,monospace;font-size:13px;line-height:1.5}.panel{background:var(--panel);border:1px solid var(--edge);border-top:3px solid var(--red);pointer-events:auto;min-width:min(540px,92vw);max-width:92vw;padding:20px 24px}.panel h2{color:#fff;letter-spacing:.2em;margin:0 0 14px;font-family:Future,sans-serif;font-weight:400}.setting{grid-template-columns:180px 1fr 64px;align-items:center;gap:10px;margin:8px 0;font-family:Pixel,monospace;font-size:13px;display:grid}.setting input[type=range]{accent-color:var(--red)}.setting select{color:#fff;border:1px solid var(--edge);background:#0b0b0d;padding:4px;font-family:Pixel,monospace}.controls{color:#b0b3bc;grid-template-columns:1fr 1fr;gap:5px 24px;font-family:Pixel,monospace;font-size:13px;display:grid}.controls b{color:#fff;font-weight:400}.code{color:#fff;letter-spacing:.35em;text-shadow:0 0 20px #ff3c1e80;margin:6px 0;font-family:Future,sans-serif;font-size:64px}#hud{pointer-events:none;font-family:Future,sans-serif;position:absolute;inset:0}#crosshair{width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #000}#crosshair:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:20px;top:4px;left:13px}#crosshair:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);width:20px;height:2px;top:13px;left:4px}#hitmarker{opacity:0;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hitmarker:before,#hitmarker:after{content:"";background:#fff;position:absolute}#hitmarker:before{clip-path:polygon(0 0,100% 0,100% 30%,0 30%,0 70%,100% 70%,100% 100%,0 100%);width:2px;height:34px;top:0;left:16px}#hitmarker:after{clip-path:polygon(0 0,30% 0,30% 100%,0 100%,0 0,70% 0,100% 0,100% 100%,70% 100%);width:34px;height:2px;top:16px;left:0}#hitmarker.kill:before,#hitmarker.kill:after{background:var(--red)}.lens-blood{opacity:0;mix-blend-mode:multiply;background-color:#0000;background-image:radial-gradient(circle at 18% 22%,#780008e6 0 4%,#0000 9%),radial-gradient(circle at 26% 30%,#5a0006cc 0 2%,#0000 5%),radial-gradient(circle at 80% 72%,#780008d9 0 5%,#0000 11%),radial-gradient(circle at 72% 80%,#5a0006cc 0 2%,#0000 6%),radial-gradient(circle at 88% 18%,#6e0008cc 0 3%,#0000 7%),radial-gradient(#0000 55%,#5000048c 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:120% 120%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0}.hud-bl{flex-direction:column;gap:6px;width:320px;display:flex;position:absolute;bottom:24px;left:28px}.hp-row{align-items:flex-end;gap:10px;display:flex}.hp-num{color:#fff;text-shadow:3px 3px #300;min-width:110px;font-size:50px;line-height:1}.hp-num.low{color:var(--red);animation:.5s infinite alternate pulse}@keyframes pulse{to{opacity:.5}}.bar{background:#000000a6;border:1px solid #2a2c33;flex:1;height:14px;position:relative;overflow:hidden}.bar>i{transform-origin:0;display:block;position:absolute;inset:0}.bar.hp{height:16px}.bar .hp-fill{background:linear-gradient(#ff4a3a,#a00a10)}.bar .hp-ghost{opacity:.5;background:#fff}.bar .hp-hard{background:repeating-linear-gradient(135deg,#3a0606 0 4px,#1e0304 4px 8px);inset:0 auto;transform:none}.stamina{gap:4px;display:flex}.stamina>div{background:#0009;border:1px solid #0c2a3d;flex:1;height:8px;position:relative}.stamina>div>i{transform-origin:0;background:#1d6f95;display:block;position:absolute;inset:0}.stamina>div>i.full{background:var(--stamina);box-shadow:0 0 6px var(--stamina)}.weapon-box{letter-spacing:.12em;color:#fff;text-shadow:2px 2px #000;align-items:center;gap:10px;font-family:Pixel,monospace;font-size:17px;display:flex}.weapon-box .slots{gap:4px;display:flex}.weapon-box .slots span{color:#888;border:1px solid #444;padding:2px 7px 4px;font-family:Pixel,monospace;font-size:12px;position:relative}.weapon-box .slots span.on{color:#fff;border-color:#fff}.weapon-box .slots .fresh{transform-origin:0;background:#58ff9a;height:2px;position:absolute;bottom:0;left:0;right:0}.weapon-box .slots .fresh.stale{background:#ff5a3a}.alt{color:#d8e4ff;letter-spacing:.1em;min-height:14px;font-family:Pixel,monospace;font-size:12px}.style-panel{text-align:right;width:300px;position:absolute;top:90px;right:26px}.rank-num{letter-spacing:.3em;opacity:.8;font-family:Pixel,monospace;font-size:14px}.rank{letter-spacing:.06em;text-shadow:3px 3px #000c,0 0 18px;transform-origin:100%;font-size:40px;line-height:1}.rank.pop{animation:.18s ease-out rank-pop}@keyframes rank-pop{0%{transform:scale(1.35)}}.style-bar{background:#00000080;width:100%;height:5px;margin:6px 0 8px auto;position:relative}.style-bar>i{transform-origin:100%;background:#fff;display:block;position:absolute;inset:0}.style-feed{text-shadow:2px 2px #000;color:#e8e8ee;font-family:Pixel,monospace;font-size:14px;line-height:1.5}.style-feed div{animation:.18s ease-out both feed-in}.style-feed .big{color:#fff;text-shadow:2px 2px #000,0 0 10px #ff5a3ce6}@keyframes feed-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.wave-info{text-align:center;letter-spacing:.22em;text-shadow:2px 2px #000;white-space:nowrap;font-family:Pixel,monospace;font-size:15px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.wave-info .left{color:#c9a0a0;font-family:Pixel,monospace;font-size:13px}.boss-bar{text-align:center;width:min(640px,70vw);display:none;position:absolute;top:66px;left:50%;transform:translate(-50%)}.boss-bar .name{letter-spacing:.3em;color:#fff;text-shadow:2px 2px #000;font-family:Pixel,monospace;font-size:16px}.boss-bar .bar{height:14px}.boss-bar .bar>i{background:linear-gradient(#ff7a10,#b31200)}.banner{text-align:center;letter-spacing:.12em;color:#fff;text-shadow:0 0 20px #ff2814cc,4px 4px #300;opacity:0;font-size:clamp(32px,5.5vw,68px);transition:opacity .2s;position:absolute;top:30%;left:0;right:0}.banner small{letter-spacing:.35em;color:#e7b0a8;margin-top:6px;font-size:18px;display:block}.center-msg{text-align:center;letter-spacing:.2em;color:#fdd;text-shadow:2px 2px #000;font-family:Pixel,monospace;font-size:18px;position:absolute;top:58%;left:0;right:0}.partner{letter-spacing:.1em;text-shadow:2px 2px #000;color:#7fe8ff;width:240px;font-family:Pixel,monospace;font-size:14px;position:absolute;top:24px;left:28px}.partner .bar{height:8px;margin-top:4px}.partner .bar>i{background:#40d0ff}.dmg-dir{width:0;height:0;position:absolute;top:50%;left:50%}.dmg-dir i{opacity:0;transform-origin:60px 190px;border-top:5px solid #ff1e1ee6;border-radius:50% 50% 0 0;width:120px;height:22px;position:absolute;top:-190px;left:-60px}.net{color:#777;font-family:Pixel,monospace;font-size:11px;position:absolute;bottom:10px;right:12px}.killfeed{text-align:right;color:#ddd;text-shadow:1px 1px #000;font-family:Pixel,monospace;font-size:13px;position:absolute;bottom:24px;right:26px}.results table{border-collapse:collapse;width:100%;margin:10px 0 16px;font-family:Pixel,monospace;font-size:15px}.results th,.results td{text-align:right;border-bottom:1px solid #22242a;padding:6px 10px}.results th:first-child,.results td:first-child{text-align:left}.results .final-rank{text-align:center;letter-spacing:.08em;text-shadow:0 0 24px;font-size:64px;line-height:1}.loading{letter-spacing:.3em;color:#b88;font-family:Pixel,monospace}.wake-bar{background:#ffffff14;width:min(320px,70vw);height:4px}.wake-bar i{background:var(--red);width:0;height:100%;transition:width .5s linear;display:block}.wake-time{color:#777;letter-spacing:.2em;font-family:Pixel,monospace;font-size:12px}.click-to-play{letter-spacing:.25em;color:#fff;font-family:Future,sans-serif;font-size:22px;animation:.7s infinite alternate pulse}.toast{background:var(--panel);border-top:3px solid var(--red);letter-spacing:.2em;color:#fff;pointer-events:none;padding:14px 22px;font-size:18px;position:absolute;top:38%;left:50%;transform:translate(-50%)}