*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#dfe6ee;color:#fff}body{font-family:"Press Start 2P",monospace;user-select:none;-webkit-user-select:none}canvas#game{position:fixed;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.hidden{display:none!important}button{font-family:inherit;cursor:pointer}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20}#title{background:radial-gradient(ellipse at center,#14182459,#080a12d9)}.title-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px}.logo{font-size:clamp(34px,8vw,92px);color:#f4f6fa;letter-spacing:4px;text-shadow:6px 6px 0 #101018,0 0 30px rgba(255,120,40,.5)}.logo span{color:#ff7a20;margin-left:.3em;text-shadow:6px 6px 0 #4a1204,0 0 30px rgba(255,120,40,.9)}.subtitle{color:#ffc23c;font-size:12px;letter-spacing:4px;text-shadow:3px 3px 0 #000}#menu{display:flex;flex-direction:column;gap:12px;align-items:center}button.big,#btn-menu,#btn-quit{background:#ff7a20;color:#1a0703;border:0;padding:16px 26px;font-size:16px;box-shadow:0 5px #7a2d05,0 0 24px #ff781e99}#btn-menu,#btn-quit{font-size:11px;padding:10px 16px;background:#c8d0dc;box-shadow:0 4px #56606e}button.big:hover,#btn-menu:hover,#btn-quit:hover{background:#ffc23c}.opt{font-size:11px;color:#e8eef6;display:flex;align-items:center;gap:10px;text-shadow:2px 2px 0 #000}.opt span{min-width:90px;text-align:center;color:#fff}.opt button{background:#1a2030;color:#ff9a3c;border:2px solid #ff9a3c;width:28px;height:28px;font-size:11px}.rules{font-size:9px;line-height:2.1;color:#ffe2b8;text-shadow:2px 2px 0 #000;max-width:820px}.controls{font-size:8px;line-height:2.1;color:#b8c6da;text-shadow:2px 2px 0 #000}.panel{background:#0e101aeb;border:4px solid #ff7a20;padding:26px 36px;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:8px 8px #000;min-width:360px}.panel h2{color:#ffc23c;font-size:22px;text-shadow:3px 3px 0 #000}#pause,#results{background:#00000073}#res-portrait{width:96px;height:96px;image-rendering:pixelated;border:4px solid #ffc23c}#res-name{font-size:18px;color:#fff}#res-rows{display:flex;flex-direction:column;gap:6px;font-size:11px;width:100%}#res-rows .r{display:flex;gap:12px;color:#cfd6e2}#res-rows .r .n{flex:1}#res-rows .r.me{color:#ffc23c}#res-rows .r.dead .n{text-decoration:line-through;color:#8a92a0}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;text-shadow:3px 3px 0 #000}#hud-tl{position:absolute;left:18px;top:16px;display:flex;gap:12px;align-items:flex-start}#portrait{width:72px;height:72px;image-rendering:pixelated;border:4px solid #3b6fd1;background:#2a3e6e;box-shadow:4px 4px #000}.hud-col{display:flex;flex-direction:column;gap:6px}.hud-1p{color:#ffc23c;font-size:18px}.hud-1p span{color:#fff;font-size:10px;margin-left:6px}.bar{width:220px;height:16px;background:#1a1418;border:3px solid #111;box-shadow:3px 3px #000}#hold-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,#ff3b2f 0 6px,#c21a12 6px 8px)}#hud-score{font-size:26px;color:#fff}#hud-tr{position:absolute;right:16px;top:14px;background:#0a0c16c7;padding:10px 14px;min-width:270px;border:2px solid #222;font-size:11px}.sb-head{display:flex;justify-content:space-between;color:#e6ebf2;margin-bottom:8px;font-size:12px}#match-time{color:#fff}#match-time.low{color:#ff4a3a}.sb-row{display:flex;gap:10px;padding:3px 0;color:#dfe4ec;align-items:center}.sb-row .n{flex:1}.sb-row .dot{width:9px;height:9px;box-shadow:1px 1px #000}.sb-row.me{color:#ffc23c}.sb-row.dead{color:#6a7280;text-decoration:line-through}.sb-row .k{color:#ff9a3c;width:14px}.sb-foot{margin-top:8px;font-size:8px;line-height:1.6;color:#b8c2d0}#feed{position:absolute;left:18px;bottom:130px;display:flex;flex-direction:column;gap:6px}#feed .f{background:#0a0a12cc;padding:7px 10px;font-size:11px;border:2px solid #111;animation:fIn .18s steps(3)}#feed .f b{color:#ff3b2f}#feed .f i{font-style:normal;color:#ff9a3c}@keyframes fIn{0%{transform:translate(-30px);opacity:0}}#popups{position:absolute;left:50%;top:58%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px}#popups .p{font-size:14px;color:#ffc23c;animation:pop 1.3s ease-out forwards;white-space:nowrap}#popups .p.big{font-size:22px;color:#ff5a2a}@keyframes pop{0%{transform:scale(1.6);opacity:0}12%{transform:scale(1);opacity:1}75%{opacity:1}to{transform:translateY(-40px);opacity:0}}#banner{position:absolute;left:50%;bottom:13%;transform:translate(-50%);display:flex;gap:16px;align-items:center;background:#1a140ae0;border:4px solid #ffc23c;padding:10px 22px 10px 14px;box-shadow:5px 5px #000,0 0 20px #ffc23c66}#banner .ico{width:44px;height:44px;background:linear-gradient(135deg,transparent 42%,#ffc23c 42% 58%,transparent 58%)}#banner .b1{font-size:22px;color:#ffc23c}#banner .b2{font-size:11px;color:#fff;margin-top:8px}#banner.red{border-color:#ff3b2f}#banner.red .b1{color:#ff5a4a}#center-msg{position:absolute;top:30%;width:100%;text-align:center;font-size:44px;color:#fff}#sub-msg{position:absolute;top:40%;width:100%;text-align:center;font-size:14px;color:#ffc23c}#hud-bl{position:absolute;left:18px;bottom:18px;display:flex;gap:14px;align-items:flex-end}#hud-br{position:absolute;right:18px;bottom:18px}.slot{display:flex;align-items:center;gap:8px;font-size:16px}.slot .icon{width:56px;height:56px;background:#0c0e18d9;border:3px solid #c8d0dc;box-shadow:3px 3px #000;position:relative}.icon.jet:before{content:"";position:absolute;left:17px;top:9px;width:16px;height:26px;background:#e8eef6;box-shadow:0 0 0 3px #1a1c24}.icon.jet:after{content:"";position:absolute;left:20px;top:38px;width:10px;height:8px;background:#ff9a3c}.icon.run:before{content:">>";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#e8eef6}.slot.key{flex-direction:column;gap:4px;font-size:9px}#knife-hint{font-size:10px;color:#ffc23c;margin-bottom:8px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:.4}}#crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;box-shadow:1px 1px #000}#crosshair i:nth-child(1){left:13px;top:0;width:4px;height:9px}#crosshair i:nth-child(2){left:13px;bottom:0;width:4px;height:9px}#crosshair i:nth-child(3){top:13px;left:0;width:9px;height:4px}#crosshair i:nth-child(4){top:13px;right:0;width:9px;height:4px}#crosshair.armed i{background:#ff7a20}#knife-marker{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}#knife-marker .arrow{width:22px;height:22px;background:#ff7a20;clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 6px #ff7a20)}#knife-marker.off .arrow{clip-path:polygon(100% 50%,0 0,0 100%)}#knife-marker .lbl{font-size:9px;color:#ffc23c;white-space:nowrap}#knife-marker.held .arrow{background:#ff3b2f;filter:drop-shadow(0 0 6px #ff3b2f)}#flash{position:absolute;inset:0;background:#fff;opacity:0}#warn-edge{position:absolute;inset:0;box-shadow:inset 0 0 90px 20px #ff281eb3;opacity:0}#armed{position:absolute;left:50%;top:16px;transform:translate(-50%);font-size:13px;padding:8px 14px;background:#0a0c16cc;border:3px solid #555;white-space:nowrap}#armed .nm{color:var(--c, #fff)}#armed.danger{border-color:#ff3b2f;animation:blink .5s steps(2) infinite}#armed.me{border-color:#ffc23c;color:#ffc23c}#armed.loose{border-color:#ff7a20;color:#ffb070}#armed .dist{color:#ff6b5a;margin-left:10px;font-size:10px}