:root{--green:#39ff7a;--red:#ff3b30;--amber:#ffd23f;--ink:#e9eef5;--panel:#0a0e14e0;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}#view{width:100%;height:100%;display:block}.hidden{display:none!important}kbd{background:#ffffff1f;border:1px solid #ffffff40;border-radius:4px;padding:.1em .45em;font:600 .78em ui-monospace,monospace}#hud{pointer-events:none;position:absolute;inset:0}#vignette{opacity:0;background:radial-gradient(#0000 45%,#be0000bf 100%);transition:opacity .2s;position:absolute;inset:0}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair span{background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}#crosshair span:first-child{width:2px;height:8px;top:-16px;left:-1px}#crosshair span:nth-child(2){width:2px;height:8px;top:8px;left:-1px}#crosshair span:nth-child(3){width:8px;height:2px;top:-1px;left:-16px}#crosshair span:nth-child(4){width:8px;height:2px;top:-1px;left:8px}#hitmarker{opacity:0;background:linear-gradient(45deg,#0000 46%,#fff 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#fff 46% 54%,#0000 54%);width:26px;height:26px;margin:-13px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}#hitmarker.kill{filter:drop-shadow(0 0 3px var(--red)) sepia(1) saturate(8) hue-rotate(-40deg)}#damage-ring{width:0;height:0;position:absolute;top:50%;left:50%}.dmg{filter:blur(1px);border-top:10px solid #ff281ee6;border-radius:50%;width:220px;height:220px;animation:1.1s forwards dmgfade;position:absolute;top:-110px;left:-110px}@keyframes dmgfade{0%{opacity:1}to{opacity:0}}#pack-arrow{text-align:center;position:absolute;top:64px;left:50%;transform:translate(-50%)}#pack-arrow .arrow{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:26px solid var(--green);width:0;height:0;filter:drop-shadow(0 0 6px var(--green));margin:0 auto}#pack-arrow .dist{color:var(--green);text-shadow:0 1px 2px #000;margin-top:4px;font:700 13px ui-monospace,monospace}#toasts{text-align:center;position:absolute;top:22%;left:0;right:0}.toast{letter-spacing:.04em;text-shadow:0 2px 6px #000;margin:6px auto;font-size:22px;font-weight:800;animation:1.8s forwards toast;display:block}.toast.good{color:var(--green)}.toast.warn{color:var(--amber)}.toast.bad{color:var(--red)}@keyframes toast{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#prompt{background:#0000008c;border-radius:8px;padding:8px 16px;font-size:17px;font-weight:600;position:absolute;top:62%;left:50%;transform:translate(-50%)}#intermission{text-align:center;letter-spacing:.1em;color:var(--amber);text-shadow:0 2px 6px #000;font-size:20px;font-weight:800;position:absolute;top:32%;left:50%;transform:translate(-50%)}#boss-bar{text-align:center;width:min(560px,70vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}#boss-bar .name{letter-spacing:.25em;color:#fff;text-shadow:0 0 8px #ff2d6f,0 2px 3px #000;font:900 18px Georgia,serif}#boss-bar .state{letter-spacing:.15em;color:var(--amber);margin-left:8px;font:800 12px system-ui,sans-serif}#boss-bar .bar{background:repeating-linear-gradient(90deg,#111 0 6px,#333 6px 9px);border:1px solid #ffffff80;border-radius:3px;height:14px;margin-top:6px;overflow:hidden}#boss-bar .fill{background:repeating-linear-gradient(90deg,#f4f1ea 0 7px,#111 7px 11px,#f4f1ea 11px 14px,#111 14px 20px);width:100%;height:100%;transition:width .12s;box-shadow:0 0 10px #ff2d6f99}#boss-bar.enraged .fill{filter:sepia()saturate(6)hue-rotate(-30deg)}body:has(#boss-bar:not(.hidden)) #pack-arrow{top:92px}#powerups{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:132px;left:28px}#powerups .pu{letter-spacing:.08em;color:var(--c);border:1px solid var(--c);text-shadow:0 0 6px var(--c);background:#0000008c;border-radius:6px;padding:4px 10px;font:800 14px ui-monospace,monospace}#round{flex-direction:column;line-height:1;display:flex;position:absolute;bottom:22px;left:28px}#round .label{letter-spacing:.3em;color:#ff8a80;font-size:13px;font-weight:700}#round .num{color:#c4120c;text-shadow:0 0 12px #ff1e14b3,2px 3px #300;font:900 72px Georgia,Times New Roman,serif}#round.pulse .num{animation:1.2s ease-out roundpulse}@keyframes roundpulse{0%{color:#fff;transform:scale(1.6)}to{transform:scale(1)}}#stats{text-align:right;position:absolute;top:20px;right:24px}#stats .row{text-shadow:0 2px 4px #000;justify-content:flex-end;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}#stats .row>span:not(.stamp){font:800 28px ui-monospace,monospace}#stats small{opacity:.7;text-transform:uppercase;letter-spacing:.1em;font-size:12px}#stats .stamp{background:var(--green);color:#052;border:2px dashed #052;border-radius:4px;align-self:center;place-items:center;width:28px;height:28px;font-weight:900;display:inline-grid}#stats .stamp.tag{color:#111;background:#fff;border-color:#111}#stats .tote.full>span:not(.stamp){color:var(--amber)}#stats .kills span{font-size:18px!important}#stats .drop span{color:var(--green);letter-spacing:.08em;font-size:16px!important}#health{align-items:center;gap:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#health .bar{background:#0000008c;border:1px solid #ffffff4d;border-radius:7px;width:280px;height:14px;overflow:hidden}#health .fill{background:linear-gradient(90deg, #1fbf5a, var(--green));width:100%;height:100%;transition:width .15s}#health.low .fill{background:linear-gradient(90deg, #a10, var(--red))}#stamina{background:#00000080;border-radius:3px;width:280px;height:5px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(calc(-50% - 22px))}#stamina .fill{background:#d9e6f2;width:100%;height:100%}#stamina.winded .fill{background:var(--amber);animation:.6s ease-in-out infinite alternate winded}@keyframes winded{0%{opacity:.55}to{opacity:1}}#health .val{text-shadow:0 2px 3px #000;min-width:3ch;font:800 18px ui-monospace,monospace}#weapon{text-align:right;text-shadow:0 2px 4px #000;position:absolute;bottom:22px;right:28px}#weapon .name{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-weight:700}#weapon .mag{font:900 46px ui-monospace,monospace}#weapon .res{opacity:.7;margin-left:6px;font:700 20px ui-monospace,monospace}#weapon .mag.empty{color:var(--red)}#weapon .reload{color:var(--amber);letter-spacing:.15em;font-size:13px;font-weight:800}#god-mode{z-index:5;pointer-events:none;letter-spacing:.2em;color:#2a1c00;background:linear-gradient(90deg,#ffd23f,#fff1a8,#ffd23f);border-radius:6px;padding:4px 10px;font:900 13px ui-monospace,monospace;position:absolute;top:20px;left:24px;box-shadow:0 0 14px #ffd23fb3}body:has(#god-mode:not(.hidden)) #health .fill{background:linear-gradient(90deg,#d9a400,#ffe27a)}.overlay{background:radial-gradient(#08140eb3,#000000eb);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.card{text-align:center;background:var(--panel);border:1px solid #39ff7a59;border-radius:16px;width:100%;max-width:640px;padding:32px 36px;box-shadow:0 0 40px #39ff7a1f}.card.small{max-width:380px}.card .logo{opacity:.9;height:26px}.card h1{letter-spacing:.02em;color:var(--green);text-shadow:0 0 18px #39ff7a8c;margin:14px 0 4px;font:900 64px/1 Georgia,Times New Roman,serif}.card h1 span{color:#c4120c;text-shadow:0 0 18px #ff1e1499}.card h2{margin:0 0 16px;font-size:30px}.card h2.dead{color:#c4120c;font:900 48px Georgia,serif}.card h2.win{color:var(--green);text-shadow:0 0 18px #39ff7a8c;font:900 48px Georgia,serif}.card h2[tabindex="-1"]{outline:none}.card .tag{opacity:.85;margin:4px 0 18px;font-size:17px}.card .how{text-align:left;max-width:470px;margin:0 auto 22px;padding-left:1.3em;line-height:1.6}.card .controls{opacity:.8;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:22px;font-size:13px;display:flex}.card .best{color:var(--amber);min-height:1.2em;margin-top:12px;font-weight:700}.card .summary{text-wrap:pretty;font-size:18px;line-height:1.6}.card .cta{opacity:.85;margin-top:22px;font-size:14px}.card .cta a{color:var(--green);white-space:nowrap;font-weight:700}.card .note{color:var(--amber);margin-top:16px;font-weight:600}.card .slot:empty{display:none}@media (width<1024px){html:not(.no-board) #title-board{flex-direction:column;height:200px;display:flex}}@media (width>=1024px){html:not(.no-board) #title .card,html:not(.no-board) #title>.consent{transform:translate(-150px)}}.card .return-line{min-height:2.8em;color:var(--amber);text-wrap:balance;margin-top:4px;font-size:14px;line-height:1.4;display:none}html.has-return:not(.no-board) .card .return-line{display:block}@media (width<640px){.card .return-line{min-height:4.2em}}@media (width<540px){.card .return-line{min-height:5.6em}}.card .return-line p{margin:0}@media (pointer:coarse){@media not all and (any-pointer:fine){html:not(.mode-game) #title .card{visibility:hidden}}}.btn{pointer-events:auto;cursor:pointer;color:#04140a;background:var(--green);border:0;border-radius:10px;margin:4px;padding:10px 18px;font:700 16px system-ui,sans-serif;transition:transform 50ms;box-shadow:0 4px #13873e}.btn:active{transform:translateY(2px);box-shadow:0 2px #13873e}.btn.big{padding:14px 28px;font-size:20px}.btn.ghost{color:var(--ink);box-shadow:none;background:0 0;border:1px solid #ffffff4d}.btn:disabled{filter:grayscale()brightness(.6);cursor:default}#shop{background:#00000073}#shop .panel{background:var(--panel);border:1px solid #39ff7a66;border-radius:16px;width:min(720px,100%);padding:22px 26px}#shop header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}#shop header h2{color:var(--green);margin:0}#shop .balance{font-size:18px}#shop .balance b{color:var(--green);font:900 24px ui-monospace,monospace}#shop ul{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}#shop li button{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}#shop li button:hover:not(:disabled){border-color:var(--green);background:#39ff7a1a}#shop li button:disabled{opacity:.45;cursor:default}#shop li .key{opacity:.6;grid-row:span 2;font:700 12px ui-monospace,monospace}#shop li .name{font-weight:700}#shop li .price{color:var(--green);grid-row:span 2;font:900 20px ui-monospace,monospace}#shop li .desc{opacity:.75;font-size:13px}#shop li.blocked .price{color:var(--amber);font-size:13px}#shop footer{text-align:right;margin-top:14px}.legend{justify-content:center;align-items:center;gap:28px;margin-top:22px;display:flex}.legend-move{grid-template-columns:auto auto auto;align-items:center;column-gap:12px;display:grid}.legend-move .legend-label{grid-column:1/-1}.legend-label{text-align:center;white-space:nowrap;opacity:.85;margin-top:8px;font-size:13px}.legend-or{opacity:.6;font-size:13px}.keypad{grid-template-rows:repeat(2,34px);grid-template-columns:repeat(3,34px);gap:4px;display:grid}.keypad .k-up{grid-area:1/2}.keypad .k-left{grid-area:2/1}.keypad .k-down{grid-area:2/2}.keypad .k-right{grid-area:2/3}kbd.cap{background:linear-gradient(#2a313b,#1b2028);border:1px solid #ffffff47;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;font:800 15px/1 system-ui,sans-serif;display:grid;position:relative;box-shadow:0 3px #0000008c}kbd.cap b{font-weight:800}kbd.cap i{color:var(--green);font:700 10px/1 system-ui,sans-serif;position:absolute;bottom:1px;right:3px}kbd.cap.arrow{color:var(--green);font-size:16px}.legend-mouse{flex-direction:column;align-items:center;display:flex}.legend-mouse .mouse{width:34px;height:51px}.legend-mouse .mouse rect,.legend-mouse .mouse path{fill:none;stroke:#ffffffbf;stroke-width:2.5px}.legend-mouse .mouse .lmb{fill:var(--green);stroke:none;opacity:.85}.legend[data-compact]{gap:20px;margin-top:18px;transform:scale(.9)}