:root{--gold: #e8b04a;--ink: #f4efe3;--panel: rgba(10, 12, 14, .62);--line: rgba(255, 255, 255, .14);--diamond: #4ee8e0}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d10;color:var(--ink);font-family:Segoe UI,Roboto,Arial,sans-serif;-webkit-user-select:none;user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer}#lobby{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:16px;background:radial-gradient(ellipse at center,#080a0c40,#080a0cd9);overflow:auto}.brand{display:flex;align-items:center;gap:14px}.brand h1{margin:0;font:900 clamp(46px,10vw,96px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:2px;text-shadow:0 5px 0 #000a}.brand h1 span{color:var(--diamond);text-shadow:0 5px 0 #0a4a4a,0 0 24px #4ee8e055}.logo{width:56px;height:56px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-8deg)}.logo i{background:#7a7f86;box-shadow:inset -4px -4px #0003}.logo i:nth-child(2){background:#3f8a3a}.logo i:nth-child(3){background:#8a5a2b}.logo i:nth-child(4){background:var(--diamond)}.tag{margin:0;max-width:560px;text-align:center;color:#d8d2c4;font-size:16px;text-shadow:0 2px 6px #000}.card{width:min(480px,100%);background:#0c0e11e6;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:10px;box-shadow:0 20px 60px #0008}.card label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#a9a294}.card input,.card select{width:100%;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:#14171b;color:#fff;font-size:16px}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--diamond);outline-offset:3px}.ghost{padding:10px;border-radius:8px;border:1px solid var(--line);background:#ffffff0d;color:#ddd;font-weight:700;font-size:14px}.play{padding:14px;border:0;border-radius:9px;background:linear-gradient(#6ff4ec,#2fbfb6);color:#062625;font:900 22px Arial Black,Arial,sans-serif;letter-spacing:2px;box-shadow:inset 0 -4px #0003}.play:disabled{opacity:.7}.small{margin:0;font-size:13px;color:#a9a294}.keys{margin:0;font-size:12px;color:#a39d90;line-height:1.6}.keys b{color:#e9e2d0}.foot{margin:0;font-size:12px;color:#8a8478}#hud{position:fixed;inset:0;pointer-events:none;font-weight:700;text-shadow:0 1px 2px #000,0 0 6px #0008}#hud button,#hud input,#inventory,#clickto{pointer-events:auto}#clock{position:absolute;top:12px;left:14px;background:var(--panel);padding:6px 12px;border-radius:6px;font-size:15px}#treasury{position:absolute;top:12px;right:14px;background:var(--panel);padding:8px 12px;border-radius:8px;font-size:13px;text-align:right;border:1px solid #4ee8e033}#treasury b{color:var(--diamond);font-size:16px}#treasury span{color:#cfc7b6;font-weight:600}#killfeed{position:absolute;top:70px;right:14px;display:grid;gap:4px;justify-items:end}.kf{background:#0000008c;padding:5px 10px;border-radius:4px;font-size:13px}.kf span{color:#ccc;font-weight:600}#crosshair{position:absolute;left:50%;top:50%}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 0 1px #000a}#crosshair .l,#crosshair .r{width:7px;height:2px;top:-1px}#crosshair .l{right:4px}#crosshair .r{left:4px}#crosshair .u,#crosshair .d{width:2px;height:7px;left:-1px}#crosshair .u{bottom:4px}#crosshair .d{top:4px}#crosshair .dot{width:2px;height:2px;left:-1px;top:-1px}#hitmarker{position:absolute;left:50%;top:50%;opacity:0}#hitmarker.on{opacity:1}#hitmarker i{position:absolute;width:10px;height:2px;background:#fff}#hitmarker.head i{background:#ff5040}#hitmarker i:nth-child(1){transform:translate(6px,6px) rotate(45deg)}#hitmarker i:nth-child(2){transform:translate(-16px,6px) rotate(-45deg)}#hitmarker i:nth-child(3){transform:translate(6px,-8px) rotate(-45deg)}#hitmarker i:nth-child(4){transform:translate(-16px,-8px) rotate(45deg)}#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 34vh,#000 34.3vh)}#hurt{position:absolute;inset:0;box-shadow:inset 0 0 160px 40px #c0161a;opacity:0}#hint{position:absolute;left:50%;bottom:150px;transform:translate(-50%);font-size:15px;color:#fff}#toasts{position:absolute;left:50%;bottom:175px;transform:translate(-50%);display:grid;gap:4px;justify-items:center;font-size:14px}#toasts div{background:#0000008c;padding:5px 12px;border-radius:5px}#chatlog{position:absolute;left:14px;bottom:120px;display:grid;gap:2px;font-size:14px;max-width:420px}#chatlog div{transition:opacity 1s}#chatlog div.old{opacity:0}#chatlog .sys{color:#ffd88a}#chatin{position:absolute;left:14px;bottom:90px;width:380px;padding:8px;background:#000a;color:#fff;border:1px solid var(--line);border-radius:6px;font:14px Arial}#chat-actions{position:absolute;z-index:6;left:14px;bottom:140px;display:flex;gap:6px}#chat-actions button{min-height:44px;background:#1a2225}#bottom{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:grid;gap:4px;justify-items:center}#bars{display:flex;gap:8px;align-items:center}.bar{position:relative;width:190px;height:16px;background:#0009;border:2px solid #000a;overflow:hidden}.bar>div{position:absolute;left:0;top:0;bottom:0;transition:width .15s}.bar.hp>div{background:linear-gradient(#ff5a50,#c0261e)}.bar.food>div{background:linear-gradient(#ffb24a,#c9741c)}.bar span{position:absolute;inset:0;font-size:11px;line-height:14px;padding-left:6px}.bar.low{animation:pulse .8s infinite}@keyframes pulse{50%{opacity:.55}}#armor{font-size:13px;color:#cfd4da}#itemname{font-size:13px;color:#e9e2d0;min-height:16px}#hotbar{display:flex;gap:2px;padding:3px;background:#00000080;border:2px solid #000a}.slot{position:relative;width:50px;height:50px;border:2px solid #8b8b8b55;background:#3c3c3c66;display:grid;place-items:center;padding:0;color:#fff}.slot img{width:34px;height:34px;image-rendering:pixelated}.slot em{position:absolute;top:0;left:3px;font-style:normal;font-size:10px;color:#bbb}.slot b{position:absolute;right:3px;bottom:1px;font-size:12px}.slot.sel{border-color:#fff;background:#ffffff2e;box-shadow:0 0 0 2px #000}.slot.pick{border-color:var(--diamond);background:#4ee8e040}#ammo{position:absolute;right:18px;bottom:16px;font-size:34px}#ammo span{font-size:18px;color:#cfc7b6;margin-left:6px}#dead{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:8px;background:#5a000059}#killer{font:900 34px Arial Black,Arial,sans-serif;color:#ffb4a8}#respawn{font-size:15px;color:#eee}#loading{position:absolute;inset:0;display:grid;place-content:center;font-size:22px;background:#0b0d10e0;pointer-events:auto}#clickto{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 26px;background:#000a;color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:18px;cursor:pointer}#inventory{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#00000073;text-shadow:none}.inv{display:grid;grid-template-columns:auto minmax(320px,440px);gap:16px;background:#121417f5;border:1px solid var(--line);border-radius:12px;padding:16px;max-height:92vh}#inventory-close{grid-column:1 / -1;justify-self:end;position:sticky;top:0;z-index:1;min-height:44px;background:#242b2d}.inv h2{margin:0 0 8px;font-size:18px}.grid{display:grid;grid-template-columns:repeat(9,50px);gap:2px}.hotrow{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.tip{font-size:12px;color:#8a8478;font-weight:400;max-width:460px}.right{display:grid;grid-template-rows:auto auto 1fr;min-height:0}#stations{font-size:12px;color:#a9a294;margin-bottom:6px}#recipes{overflow:auto;display:grid;gap:4px;padding-right:4px}.rec{display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:0 8px;text-align:left;padding:5px 8px;border-radius:6px;border:1px solid var(--line);background:#ffffff08;color:#ddd;font-size:13px}.rec img{width:30px;height:30px;image-rendering:pixelated;grid-row:span 2}.rec i{font-style:normal;font-weight:700}.rec small{grid-row:span 2;grid-column:3;font-size:11px;color:#a9a294}.rec .need{display:flex;gap:6px;font-size:11px}.rec .need img{width:16px;height:16px;vertical-align:middle}.rec .need .miss{color:#ff8a7a}.rec .need .have{color:#9fe08f}.rec.ok{border-color:#4ee8e066;background:#4ee8e014}.rec.ok:hover{background:#4ee8e033}.rec:disabled{opacity:.55;cursor:default}@media(max-width:900px){.inv{grid-template-columns:1fr;overflow:auto}.grid{grid-template-columns:repeat(9,38px)}.slot{width:38px;height:38px}}#touch-controls{position:absolute;inset:0;pointer-events:none}#touch-controls button,#move-stick,#aim-pad{pointer-events:auto;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}#aim-pad{position:absolute;inset:max(82px,env(safe-area-inset-top)) 0 calc(112px + env(safe-area-inset-bottom))}#aim-pad span{position:absolute;top:54px;left:50%;transform:translate(-50%);color:#fff9;font-size:11px;text-shadow:0 1px 3px #000;pointer-events:none}.touch-tools{position:absolute;top:calc(82px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));display:flex;gap:6px}#touch-controls button{min-width:52px;min-height:48px;padding:8px;border:1px solid #ffffff40;border-radius:12px;color:#fff;background:#12191ac4;font-size:12px;font-weight:700;text-shadow:0 1px 2px #000}#touch-controls button.primary{border-color:#72ebe7a0;background:#194f50c9}#touch-controls button.held{background:#5abeb5dd;color:#072724;text-shadow:none}#move-stick{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(140px + env(safe-area-inset-bottom));width:114px;height:114px;border:2px solid #ffffff40;border-radius:50%;background:#10171a80;display:grid;place-items:center}#stick-knob{width:48px;height:48px;border-radius:50%;background:#eaf5ee50;border:1px solid #ffffff70;pointer-events:none}#move-stick span{position:absolute;bottom:-22px;color:#fff9;font-size:11px;pointer-events:none}.touch-actions{position:absolute;right:calc(12px + env(safe-area-inset-right));bottom:calc(124px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,76px);gap:6px}.touch-controls #view{touch-action:none}.touch-controls #clock{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));max-width:30%;padding:7px;font-size:12px}.touch-controls #treasury{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));max-width:64%;padding:7px;font-size:11px}.touch-controls #treasury b{font-size:13px}.touch-controls #bottom{bottom:calc(10px + env(safe-area-inset-bottom));max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));width:474px}.touch-controls #bars{width:100%}.touch-controls .bar{flex:1;width:auto}.touch-controls #hotbar{max-width:100%;overflow-x:auto;touch-action:pan-x;overscroll-behavior-x:contain}.touch-controls #hotbar .slot{flex:0 0 44px;width:44px;height:44px}.touch-controls #hint{bottom:calc(318px + env(safe-area-inset-bottom));width:90%;text-align:center;font-size:13px;pointer-events:none}.touch-controls #toasts{top:calc(146px + env(safe-area-inset-top));bottom:auto;width:88%;font-size:12px;text-align:center;pointer-events:none}.touch-controls #killfeed{top:calc(138px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));max-width:65%}.touch-controls #chatlog{bottom:calc(324px + env(safe-area-inset-bottom));max-width:75%;font-size:12px}.touch-controls #chatin{z-index:6;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(calc(110px + env(safe-area-inset-bottom)),calc(var(--keyboard-inset, 0px) + 12px));width:auto;min-height:44px;font-size:16px}.touch-controls #chat-actions{left:max(12px,env(safe-area-inset-left));bottom:max(calc(160px + env(safe-area-inset-bottom)),calc(var(--keyboard-inset, 0px) + 62px))}.touch-controls #ammo{right:calc(12px + env(safe-area-inset-right));bottom:calc(294px + env(safe-area-inset-bottom));font-size:22px}.touch-controls #loading,.touch-controls #dead{z-index:3}.touch-controls #dead{pointer-events:auto}@media(max-width:600px){#lobby{place-content:start center;padding:max(20px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.brand{gap:8px}.brand h1{font-size:clamp(32px,10vw,58px)}.logo{width:36px;height:36px}.tag{font-size:13px}.card{padding:14px}.foot{text-align:center}#bottom{max-width:calc(100% - 16px)}#bars{width:100%}.bar{width:150px}.inv{width:100%;min-width:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:12px;gap:12px}.inv .left,.inv .right{min-width:0}.grid{grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px}.grid .slot{width:100%;height:44px}#recipes{max-height:44vh}.rec{min-height:48px}}@media(orientation:landscape)and (max-height:600px){#lobby{place-content:start center;padding-top:18px}.brand h1{font-size:46px}.tag{font-size:13px}.touch-tools{top:calc(62px + env(safe-area-inset-top))}.touch-actions{grid-template-columns:repeat(3,70px);bottom:calc(112px + env(safe-area-inset-bottom))}#move-stick{width:96px;height:96px;bottom:calc(112px + env(safe-area-inset-bottom))}#aim-pad span{top:24px}.touch-controls #hint{bottom:calc(214px + env(safe-area-inset-bottom));width:40%}.touch-controls #chatlog{bottom:calc(226px + env(safe-area-inset-bottom));max-width:50%}.touch-controls #toasts{top:calc(112px + env(safe-area-inset-top));width:50%}.touch-controls #ammo{bottom:calc(226px + env(safe-area-inset-bottom))}.touch-controls #killfeed{top:calc(112px + env(safe-area-inset-top))}.inv{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media(max-width:360px){.grid{grid-template-columns:repeat(5,minmax(44px,1fr))}}#payout{font-family:ui-monospace,Consolas,monospace;font-size:13px}#payout.bad{border-color:#e5484d}.realms{display:grid;gap:6px;margin:4px 0 10px}.realm{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:inherit;font:inherit;cursor:pointer;text-align:left;min-height:44px}.realm.on{border-color:#7fe08a;background:#7fe08a1f}.realm:disabled{opacity:.45;cursor:default}.realm-stat{font:600 12px ui-monospace,Consolas,monospace;color:#7fe08a}.realm.slow .realm-stat{color:#f3d36b}#guide{position:absolute;top:70px;right:14px;width:290px;background:var(--panel);border:1px solid #ffffff1f;border-radius:8px;padding:9px 12px 10px;font-size:13px;line-height:1.4;pointer-events:auto}#guide .g-head{display:flex;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:#cfc7b6;font:600 11px/1.6 inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}#guide .g-keys{opacity:.7;text-transform:none;letter-spacing:0}#guide .g-title{font-size:16px;font-weight:700;color:#fff;margin:2px 0 3px}#guide .g-how{color:#e6e0d2}#guide .g-bar{position:relative;height:16px;margin-top:7px;background:#0006;border-radius:4px;overflow:hidden}#guide .g-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#4cc38a,#7fe08a);border-radius:4px;transition:width .4s}#guide .g-bar:after{content:attr(data-label);position:absolute;inset:0;text-align:center;font:600 11px/16px ui-monospace,Consolas,monospace;color:#fff;text-shadow:0 1px 2px #000}#guide .g-foot{margin-top:7px;font:600 12px ui-monospace,Consolas,monospace;color:#cfc7b6}#guide .g-foot.warn{color:#ffb35c}#tipcard{position:absolute;left:14px;top:38%;max-width:330px;background:#10161cee;border:1px solid #4ee8e055;border-left:4px solid #4ee8e0;border-radius:8px;padding:10px 13px;font-size:14px;line-height:1.45;color:#f2efe6;animation:tipin .35s ease-out;pointer-events:none}#tipcard b{display:block;color:#4ee8e0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}@keyframes tipin{0%{transform:translate(-12px);opacity:0}to{transform:none;opacity:1}}#fieldguide{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#000a;padding:max(12px,env(safe-area-inset-top)) 12px 12px}#fieldguide .fg{width:min(860px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:#161b20;border:1px solid #ffffff22;border-radius:12px;color:#ece7dc;overflow:hidden}#fieldguide .fg-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 6px}#fieldguide h2{margin:0;font-size:20px;letter-spacing:.03em}#fieldguide nav{display:flex;gap:6px;padding:4px 16px 10px;overflow-x:auto;border-bottom:1px solid #ffffff14}#fieldguide nav button{flex:none;border:1px solid #ffffff22;background:#0c1013;color:#cfc7b6;border-radius:999px;padding:7px 13px;font:600 13px inherit;cursor:pointer;min-height:36px}#fieldguide nav button.on{background:#4cc38a;color:#08130d;border-color:#4cc38a}#fieldguide .fg-body{overflow:auto;padding:12px 16px 18px;font-size:14px;line-height:1.5}#fieldguide h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#9aa4ad;margin:16px 0 6px}#fieldguide .fg-lead{color:#cfc7b6;margin:0 0 8px}#fieldguide .fg-steps{margin:0;padding-left:22px}#fieldguide .fg-steps li{margin:0 0 8px}#fieldguide .fg-steps li span{display:block;color:#b9b2a3}#fieldguide .fg-steps li.done b{color:#7fe08a}#fieldguide .fg-steps li.done b:after{content:" ✓"}#fieldguide .fg-rec{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 8px;border-radius:6px;background:#0e1215;margin-bottom:4px;border:1px solid transparent}#fieldguide .fg-rec.can{border-color:#4cc38a77;background:#4cc38a14}#fieldguide .fg-out{min-width:180px;display:flex;align-items:center;gap:6px}#fieldguide .fg-ins{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;color:#b9b2a3}#fieldguide .fg-ins i{opacity:.5;font-style:normal}#fieldguide .fg-in.ok{color:#7fe08a}#fieldguide .fg-in{display:inline-flex;align-items:center;gap:4px}#fieldguide .fg-ic{width:22px;height:22px;image-rendering:pixelated;vertical-align:middle}#fieldguide .fg-gun{padding:8px 0 10px;border-bottom:1px solid #ffffff10}#fieldguide .fg-gun-h{display:flex;align-items:center;gap:8px;font-size:15px}#fieldguide .fg-gun-h span{margin-left:auto;color:#9aa4ad;font-size:12px}#fieldguide .fg-stats{display:flex;flex-wrap:wrap;gap:4px 14px;color:#b9b2a3;font-size:13px;margin:4px 0 6px}#fieldguide .fg-stats b{color:#fff}#fieldguide .fg-list{margin:0;padding-left:18px}#fieldguide .fg-list li{margin-bottom:7px}#fieldguide .fg-keys{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){#guide{top:auto;bottom:calc(118px + env(safe-area-inset-bottom));right:8px;width:min(240px,56vw);font-size:12px;padding:7px 9px}#guide .g-title{font-size:14px}#guide .g-how{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#tipcard{left:50%;top:72px;transform:translate(-50%);max-width:92vw;animation:none}#fieldguide .fg-keys{grid-template-columns:1fr}#fieldguide .fg-out{min-width:0}}.touch-controls #guide{top:calc(138px + env(safe-area-inset-top));bottom:auto;right:calc(12px + env(safe-area-inset-right));width:min(230px,52vw);font-size:11px;padding:7px 9px}.touch-controls #guide .g-keys{display:none}.touch-controls #guide .g-title{font-size:13px}.touch-controls #guide .g-how{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.touch-controls #tipcard{left:50%;right:auto;top:calc(262px + env(safe-area-inset-top));transform:translate(-50%);width:min(340px,90vw);max-width:none;font-size:13px;animation:none}@media(orientation:landscape)and (max-height:600px){.touch-controls #guide{top:calc(64px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:auto;width:min(220px,30vw)}.touch-controls #tipcard{top:calc(140px + env(safe-area-inset-top));width:min(320px,40vw)}}