:root{--ink: #f6f1e7;--ink-dim: rgba(246, 241, 231, .72);--red: #e10600;--gold: #e4b15a;--panel: rgba(18, 16, 14, .72);--line: rgba(246, 241, 231, .16);--hurt: 0;color:var(--ink);font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;background:#9eb0be}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block}#flash{position:fixed;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at center,transparent 42%,rgba(176,16,16,var(--hurt)) 100%)}#hud{position:fixed;inset:0;z-index:2;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.45)}#hud.outside:after{content:"";position:fixed;inset:0;box-shadow:inset 0 0 120px 28px #245cc48c}#feed{position:absolute;top:22px;left:22px;display:flex;flex-direction:column;gap:4px;min-width:220px}#feed p{margin:0;padding:4px 8px;background:#0c0c0c73;border-left:3px solid var(--line);font-size:13px}#feed p.you{border-left-color:var(--gold)}#feed p.dead{border-left-color:var(--red)}#compass{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(520px,46vw);text-align:center}#compass canvas{width:100%;height:46px;display:block}#zone-line,#where{font-size:13px;letter-spacing:.08em;text-transform:uppercase}#where{color:var(--gold);margin-top:2px}#alive{position:absolute;top:18px;right:22px;text-align:right;font-size:22px;font-variant-numeric:tabular-nums}#alive small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}#banner,#prompt,#target-name,#alt{position:absolute;left:50%;transform:translate(-50%);text-align:center}#banner{top:92px;font-size:22px;letter-spacing:.04em}#target-name{top:calc(50% + 28px);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}#prompt{bottom:168px;font-size:16px;padding:6px 12px;background:#0c0c0c73}#alt{top:calc(50% + 54px);font-variant-numeric:tabular-nums;letter-spacing:.08em}#cross{position:absolute;left:50%;top:50%;width:0;height:0}#cross i{position:absolute;background:var(--ink);box-shadow:0 0 0 1px #0000008c}#cross i.h{width:8px;height:2px;top:-1px}#cross i.v{width:2px;height:8px;left:-1px}#cross i.l{right:var(--gap, 6px)}#cross i.r{left:var(--gap, 6px)}#cross i.u{bottom:var(--gap, 6px)}#cross i.d{top:var(--gap, 6px)}#hitmark{position:absolute;left:-8px;top:-8px;width:16px;height:16px;opacity:0}#hitmark.on{opacity:1}#hitmark:before,#hitmark:after{content:"";position:absolute;left:7px;top:-2px;width:2px;height:20px;background:#fff}#hitmark.head:before,#hitmark.head:after{background:var(--red)}#hitmark:before{transform:rotate(45deg)}#hitmark:after{transform:rotate(-45deg)}#scope{position:fixed;inset:0;z-index:2;pointer-events:none;background:linear-gradient(#d7d2c8,#d7d2c8) center/2px 100% no-repeat,linear-gradient(#d7d2c8,#d7d2c8) center/100% 2px no-repeat,radial-gradient(circle at center,transparent 0 18%,rgba(8,10,12,.22) 19% 34%,rgba(6,8,10,.92) 36%)}#arcs{position:fixed;inset:0;pointer-events:none}#arcs b{position:absolute;left:50%;top:50%;width:18px;height:90px;margin:-320px 0 0 -9px;background:linear-gradient(var(--red),transparent);transform-origin:center 320px;opacity:.85}#vitals{position:absolute;left:22px;bottom:22px;width:280px}#hpnum{font-size:28px;font-variant-numeric:tabular-nums}#hpbar,#boostbar,#reload{height:8px;background:#00000073;margin-top:4px;overflow:hidden}#hpbar>span{display:block;height:100%;width:0;background:#d8d2c6}#hpbar.low>span{background:var(--red)}#boostbar>span{display:block;height:100%;width:0;background:var(--gold)}#gear,#heals{display:flex;gap:8px;margin-top:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}#gear i,#heals i{font-style:normal;padding:2px 6px;background:#0006}#map{position:absolute;right:22px;bottom:22px;width:196px;height:196px;border:1px solid var(--line);background:#080c1059;border-radius:50%}#weapon{position:absolute;right:236px;bottom:28px;text-align:right}#wname{font-size:22px;letter-spacing:.12em;text-transform:uppercase}#ammo{font-size:32px;font-variant-numeric:tabular-nums}#ammo small{font-size:16px;color:var(--ink-dim)}#slots{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}#slots b{min-width:72px;padding:4px 8px;background:#0006;font-weight:500;font-size:12px;letter-spacing:.08em}#slots b.on{outline:1px solid var(--gold)}#reload{width:160px;margin-left:auto}#reload>span{display:block;height:100%;width:0;background:var(--ink)}#menu,#pause,#result{position:fixed;z-index:5}#menu{left:28px;top:28px;width:min(420px,calc(100vw - 40px));max-height:calc(100vh - 56px);overflow:auto;padding:28px 28px 22px;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center}.cross{width:46px;height:46px;background:var(--red);position:relative;flex:none}.cross:before,.cross:after{content:"";position:absolute;background:var(--ink)}.cross:before{left:18px;top:7px;width:10px;height:32px}.cross:after{left:7px;top:18px;width:32px;height:10px}.eyebrow{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--gold)}h1{margin:2px 0 0;font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:.95}h2{margin:4px 0 8px;font-size:36px;font-weight:600;letter-spacing:-.03em}.lede{color:var(--ink-dim);line-height:1.45}.districts{list-style:none;padding:0;margin:0 0 18px}.districts li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:14px}.districts span{color:var(--ink-dim)}button{background:var(--red);color:#fff;border:0;padding:12px 16px;letter-spacing:.12em;text-transform:uppercase;width:100%}button:disabled{opacity:.55;cursor:wait}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);margin-top:8px}.controls{display:grid;grid-template-columns:72px 1fr;gap:6px 10px;margin:16px 0 0;font-size:13px}.controls div{display:contents}.controls dt{color:var(--gold)}.controls dd{margin:0;color:var(--ink-dim)}#pause,#result{inset:0;display:grid;place-items:center;background:#0a0a0c47}.card{width:min(440px,calc(100vw - 40px));padding:28px;background:var(--panel);backdrop-filter:blur(12px);border:1px solid var(--line)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:12px 0 18px}.stats div{border-top:1px solid var(--line);padding-top:6px}.stats dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}.stats dd{margin:2px 0 0;font-size:24px;font-variant-numeric:tabular-nums}#result[hidden],#pause[hidden],#hud[hidden],#menu[hidden]{display:none!important}#test-out{display:none;position:fixed;left:12px;bottom:12px;z-index:8;max-width:min(640px,70vw);max-height:40vh;overflow:auto;margin:0;padding:10px 12px;background:#000000c7;color:#d9ffe8;font:12px/1.45 ui-monospace,monospace;white-space:pre-wrap}body.show-test #test-out{display:block}body.locked #menu{pointer-events:none}