:root{--k-hl:#f2d48a;--k-on-accent:#1b1408;--k-bg-a:#0c100e;--k-bg-b:#121814;--k-bg-c:#0c0c0c;--k-bg-d:#1c2a22;--k-ink-solid:#e9e4d4;--k-ink-warm:#e6dccb;--k-danger-soft:#e08a7c;--k-danger-solid:#c8483c;--k-danger-pale:#f0b3ab;--k-ok-a:#9fe0a6;--k-ok-b:#7fd08a;--k-ok-c:#9fcf7f;--k-tech:#8fc4ff;--k-accent-dark:#7a5a1c;--k-accent-soft:#e0b070;--k-accent-25:#d9a44140;--k-hl-55:#f2d48a8c;--k-panel-95:#121814f2;--k-panel-94:#121814f0;--k-panel-hi:#28342ceb;--k-panel-mid:#222c26db;--k-tech-70:#5aa2e6b3;--k-slot-72:#0a0e0cb8;--k-slot-78:#0a0e0cc7;--k-ink-05:#e9e4d40d;--k-ink-07:#e9e4d412;--k-ink-08:#e9e4d414;--k-ink-12:#e9e4d41f;--k-ink-14:#e9e4d424;--k-ink-16:#e9e4d429;--k-ink-18:#e9e4d42e;--k-ink-2:#e9e4d433;--k-ink-25:#e9e4d440;--k-ink-26:#e9e4d442;--k-ink-28:#e9e4d447;--k-ink-3:#e9e4d44d;--k-ink-35:#e9e4d459;--k-ink-38:#e9e4d461;--k-ink-4:#e9e4d466;--k-ink-45:#e9e4d473;--k-ink-5:#e9e4d480;--k-ink-55:#e9e4d48c;--k-ink-62:#e9e4d49e;--k-ink-92:#e9e4d4eb;--ink:var(--k-ink-solid);--panel:#121814c7;--accent:#d9a441;--danger:var(--k-danger-solid)}*{box-sizing:border-box}html,body{background:var(--k-bg-d);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;overflow:hidden}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;outline:none;display:block;position:fixed;inset:0}button{font:inherit;color:var(--ink);background:var(--panel);border:2px solid var(--k-ink-35);border-radius:4px}#hud{pointer-events:none;position:fixed;inset:0}#hud-top-left{left:calc(12px + env(safe-area-inset-left));position:absolute;top:10px}#hp{background:var(--panel);border:2px solid var(--k-ink-5);width:180px;height:18px;position:relative}#hp-fill{background:#6fae4f;width:100%;height:100%;transition:width .12s}#hp-text{text-align:center;text-shadow:1px 1px #000;font-weight:700;line-height:14px;position:absolute;inset:0}#me-name{opacity:.85;text-shadow:1px 1px #000;margin-top:4px}#hud-top-right{right:calc(12px + env(safe-area-inset-right));text-align:right;text-shadow:1px 1px #000;position:absolute;top:10px}#stats{opacity:.8}#feed div{color:var(--accent);margin-top:3px}#weapon{background:var(--panel);border:2px solid var(--k-ink-4);white-space:nowrap;gap:12px;padding:5px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#weapon-ammo{color:var(--accent);font-weight:700}#labels div{white-space:nowrap;text-shadow:1px 1px #000;font-size:11px;position:absolute;transform:translate(-50%,-100%)}#labels div i{background:#0009;height:3px;margin-top:2px;display:block}#labels div i b{background:var(--danger);height:100%;display:block}#downed,#dead{background:var(--panel);border:2px solid var(--danger);text-align:center;z-index:15;max-width:calc(100vw - 32px);padding:10px 18px;position:absolute;top:30%;left:50%;transform:translate(-50%)}#downed[hidden],#dead[hidden]{display:none}#downed b,#dead b{font-size:15px;display:block}#downed small,#dead small{opacity:.8;margin-top:4px;display:block}#dead{pointer-events:auto;background:var(--k-panel-94)}#dead b{color:var(--k-danger-soft);font-size:18px}#dead .row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}#dead button{cursor:pointer;touch-action:manipulation;padding:10px 14px}#dead button:first-child{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}#dead button[disabled]{opacity:.35;cursor:default}#help{opacity:.6;text-shadow:1px 1px #000;max-width:calc(50vw - 150px);font-size:11px;position:absolute;bottom:12px;left:12px}#touch-ui{display:none}body.touch #touch-ui{display:block}body.touch #help{display:none}.zone{pointer-events:auto;touch-action:none;width:46%;position:absolute;top:18%;bottom:0}#zone-left{left:0}#zone-right{right:0}.stick{border:2px solid var(--k-ink-45);background:#12181459;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.stick div{background:var(--k-ink-55);border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-top{pointer-events:auto;gap:8px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}#touch-top button{min-width:46px;height:40px;padding:0 10px;font-size:16px}#btn-firemode{font-size:11px!important}#touch-actions{right:calc(10px + env(safe-area-inset-right));pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:78px}#touch-actions button{width:84px;height:40px}#btn-sprint.on{border-color:var(--accent);color:var(--accent)}#btn-fire{border-color:var(--danger);display:none;height:60px!important}body.firemode-button #btn-fire{display:block}#menu{text-align:center;-webkit-user-select:auto;user-select:auto;background:#141e18db;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}#menu h1{letter-spacing:6px;color:var(--accent);text-shadow:3px 3px #000;margin:0;font-size:30px}#menu .sub{opacity:.7;margin:0 0 14px}#join-form{gap:8px;display:flex}#name{font:inherit;background:var(--k-bg-b);width:200px;color:var(--ink);border:2px solid var(--k-ink-4);padding:10px;font-size:16px}#join-form button{background:var(--accent);color:var(--k-on-accent);border-color:#000;padding:10px 18px;font-size:16px;font-weight:700}#menu-status{min-height:18px;color:var(--danger)}#rotate{background:var(--k-bg-d);text-align:center;z-index:10;justify-content:center;align-items:center;padding:20px;font-size:18px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#prompt{background:var(--panel);border:2px solid var(--k-ink-4);white-space:nowrap;text-align:center;padding:5px 12px;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}#prompt .bar{background:#00000080;height:5px;margin-top:4px}#prompt .bar b{background:var(--accent);height:100%;transition:width .15s;display:block}#prompt kbd{color:var(--accent);font:inherit;font-weight:700}#toast{background:var(--panel);border:2px solid var(--danger);padding:6px 14px;position:absolute;top:22%;left:50%;transform:translate(-50%)}#hotbar{pointer-events:auto;z-index:3;touch-action:none;gap:3px;display:flex;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}#hotbar .slot{cursor:pointer}.slot .k{opacity:.6;pointer-events:none;text-shadow:1px 1px #000;font-size:8px;position:absolute;top:0;left:2px}#panel .note{opacity:.65;margin-top:3px;font-size:10px;display:block}#btn-bag{right:calc(12px + env(safe-area-inset-right));pointer-events:auto;padding:8px 14px;position:absolute;bottom:14px}body.touch #btn-bag{top:40px;bottom:auto;right:auto;left:calc(12px + env(safe-area-inset-left));top:58px}#btn-interact{color:var(--accent);border-color:var(--accent)!important}.slot{background:var(--k-slot-72);border:2px solid var(--k-ink-28);flex:none;width:44px;height:44px;position:relative}.slot.sel{border-color:var(--accent);background:#d9a44138}.slot .chip{color:#14100a;pointer-events:none;border:1px solid #00000080;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:4px 4px 12px;overflow:hidden}.slot .n{text-shadow:1px 1px #000;pointer-events:none;font-size:10px;position:absolute;bottom:0;right:2px}.slot.ghost{z-index:30;pointer-events:none;opacity:.9;border-color:var(--accent);position:fixed;transform:translate(-50%,-50%)}#hotbar .slot{width:36px;height:36px}#hotbar .slot .chip{font-size:8px}#panel{z-index:20;background:var(--k-panel-94);border:2px solid var(--k-ink-5);touch-action:none;max-width:96vw;max-height:94vh;padding:12px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#panel[hidden]{display:none}#panel .cols{gap:18px;display:flex}#panel h3{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 6px;font-size:12px}#panel .col h3:not(:first-child){margin-top:10px}#panel .grid{grid-template-columns:repeat(6,44px);gap:3px;display:grid}#panel .row{gap:6px;margin-top:8px;display:flex}#panel button{cursor:pointer;white-space:nowrap;padding:6px 10px}#panel button[disabled]{opacity:.35;cursor:default}#panel button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}.recipes{touch-action:pan-y;width:300px;max-height:300px;overflow:auto}.recipe{border-bottom:1px solid var(--k-ink-12);justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.recipe b{border-left:4px solid;padding-left:6px;display:block}.recipe small{opacity:.9;padding-left:10px;font-size:10px;display:block}.recipe .ok{color:var(--k-ok-c)}.recipe .no{color:var(--k-danger-soft)}.recipe i{opacity:.6;font-style:normal}.actionbar{border-top:1px solid var(--k-ink-2);align-items:center;gap:8px;min-height:36px;margin-top:10px;padding-top:8px;display:flex}.actionbar .hint{opacity:.6;max-width:420px;font-size:10px}.actionbar .closebtn{margin-left:auto}@media (max-height:460px){#panel{padding:8px}#panel .grid{grid-template-columns:repeat(6,38px)}#panel .slot{width:38px;height:38px}.recipes{width:270px;max-height:190px}.actionbar .hint,#hotbar{display:none}}#btn-build{right:calc(76px + env(safe-area-inset-right));pointer-events:auto;padding:8px 14px;position:absolute;bottom:14px}body.touch #btn-build{top:58px;bottom:auto;right:auto;left:calc(72px + env(safe-area-inset-left))}body.build-open #btn-build{border-color:var(--accent);color:var(--accent)}#buildbar{pointer-events:auto;background:var(--panel);border:2px solid var(--k-ink-4);gap:5px;max-width:98vw;padding:6px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#buildbar[hidden]{display:none}#buildbar .levels{align-items:center;gap:3px;margin-right:4px;display:flex}#buildbar .levels .lv{text-align:center;min-width:70px;color:var(--accent);font-size:12px}#buildbar .levels button{padding:5px 7px}#buildbar button[disabled]{opacity:.35;cursor:default}#buildbar button{text-align:center;cursor:pointer;white-space:nowrap;padding:5px 9px}#buildbar button b{font-size:12px;display:block}#buildbar button small{opacity:.75;font-size:9px;display:block}#buildbar button.on{border-color:var(--accent);background:var(--k-accent-25)}#buildbar button.poor small{color:var(--k-danger-soft);opacity:1}#buildbar button.danger b{color:var(--k-danger-soft)}#buildbar button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000}body:not(.touch) #buildbar [data-build=ok]{display:none}#buildbar .padhint{text-align:center;opacity:.85;flex-basis:100%;font-size:10px}body.dev-pad #buildbar [data-tool]:not(.on),body.dev-pad #buildbar [data-door]:not(.on),body.dev-pad #buildbar [data-hatch]:not(.on),body.dev-pad #buildbar [data-build],body.dev-pad #buildbar .legend,body.build-open #prompt,body.build-open #hotbar{display:none}body.build-open #game{cursor:crosshair}@media (max-height:460px){#buildbar{bottom:6px}#buildbar button small,body.build-open #weapon{display:none}}@media (max-width:1100px){#help{display:none}}#piecebars div{background:#000000a6;border:1px solid #000c;width:46px;height:5px;margin-left:-23px;display:none;position:absolute}#piecebars div b{height:100%;display:block}#buildinfo{background:var(--panel);border:2px solid var(--k-ink-4);white-space:nowrap;padding:4px 10px;position:absolute;bottom:152px;left:50%;transform:translate(-50%)}#buildinfo[hidden]{display:none}#btn-lock{border-color:var(--accent)!important}@media (max-height:460px){#buildinfo{bottom:50px}}.continfo{max-width:290px;color:var(--accent);margin:0 0 8px;font-size:11px;line-height:1.35}.continfo small{color:var(--ink);opacity:.7}.territory{background:#d9a44114;border:1px solid #d9a44173;max-width:300px;margin:0 0 8px;padding:6px 8px;font-size:11px;line-height:1.35}.territory p{margin:0 0 4px}.territory .tag{border:1px solid #ffffff40;margin:1px 0;padding:0 4px;display:inline-block}.territory button{cursor:pointer;padding:2px 7px;font-size:11px}.territory .tag button{margin-left:2px;padding:0 4px}#basehud{text-shadow:1px 1px #000;max-width:46vw;margin-top:4px;font-size:11px;line-height:1.4}#basehud .dim{opacity:.6}#basehud .warn{color:#e9a23b}#zone{background:var(--panel);border:2px solid var(--k-ok-b);color:#a9e6b0;letter-spacing:1px;padding:3px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#zone[hidden],#heal[hidden]{display:none}#heal{color:var(--k-ink-warm);text-shadow:1px 1px #000;margin-top:3px;font-size:11px}#btn-heal{border-color:var(--k-ink-warm)!important}body.touch #zone{top:4px}#placebar{pointer-events:auto;background:var(--panel);border:2px solid var(--k-ink-4);white-space:nowrap;align-items:center;gap:8px;max-width:98vw;padding:6px 10px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}#placebar[hidden]{display:none}#placebar button{cursor:pointer;padding:5px 10px}#placebar button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}body:not(.touch) #placebar [data-place=ok],body.place-open #prompt,body.place-open #hotbar{display:none}body.place-open #game{cursor:crosshair}@media (max-height:460px){#placebar{bottom:6px}#placebar span{display:none}}#guide{text-align:left;background:var(--panel);border:2px solid var(--k-ink-3);pointer-events:auto;width:290px;text-shadow:none;margin-top:8px;margin-left:auto;padding:6px 9px;font-size:11px;line-height:1.5}#guide[hidden]{display:none}#guide:has(>button:only-child){text-align:right;background:0 0;border:0;width:auto;padding:0}#guide .title{color:var(--accent);letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}#guide button{cursor:pointer;padding:1px 7px;font-size:11px}#guide .ok{opacity:.45}#guide .next{color:#fff;font-weight:700}@media (max-height:460px),(max-width:760px){#guide{width:230px;font-size:10px;line-height:1.35}}#btn-clan{right:calc(146px + env(safe-area-inset-right));pointer-events:auto;text-overflow:ellipsis;white-space:nowrap;max-width:150px;padding:8px 14px;position:absolute;bottom:14px;overflow:hidden}#btn-chat{right:calc(12px + env(safe-area-inset-right));pointer-events:auto;padding:6px 12px;font-size:11px;position:absolute;bottom:58px}#btn-clan.alert{border-color:var(--accent);color:var(--accent)}body.touch #btn-clan{top:58px;bottom:auto;right:auto;left:calc(140px + env(safe-area-inset-left))}body.touch #btn-chat{top:58px;bottom:auto;right:auto;left:calc(230px + env(safe-area-inset-left))}#labels div.ally span{color:var(--k-ok-a)}#chatlog{text-shadow:1px 1px #000;max-width:42vw;font-size:12px;position:absolute;bottom:150px;left:12px}#chatlog div{margin-top:2px;transition:opacity 1.5s}#chatlog div.clan{color:var(--k-ok-a)}#chatlog div.old{opacity:0}#chatbox{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:112px;left:12px}#chatbox[hidden]{display:none}#chat-input{font:inherit;background:var(--k-bg-b);width:min(360px,60vw);color:var(--ink);border:2px solid var(--k-ink-4);-webkit-user-select:text;user-select:text;padding:6px 8px}#chat-channel{cursor:pointer;padding:4px 8px;font-size:11px}#chat-channel.clan{color:var(--k-ok-a);border-color:var(--k-ok-a)}#clanpanel{z-index:21;background:var(--k-panel-95);border:2px solid var(--k-ink-5);-webkit-user-select:text;user-select:text;width:min(460px,96vw);max-height:94vh;padding:12px 14px;font-size:12px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#clanpanel[hidden]{display:none}#clanpanel h3{letter-spacing:2px;color:var(--accent);margin:0 0 8px;font-size:14px}#clanpanel h3 small{color:var(--ink);opacity:.7;letter-spacing:0;margin-left:6px;font-weight:400}#clanpanel h4{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin:12px 0 4px;font-size:11px}#clanpanel .dim{opacity:.65;margin:4px 0}#clanpanel .row{align-items:center;gap:6px;margin-top:8px;display:flex}#clanpanel .row.end{justify-content:flex-end}#clanpanel .row span{flex:1}#clanpanel button{cursor:pointer;padding:4px 9px}#clanpanel button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}#clanpanel button.danger{color:var(--k-danger-soft)}#clan-name{font:inherit;background:var(--k-bg-b);color:var(--ink);border:2px solid var(--k-ink-4);flex:1;padding:6px 8px}#clanpanel .member{border-bottom:1px solid var(--k-ink-12);align-items:center;gap:6px;padding:4px 0;display:flex}#clanpanel .member b{flex:1}#clanpanel .member i{opacity:.7;margin-right:4px;font-style:normal}#clanpanel .dot{background:#666;border-radius:50%;width:8px;height:8px}#clanpanel .dot.on{background:var(--k-ok-b)}#clanpanel table{border-collapse:collapse;width:100%;font-size:10px}#clanpanel th,#clanpanel td{text-align:center;padding:3px 2px;font-weight:400}#clanpanel td:first-child{text-align:left}#btn-trade{right:calc(96px + env(safe-area-inset-right));pointer-events:auto;padding:6px 12px;font-size:11px;position:absolute;bottom:58px}#btn-trade.alert{border-color:var(--accent);color:var(--accent)}body.touch #btn-trade{top:58px;bottom:auto;right:auto;left:calc(312px + env(safe-area-inset-left))}#tradepanel,#mappanel{z-index:22;background:var(--k-panel-95);border:2px solid var(--k-ink-4);color:var(--ink);max-height:94vh;padding:14px;font-size:12px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#tradepanel{width:min(520px,94vw)}#tradepanel[hidden],#mappanel[hidden]{display:none}#tradepanel h3,#mappanel h3{letter-spacing:2px;color:var(--accent);margin:0 0 8px;font-size:14px}#mappanel h3 small{color:var(--ink);opacity:.7;letter-spacing:0;margin-left:6px;font-weight:400}#tradepanel h4{text-transform:uppercase;letter-spacing:1px;opacity:.85;justify-content:space-between;margin:10px 0 4px;font-size:11px;display:flex}#tradepanel h4 i{text-transform:none;letter-spacing:0;opacity:.7;font-style:normal}#tradepanel .dim,#mappanel .dim{opacity:.65;max-width:560px;margin:6px 0}#tradepanel .row,#mappanel .row{align-items:center;gap:6px;margin-top:8px;display:flex}#tradepanel .row.end,#mappanel .row.end{justify-content:flex-end}#tradepanel .row span{flex:1}#tradepanel button,#mappanel button{cursor:pointer;padding:4px 9px}#tradepanel button[disabled]{opacity:.35;cursor:default}#tradepanel button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}#tradepanel button.danger{color:var(--k-danger-soft)}#tradepanel .sides{gap:10px;display:flex}#tradepanel .side{border:2px solid var(--k-ink-2);flex:1;min-height:70px;padding:0 8px 8px}#tradepanel .side.ok{border-color:var(--k-ok-b)}#tradepanel .side.ok h4 i{color:var(--k-ok-b);opacity:1}#tradepanel .line{align-items:center;gap:6px;padding:3px 0;display:flex}#tradepanel .line span:nth-child(2){flex:1}#tradepanel .line i{opacity:.6;font-style:normal}#tradepanel .chip{text-align:center;color:#111;border:1px solid #000;flex:none;width:22px;height:22px;font-size:9px;line-height:22px;display:inline-block;overflow:hidden}#tradepanel .bag{max-height:30vh;overflow-y:auto}#minimap{pointer-events:auto;cursor:pointer;width:132px;height:132px;margin-bottom:4px;margin-left:auto;display:block}#bigmap{aspect-ratio:1;cursor:crosshair;touch-action:none;width:min(560px,90vw,94vh - 130px);height:auto;display:block}@media (max-height:460px),(max-width:760px){#minimap{width:92px;height:92px}}body.touch #menubar{left:calc(12px + env(safe-area-inset-left));pointer-events:auto;gap:5px;display:flex;position:absolute;top:52px}body.touch #menubar button{max-width:92px;padding:6px 8px;font-size:11px;position:static}body.touch #touch-top button{height:36px}body.touch #zone{left:calc(200px + env(safe-area-inset-left));padding:2px 6px;font-size:11px;top:8px;transform:none}body.touch #touch-actions{gap:6px;top:8px}body.touch #touch-actions button{height:38px}body.touch #guide{pointer-events:auto;max-height:calc(100vh - 150px);overflow-y:auto}body.touch #prompt{z-index:4}body.touch #guide{width:190px}body.touch #prompt{max-width:46vw;left:40%}#labels div.pact span,#clanpanel b.pact,#chatlog div.ally{color:var(--k-tech)}#chat-channel.ally{color:var(--k-tech);border-color:var(--k-tech)}#labels div.npc span{color:var(--k-danger-soft)}#codepanel{z-index:23;border:2px solid var(--k-ink-4);color:var(--ink);background:#121814f5;width:min(320px,92vw);padding:14px;font-size:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#codepanel[hidden]{display:none}#codepanel h3{letter-spacing:2px;color:var(--accent);margin:0 0 6px;font-size:14px}#codepanel .dim{opacity:.7;margin:0 0 8px}#codepanel .row{align-items:center;gap:6px;margin-top:8px;display:flex}#codepanel .row.end{justify-content:flex-end}#codepanel button{cursor:pointer;padding:6px 10px}#codepanel button[hidden]{display:none}#codepanel button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}#codepanel button.danger{color:var(--k-danger-soft)}#code-input{font:inherit;letter-spacing:8px;text-align:center;background:var(--k-bg-b);color:var(--ink);border:2px solid var(--k-ink-4);-webkit-user-select:text;user-select:text;flex:1;padding:6px;font-size:20px}#clanpanel .clanlog{max-height:96px;font-size:11px;line-height:1.5;overflow-y:auto}#clanpanel .clanlog i{opacity:.6;margin-right:4px;font-style:normal}#server-list{flex-direction:column;gap:6px;width:min(520px,94vw);max-height:46vh;margin-bottom:10px;display:flex;overflow-y:auto}#server-list[hidden]{display:none}#server-list h2{letter-spacing:2px;text-transform:uppercase;opacity:.8;margin:0 0 2px;font-size:12px}#server-list .server{text-align:left;background:var(--k-bg-b);color:var(--ink);border:2px solid var(--k-ink-3);font:inherit;cursor:pointer;grid-template-columns:1fr auto auto;align-items:baseline;gap:2px 10px;padding:8px 10px;display:grid}#server-list .server.sel{border-color:var(--accent);background:#1b2420}#server-list .server.off{opacity:.5;cursor:default}#server-list .server i{opacity:.7;font-style:normal}#server-list .server small{opacity:.7;grid-column:1/-1}#server-list .state.open{color:#8fd06a}#server-list .state.full{color:#e0b24a}#server-list .state.offline{color:var(--danger)}#join-form{flex-wrap:wrap;justify-content:center}#password{font:inherit;background:var(--k-bg-b);width:200px;color:var(--ink);border:2px solid var(--k-ink-4);padding:10px;font-size:16px}#join-form #btn-register{background:var(--k-bg-b);color:var(--ink);border-color:var(--k-ink-4);font-weight:400}#name[hidden],#password[hidden],#btn-register[hidden],#account-line[hidden]{display:none}#account-line{opacity:.85;margin:0}#account-line button{font:inherit;background:var(--k-bg-b);color:var(--ink);border:1px solid var(--k-ink-4);cursor:pointer;margin-left:8px;padding:3px 8px;font-size:11px}:root{--touch-scale:1;--touch-opacity:.85;--ui-scale:1;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--actions-w:calc(96px * var(--touch-scale))}#hud-top-left,#hud-top-right,#weapon,#hotbar,#prompt,#toast,#buildbar,#placebar,#buildinfo,#chatlog,#chatbox,#zone,#help,#panel,#clanpanel,#tradepanel,#mappanel,#codepanel,#optionspanel,body:not(.touch) #menubar button{zoom:var(--ui-scale)}#panel,#clanpanel,#tradepanel,#mappanel,#optionspanel{max-height:calc((100dvh - var(--sat) - var(--sab) - 10px) / var(--ui-scale));max-width:calc((100vw - var(--sal) - var(--sar) - 10px) / var(--ui-scale))}#hud-top-left{top:calc(10px + var(--sat));left:calc(12px + var(--sal))}#hud-top-right{top:calc(10px + var(--sat));z-index:6}#weapon{bottom:calc(14px + var(--sab))}#hotbar{bottom:calc(52px + var(--sab));z-index:6}#prompt{bottom:calc(108px + var(--sab))}#buildbar,#placebar{bottom:calc(96px + var(--sab));z-index:6}#btn-bag,#btn-build,#btn-clan{bottom:calc(14px + var(--sab))}#btn-chat,#btn-trade,#btn-options{bottom:calc(58px + var(--sab))}#btn-options{right:calc(186px + var(--sar));pointer-events:auto;padding:6px 12px;font-size:11px;position:absolute}#chatlog,#chatbox{left:calc(12px + var(--sal))}#chatbox{z-index:6}#dead{z-index:15}.zone{z-index:1;bottom:var(--sab)}#touch-top,#touch-actions{z-index:6;zoom:var(--touch-scale);opacity:var(--touch-opacity)}body.touch #menubar{z-index:6;top:calc(52px + var(--sat));left:calc(12px + var(--sal));flex-wrap:wrap;max-width:46vw}body.touch #menubar button{min-height:32px}body.touch #btn-options{position:static;bottom:auto;right:auto}body.touch #touch-top{top:calc(4px + var(--sat))}body.touch #touch-actions{top:calc(8px + var(--sat));right:calc(10px + var(--sar));max-height:calc((100dvh - var(--sat) - var(--sab) - 12px) / var(--touch-scale));flex-wrap:wrap-reverse;align-content:flex-start}body.touch #hud-top-right{right:calc(var(--actions-w) + 8px + var(--sar))}.stick{width:calc(120px * var(--touch-scale));height:calc(120px * var(--touch-scale));margin:calc(-60px * var(--touch-scale)) 0 0 calc(-60px * var(--touch-scale));opacity:var(--touch-opacity);z-index:2;pointer-events:none}.stick div{width:calc(52px * var(--touch-scale));height:calc(52px * var(--touch-scale))}.stick.held{display:block}body.touch.sticks-fixed .stick{top:calc(100dvh - var(--sab) - 84px * var(--touch-scale));display:block}body.touch.sticks-fixed #stick-left{left:calc(var(--sal) + 96px * var(--touch-scale))}body.touch.sticks-fixed #stick-right{left:calc(100vw - var(--sar) - 96px * var(--touch-scale))}body.touch.sticks-fixed .stick:not(.held){opacity:calc(var(--touch-opacity) * .6)}body.touch.left-handed #zone-left{left:auto;right:0}body.touch.left-handed #zone-right{left:0;right:auto}body.touch.left-handed #touch-actions{right:auto;left:calc(10px + var(--sal));flex-wrap:wrap}body.touch.left-handed #hud-top-left,body.touch.left-handed #menubar{left:calc(var(--actions-w) + 10px + var(--sal))}body.touch.left-handed #hud-top-right{right:calc(12px + var(--sar))}body.touch.left-handed #zone{left:calc(var(--actions-w) + 200px + var(--sal))}body.touch.left-handed.sticks-fixed #stick-left{left:calc(100vw - var(--sar) - 96px * var(--touch-scale))}body.touch.left-handed.sticks-fixed #stick-right{left:calc(var(--sal) + 96px * var(--touch-scale) + var(--actions-w))}#help:empty{display:none}.pad-focus{outline-offset:2px;z-index:2;position:relative;outline:3px solid #fff!important;box-shadow:0 0 0 6px #d9a441f2!important}#optionspanel{z-index:24;border:2px solid var(--k-ink-5);touch-action:pan-y;background:#121814f7;width:min(560px,96vw);padding:12px 14px;font-size:12px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#optionspanel[hidden]{display:none}#optionspanel h3{letter-spacing:2px;color:var(--accent);margin:0 0 8px;font-size:14px}#optionspanel h4{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin:12px 0 4px;font-size:11px}#optionspanel .dim{opacity:.7;margin:4px 0 8px}#optionspanel .shortcuts{flex-wrap:wrap;gap:6px;display:flex}#optionspanel button{cursor:pointer;touch-action:manipulation;min-height:36px;padding:8px 12px}#optionspanel button.on{border-color:var(--accent);background:var(--k-accent-25);color:#fff}#optionspanel button.primary{background:var(--accent);color:var(--k-on-accent);border-color:#000;font-weight:700}#optionspanel button[disabled]{opacity:.35;cursor:default}#optionspanel .opt{border-top:1px solid var(--k-ink-12);grid-template-columns:minmax(0,1fr) minmax(150px,220px) 52px;align-items:center;gap:10px;min-height:44px;padding:6px 0;display:grid}#optionspanel .opt>div.seg{grid-column:2/4;gap:6px;display:flex}#optionspanel .opt .seg button{flex:1}#optionspanel .opt small{opacity:.6;font-size:10px;display:block}#optionspanel .opt output{text-align:right;color:var(--accent)}#optionspanel input[type=range]{width:100%;height:28px;accent-color:var(--accent);touch-action:none}#optionspanel .row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}#optionspanel .row.end{justify-content:flex-end}@media (max-width:560px){#optionspanel .opt{grid-template-columns:1fr 52px}#optionspanel .opt>input,#optionspanel .opt>div.seg{grid-area:2/1/auto/3}#optionspanel .opt output{grid-area:1/2}}#guide .title>span:last-child{gap:4px;display:flex}#guide .title small{opacity:.7;margin-left:4px}#guide button{touch-action:manipulation;min-width:28px;min-height:26px}#guide[data-mode=compact]{width:220px}#guide[data-mode=compact] .next{white-space:normal}#guide .steps{touch-action:pan-y;max-height:46vh;overflow-y:auto}body.touch #guide{width:200px;max-height:none;overflow:visible}body.touch #guide .steps{max-height:calc(100dvh - 200px)}@media (max-height:460px){#guide[data-mode=compact]{width:190px;padding:4px 7px}}#buildbar,#placebar{max-width:calc((100vw - var(--sal) - var(--sar) - 10px) / var(--ui-scale));flex-wrap:wrap;justify-content:center}#buildbar button{touch-action:manipulation;min-height:34px}#placebar{white-space:normal}@media (max-height:460px){#buildbar,#placebar{bottom:calc(6px + var(--sab))}#buildbar{gap:4px;padding:4px}}@media (max-width:700px){#buildbar button small{display:none}#buildbar button{padding:5px 7px}}@media (max-height:460px){#panel{flex-direction:column;padding:6px 8px;display:flex;overflow:hidden}#panel[hidden]{display:none}#panel .cols{flex:auto;gap:12px;min-height:0}#panel .col{min-height:0;overflow-y:auto}#panel .col:last-child{touch-action:pan-y;flex:auto}#panel .grid{grid-template-columns:repeat(6,34px);gap:2px}#panel .slot{width:34px;height:34px}#panel .slot .chip{font-size:8px;inset:3px 3px 10px}#panel h3{margin-bottom:3px;font-size:11px}#panel .col h3:not(:first-child){margin-top:5px}#panel .note{display:none}#panel .row{margin-top:5px}#panel button{min-height:30px;padding:5px 9px}.recipes{width:min(300px,42vw);max-height:none;overflow:visible}.continfo{max-width:min(290px,42vw)}.actionbar{flex:none;min-height:30px;margin-top:5px;padding-top:5px}#clanpanel,#tradepanel,#mappanel{padding:8px 10px}#bigmap{width:min(560px, 90vw, calc((100dvh - 122px) / var(--ui-scale)))}#mappanel .dim{display:none}}#buildbar,#placebar{width:max-content;margin:0 auto;left:0;right:0;transform:none}body.touch.left-handed #zone{left:auto;right:calc(150px + var(--sar))}#hud-top-left{z-index:6}body.touch #menubar{max-width:calc((100vw - var(--actions-w) - 150px - var(--sal) - var(--sar)) / var(--ui-scale));margin-top:6px;position:static}body.touch #basehud{margin-top:4px}body.touch.left-handed #menubar{left:auto}body.touch #zone,body.touch.left-handed #zone{top:auto;left:50%;right:auto;bottom:calc(48px + var(--sab));transform:translate(-50%)}@media (max-width:700px){#panel .cols{flex-direction:column;gap:8px}#panel .col:last-child{flex:none}.recipes{width:auto;max-height:34vh;overflow:auto}#panel{touch-action:pan-y;overflow-y:auto}body:not(.touch) #hotbar{bottom:calc(100px + var(--sab))}body:not(.touch) #weapon{bottom:calc(148px + var(--sab))}body:not(.touch) #prompt{bottom:calc(190px + var(--sab))}body:not(.touch) #buildbar,body:not(.touch) #placebar{bottom:calc(100px + var(--sab))}}#biomehint{letter-spacing:4px;text-transform:uppercase;background:var(--panel);border:2px solid var(--k-ink-45);text-shadow:1px 1px #000;zoom:var(--ui-scale);pointer-events:none;padding:5px 18px;font-size:15px;position:absolute;top:16%;left:50%;transform:translate(-50%)}#biomehint[hidden]{display:none}#biomehint[data-biome=forest]{color:#c9e6b8;border-color:#7fb26a}#biomehint[data-biome=mountain]{color:#dfe4ea;border-color:#9aa2ad}#biomehint[data-biome=desert]{color:#f0dfb0;border-color:#d0b06a}#biomehint.show{animation:2.6s ease-out forwards biomehint}@keyframes biomehint{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}@media (max-height:460px){#biomehint{padding:3px 12px;font-size:13px;top:22%}}#map-legend{opacity:.9;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:11px;display:flex}#map-legend[hidden]{display:none}#map-legend span{align-items:center;gap:5px;display:inline-flex}#map-legend i{border:1px solid var(--k-ink-5);width:12px;height:12px;display:inline-block}#map-legend i.dot{border-radius:50%}#bigmap{width:min(560px, 90vw, calc((100dvh - 215px) / var(--ui-scale)))}@media (max-height:460px){#bigmap{width:min(560px, 90vw, calc((100dvh - 132px) / var(--ui-scale)))}#map-legend{gap:2px 9px;margin-top:4px;font-size:10px}#map-legend i{width:9px;height:9px}#mappanel h3{margin-bottom:4px}#mappanel .row{margin-top:4px}}#crosshair{pointer-events:none;z-index:5;background:linear-gradient(var(--k-ink-solid), var(--k-ink-solid)) center / 2px 100% no-repeat, linear-gradient(var(--k-ink-solid), var(--k-ink-solid)) center / 100% 2px no-repeat;opacity:.8;mix-blend-mode:difference;width:14px;height:14px;margin:-7px 0 0 -7px;display:none;position:absolute;top:50%;left:50%}body.pov #crosshair{display:block}#reticle{pointer-events:none;z-index:5;border:1.5px solid #f0e8d0d9;border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #00000073}#reticle:after{content:"";background:#f0e8d0e6;border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%}#reticle.reload{opacity:.55;border-style:dashed}#reticle[hidden]{display:none}#biomehint[data-biome=snow]{color:#f4f8fd;border-color:#dfe8f4}#panel,#clanpanel,#tradepanel,#mappanel,#optionspanel,#guide,#dead,#downed{box-shadow:inset 0 1px 0 var(--k-ink-14), inset 0 -2px 0 #00000059, 0 4px 0 #00000073;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#00000012 1px,#0000 1px);background-size:3px 3px,3px 3px}#panel h3,#clanpanel h3,#tradepanel h3,#mappanel h3,#optionspanel h3{color:var(--accent);letter-spacing:1px;text-shadow:2px 2px #000;border-bottom:2px solid #d9a44159;padding-bottom:3px}button{box-shadow:inset 0 1px 0 var(--k-ink-12), inset 0 -2px 0 #0006;transition:border-color 80ms,background-color 80ms,transform 50ms}button:hover:not(:disabled){border-color:var(--accent);background-color:var(--k-panel-hi)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px #00000073}button:disabled{opacity:.42;filter:grayscale(.6);cursor:default}button.on,button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.slot{background:var(--k-slot-78);border-color:var(--k-ink-26);box-shadow:inset 2px 2px 0 #00000080, inset -1px -1px 0 var(--k-ink-07)}.slot:hover{border-color:var(--k-ink-62);background:var(--k-panel-mid)}.slot.sel{border-color:var(--accent);background:#d9a4413d;box-shadow:inset 0 0 0 1px #0009}.slot.cur{border-color:var(--k-hl);box-shadow:0 0 0 1px var(--k-hl) inset, 0 0 0 2px #00000080}.slot .chip{border-radius:2px;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #0000004d}.slot .chip.pix{box-shadow:none;image-rendering:pixelated;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;inset:3px 3px 9px}.slot .n{background:#0000008c;border-radius:2px;padding:0 2px;line-height:1.15;bottom:1px;right:1px}.recipe{justify-content:flex-start;gap:8px}.recipe>div{flex:1;min-width:0}.recipe .rico{width:28px;height:28px;image-rendering:pixelated;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:2px;flex:none}.recipe:hover{background:var(--k-ink-05)}#hotbar .slot{background:#0a0e0cd1}#gain{z-index:6;pointer-events:none;color:var(--k-hl);text-shadow:2px 2px #000;border:2px solid var(--k-hl-55);background:#12181499;border-radius:3px;padding:3px 10px;font-size:15px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%)}#gain.pop{animation:.18s steps(3,end) gainpop}@keyframes gainpop{0%{transform:translate(-50%)scale(1.25)}to{transform:translate(-50%)scale(1)}}#buildstate{left:50%;bottom:calc(118px + var(--sab,0px));z-index:6;pointer-events:none;text-align:center;text-shadow:1px 1px #000;background:#121814e0;border:2px solid;border-radius:3px;max-width:calc(100vw - 24px);padding:4px 10px;font-weight:700;position:absolute;transform:translate(-50%)}#buildstate.ok{color:var(--k-ok-a);border-color:#5fae6a}#buildstate.no{color:var(--k-danger-pale);border-color:var(--danger)}.recipe .why{color:#e8b27c;font-style:normal}@media (max-height:520px){#buildstate{bottom:calc(92px + var(--sab,0px));font-size:11px}#gain{font-size:13px;top:30%}}#hp{border:2px solid var(--k-bg-a);height:20px;box-shadow:0 0 0 1px var(--k-ink-4), 0 3px 0 #0006;background:#0a0e0cd9;border-radius:3px;overflow:hidden}#hp-lag{background:var(--k-ink-solid);opacity:.75;width:100%;transition:width .5s .3s;position:absolute;top:0;bottom:0;left:0}#hp-fill{background-image:linear-gradient(#ffffff47,#fff0 45%,#00000047);transition:width .12s,background-color .2s;position:relative}#hp:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000073 calc(10% - 1px) 10%);position:absolute;inset:0}#hp-text{z-index:1;letter-spacing:1px;padding-left:14px;line-height:16px}#hp-text:before{content:"";width:11px;height:10px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 10' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M1 0h4v1h1V0h4v1h1v4h-1v1H9v1H8v1H7v1H6v1H5V9H4V8H3V7H2V6H1V5H0V1h1z'/%3E%3Cpath fill='%23e2564a' d='M1 1h4v1h1V1h4v4H9v1H8v1H7v1H6v1H5V8H4V7H3V6H2V5H1z'/%3E%3Cpath fill='%23f6a79e' d='M2 2h2v1H2z'/%3E%3C/svg%3E") no-repeat;position:absolute;top:3px;left:5px}body.low-hp #hp{animation:.9s steps(2,end) infinite hp-low}@keyframes hp-low{50%{box-shadow:0 0 0 1px #e2564a,0 0 0 3px #e2564a73,0 3px #0006}}#me-name{letter-spacing:1px;font-weight:700}#vignette{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 110px 34px #be281ecc}#vignette.flash{animation:.4s ease-out vg-hit}body.low-hp #vignette{animation:1.4s ease-in-out infinite vg-low}body.low-hp #vignette.flash{animation:.4s ease-out vg-hit,1.4s ease-in-out .4s infinite vg-low}@keyframes vg-hit{0%{opacity:.85}to{opacity:0}}@keyframes vg-low{0%,to{opacity:.18}50%{opacity:.42}}@media (prefers-reduced-motion:reduce){body.low-hp #vignette{opacity:.25;animation:none}body.low-hp #hp{animation:none}}#hotbar{border:2px solid var(--k-bg-a);box-shadow:0 0 0 1px var(--k-ink-3), inset 0 1px 0 var(--k-ink-12), 0 4px 0 #0006;background:#121814bd;border-radius:4px;gap:4px;padding:4px}#hotbar .slot{transition:transform 80ms}#hotbar .slot.cur{border-color:var(--k-hl);box-shadow:0 0 0 1px var(--k-hl) inset, 0 4px 0 #00000080, 0 0 10px #f2d48a59;background:#d9a44133;transform:translateY(-4px)}.slot .k{opacity:1;color:var(--accent);text-shadow:none;background:#0000009e;border-radius:0 0 3px;padding:0 3px;font-size:9px;line-height:11px;top:0;left:0}body:not(.touch) #hotbar .slot .chip{font-size:9px}body:not(.touch) #prompt{bottom:calc(126px + var(--sab))}@media (max-width:700px){body:not(.touch) #weapon{bottom:calc(168px + var(--sab))}body:not(.touch) #prompt{bottom:calc(208px + var(--sab))}}#weapon{border:2px solid var(--k-bg-a);text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 0 1px var(--k-ink-3), inset 0 1px 0 var(--k-ink-12), 0 3px 0 #0006;border-radius:3px;align-items:baseline;padding:4px 14px;font-size:12px}#weapon-ammo{letter-spacing:0;text-transform:none;text-shadow:1px 1px #000;font-size:15px}#weapon-ammo:empty{display:none}#prompt,#toast,#zone,#buildinfo{box-shadow:inset 0 1px 0 var(--k-ink-12), 0 3px 0 #0006;border-radius:3px}#prompt kbd{text-align:center;min-width:18px;color:var(--k-on-accent);background:var(--accent);box-shadow:0 2px 0 var(--k-accent-dark);border-radius:3px;margin-right:2px;padding:0 5px;display:inline-block}#minimap{box-shadow:0 0 0 2px var(--k-bg-a), 0 0 0 4px #d9a44199, 0 0 0 5px var(--k-bg-a), 0 5px 0 4px #00000059;border-radius:50%;margin:4px 5px 10px auto}#stats{background:#1218148c;border-radius:3px;padding:1px 7px;font-size:11px;display:inline-block}#feed div{text-shadow:1px 1px #000}#labels div span{background:#0a0e0c8c;border-radius:2px;padding:0 4px}#labels div i{border:1px solid #000000bf;border-radius:1px;height:4px}#downed,#dead{border-radius:4px;padding:14px 22px}#downed b{color:var(--k-danger-pale);letter-spacing:1px}#dead b{letter-spacing:3px;text-transform:uppercase;text-shadow:2px 2px #000}#menu{background:radial-gradient(at 50% 38%,#4a684880,#0e141000 62%),repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px),linear-gradient(#1a261e,#0f1612);gap:10px}#menu:before{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px 40px #0009}#menu>*{position:relative}#menu h1{letter-spacing:clamp(5px,1.2vw,12px);text-shadow:0 2px #9a6f22,0 4px #5e4313,4px 8px #000000bf;padding-left:clamp(5px,1.2vw,12px);font-size:clamp(30px,6.4vw,54px)}#menu h1:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 18%, var(--accent) 82%, transparent);width:62%;height:4px;margin:10px auto 0;display:block;box-shadow:0 2px #0009}#menu .sub{letter-spacing:3px;text-transform:uppercase;opacity:.75;margin:0 0 16px;font-size:12px}#join-form{border:2px solid var(--k-bg-a);box-shadow:0 0 0 1px var(--k-ink-3), inset 0 1px 0 var(--k-ink-12), 0 5px 0 #00000073;background:#121814d1;border-radius:4px;padding:14px}#name,#password{border-radius:3px;box-shadow:inset 2px 2px #00000080}#name:focus,#password:focus,#chat-input:focus,#clan-name:focus,#code-input:focus{border-color:var(--accent);outline:none}#join-form button[type=submit]{letter-spacing:2px;text-transform:uppercase;box-shadow:inset 0 1px 0 #ffffff59, 0 3px 0 var(--k-accent-dark)}#join-form button[type=submit]:hover{background-color:#e8b655}#join-form button[type=submit]:active{box-shadow:inset 0 1px 0 #ffffff59, 0 1px 0 var(--k-accent-dark);transform:translateY(2px)}#menu-status:not(:empty){border:2px solid var(--danger);color:var(--k-danger-pale);background:#121814d9;border-radius:3px;padding:4px 12px}#server-list .server{box-shadow:inset 0 1px 0 var(--k-ink-08), 0 3px 0 #0006;border-radius:3px}#menubar button,#touch-ui button,#buildbar button,#placebar button{border-color:var(--k-bg-a);box-shadow:0 0 0 1px var(--k-ink-28), inset 0 1px 0 var(--k-ink-12), inset 0 -2px 0 #0006}#menubar button:hover:not(:disabled),#buildbar button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent), inset 0 1px 0 var(--k-ink-12), inset 0 -2px 0 #0006}button.primary,#dead button:first-child{box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--k-accent-dark)}#buildbar,#placebar{border-color:var(--k-bg-a);box-shadow:0 0 0 1px var(--k-ink-3), inset 0 1px 0 var(--k-ink-12), 0 4px 0 #0006;border-radius:4px}#panel,#clanpanel,#tradepanel,#mappanel,#optionspanel,#codepanel{border-color:var(--k-bg-a);box-shadow:0 0 0 1px var(--k-ink-38), inset 0 1px 0 var(--k-ink-14), inset 0 -2px 0 #00000059, 0 6px 0 #00000073, 0 0 0 100vmax #080c0a61;border-radius:5px}#btn-ads.on{border-color:var(--accent);color:var(--accent)}#reticle.ads{border-color:var(--k-hl);border-width:1px}#reticle.ads:after{background:var(--k-hl);width:2px;height:2px;margin:-1px}body.pov.ads #crosshair{opacity:1;width:8px;height:8px;margin:-4px 0 0 -4px}body.pov.touch #stick-right{display:none}body.pov.touch #btn-fire{display:block}body.pov.touch #btn-firemode{display:none}#code-keys{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:none}body.dev-pad #code-keys,body.dev-touch #code-keys{display:grid}#code-keys button{touch-action:manipulation;min-height:40px;font-size:16px}#optionspanel .tabs{flex-wrap:wrap;gap:6px;margin:10px 0 2px;display:flex}#optionspanel .tabs button{flex:1;min-width:96px}#optionspanel .opt.key{grid-template-columns:minmax(0,1fr) minmax(110px,160px);min-height:40px;padding:3px 0}#optionspanel .opt.key button{min-height:32px;padding:4px 10px;font-weight:700}#optionspanel .opt.key button.wait{border-color:var(--accent);color:var(--accent);font-weight:400}#optionspanel .opt.key button.none{opacity:.55;font-weight:400}#optionspanel .warn{color:var(--k-accent-soft)}.slot .rar{pointer-events:none;height:3px;position:absolute;bottom:0;left:2px;right:2px}.slot .rar-uncommon{background:#6fbf5a}.slot .rar-rare{box-shadow:0 0 4px var(--k-tech-70);background:#5aa2e6}.slot .rar-epic{background:#c77be0;box-shadow:0 0 5px #c77be0d9}.slot:has(.rar-uncommon){border-color:#6fbf5a99}.slot:has(.rar-rare){border-color:var(--k-tech-70)}.slot:has(.rar-epic){border-color:#c77be0cc}:is(.slot.sel:has(.rar),.slot.cur:has(.rar)){border-color:var(--k-hl)}.slot .n{z-index:1}.rarname{letter-spacing:1px;text-transform:uppercase;font-size:10px}.rartag{letter-spacing:1px;text-transform:uppercase;margin-left:6px;font-size:9px;font-style:normal}#placehint{text-align:center;background:var(--panel);border:2px solid var(--k-ink-5);text-shadow:1px 1px #000;zoom:var(--ui-scale);pointer-events:none;white-space:nowrap;padding:6px 20px 7px;position:absolute;top:16%;left:50%;transform:translate(-50%)}#placehint[hidden]{display:none}#placehint b{letter-spacing:4px;text-transform:uppercase;color:var(--accent);font-size:15px;display:block}#placehint small{letter-spacing:1px;opacity:.95;margin-top:3px;font-size:10px;display:block}#placehint .pips i{background:var(--k-ink-25);width:7px;height:7px;margin:0 2px;display:inline-block;transform:rotate(45deg)}#placehint .pips i.on{background:var(--k-danger-solid)}#placehint.show{animation:4.2s ease-out forwards biomehint}@media (max-height:460px){#placehint{top:22%}#placehint b{font-size:13px}}#crash{z-index:99;padding:6px 10px calc(6px + env(safe-area-inset-bottom));color:#fff;-webkit-user-select:text;user-select:text;background:#5a1712;font-size:11px;position:fixed;bottom:0;left:0;right:0}#scope{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 0 calc(42vh - 1px),#000 42vh 43.2vh,#000000f0 44vh);position:fixed;inset:0}#scope[hidden]{display:none}#scope:before,#scope:after{content:"";background:var(--k-bg-c);position:absolute;top:50%;left:50%}#scope:before{width:84vh;height:1px;box-shadow:-30vh 0 0 1px var(--k-bg-c), 30vh 0 0 1px var(--k-bg-c);clip-path:inset(-4px 0);transform:translate(-50%,-50%)}#scope:after{width:1px;height:84vh;transform:translate(-50%,-50%)}#scope i{background:var(--k-bg-c);width:9px;height:1px;box-shadow:0 3vh 0 var(--k-bg-c), 0 6vh 0 var(--k-bg-c), 0 9vh 0 var(--k-bg-c);margin-left:-4px;position:absolute;top:50%;left:50%}body.scoped #crosshair,body.scoped #weapon,body.scoped #hotbar,body.scoped #menubar,body.scoped #help,body.scoped #chatlog{visibility:hidden}#weapon-ammo.empty{color:var(--k-danger-soft)}#reload-bar{background:#0000008c;height:3px;position:absolute;bottom:2px;left:6px;right:6px}#reload-bar[hidden]{display:none}#reload-bar i{background:var(--accent);width:0;height:100%;display:block}#viewfade{opacity:0;pointer-events:none;z-index:1;background:#0b0f0d;position:fixed;inset:0}#viewfade.go{animation:.32s ease-out viewfade}@keyframes viewfade{0%{opacity:.85}to{opacity:0}}#help{opacity:1;border:1px solid var(--k-ink-16);background:#0c100e9e;border-radius:4px;max-width:min(50vw - 215px,520px);padding:5px 8px;font-size:12px;line-height:1.9}#help span{white-space:nowrap;color:var(--k-ink-92);margin-right:12px;display:inline-block}#help kbd{text-align:center;min-width:18px;font:inherit;color:var(--k-on-accent);background:var(--accent);border-radius:3px;margin-right:3px;padding:0 5px;font-weight:700;line-height:1.5;display:inline-block;box-shadow:0 2px #0000008c}body.scoped #help{visibility:hidden}body:not(.touch) #hotbar .slot{width:46px;height:46px}#hotbar .slot.empty{border-style:dashed;border-color:var(--k-ink-18);background:#0a0e0c80}#hotbar .slot.cur{transform:translateY(-3px)}#hotbar .slot .k{font-size:10px;line-height:12px}#hotbar .padhint{color:var(--k-on-accent);background:var(--accent);border-radius:3px;align-self:center;padding:1px 5px;font-size:10px;font-weight:700;display:none}body.dev-pad #hotbar .padhint{display:inline-block}#hotbar .padhint.l{margin-right:4px}#hotbar .padhint.r{margin-left:4px}#weapon{font-size:13px}#weapon-ammo{font-size:14px;font-weight:700}#panel .note,.recipe small,.actionbar .hint,#optionspanel .opt small,#placehint small,.rarname,#clanpanel table{font-size:11.5px}.rartag,#buildbar button small{font-size:10.5px}.slot .n{font-size:11px}.recipe small{line-height:1.45}.recipe .why{color:var(--k-accent-soft)}#hotbar .padhint.l:after{content:var(--pad-lb,"LB")}#hotbar .padhint.r:after{content:var(--pad-rb,"RB")}#account-hint{opacity:.75;max-width:340px;margin:0;font-size:11px;line-height:1.4}#account-hint[hidden]{display:none}.rgroup{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:8px 0 2px;font-size:11px}.row.qty{align-items:center;gap:6px;margin:0 0 4px;font-size:11px;display:flex}.row.qty button{padding:2px 8px}.row.qty button.on{border-color:var(--accent);color:var(--accent)}.benchstate{margin:0 0 4px;font-size:11px}.benchstate.ok{color:var(--k-ok-c)}.benchstate.no{color:#d8b56a}#buildbar .tabs{gap:4px;margin-right:6px;display:inline-flex}#buildbar .tabs button.on{border-color:var(--accent);color:var(--accent)}#buildbar .legend{opacity:.75;align-self:center;font-size:10px}#sas-row{align-items:center;gap:8px;margin-top:6px}#buildbar{touch-action:pan-y;flex-wrap:wrap;justify-content:center;max-height:46vh;overflow-y:auto}@media (max-height:460px){#buildbar{gap:3px;max-height:62vh;padding:4px}#buildbar button{padding:4px 6px}#buildbar .legend{display:none}}#panel .eqcol{flex:none;width:232px}#panel .eqview{border:1px solid var(--k-ink-3);background:var(--k-bg-c);width:220px;height:300px}#panel .eqcanvas{width:220px;height:300px;image-rendering:pixelated;cursor:grab;touch-action:none;display:block}#panel .eqctl{gap:4px;margin-top:4px}#panel .eqctl button{min-width:38px;padding:4px 6px}#panel .eqslots{flex-direction:column;gap:3px;margin-top:8px;display:flex}#panel .eqrow{align-items:center;gap:8px;display:flex}#panel .eqrow small{opacity:.85;font-size:11px}#panel .slot.eq.empty{border-style:dashed}#panel .eqname{opacity:.6;text-align:center;justify-content:center;align-items:center;height:100%;font-size:9px;display:flex}#panel .eqstats{margin:8px 0 0;font-size:11px;line-height:1.5}#panel .eqinfo{opacity:.9;font-size:11px}#panel .eqinfo .ok{color:var(--k-ok-b)}#panel .eqinfo .no{color:var(--k-danger-soft)}@media (max-height:520px){#panel .eqcol{width:150px;overflow-y:auto}#panel .eqview,#panel .eqcanvas{width:110px;height:150px}#panel .eqrow small{display:none}#panel .eqslots{flex-flow:wrap}}body.nv #game{filter:grayscale()brightness(1.25)contrast(1.15)sepia()hue-rotate(72deg)saturate(2.6)}body.nv:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#0014068c 100%);position:fixed;inset:0}:root[data-theme=vestiges]{--ink:#dce3de;--panel:#29363bd6;--accent:#dc9555;--danger:#d96350;--k-hl:#f1c59a;--k-on-accent:#141a1c;--k-bg-a:#10171a;--k-bg-b:#172125;--k-bg-c:#0e1416;--k-bg-d:#1f2c31;--k-ink-solid:#dce3de;--k-ink-warm:#dce3de;--k-danger-soft:#e58d7d;--k-danger-solid:#d96350;--k-danger-pale:#f0b6ac;--k-ok-a:#a6d6ac;--k-ok-b:#86c492;--k-ok-c:#a3c79a;--k-tech:#59c8ce;--k-accent-dark:#8a5a34;--k-accent-soft:#dc9555;--k-accent-25:#dc955540;--k-hl-55:#f1c59a8c;--k-panel-95:#1f292df5;--k-panel-94:#1f292df2;--k-panel-hi:#324046eb;--k-panel-mid:#29363be0;--k-tech-70:#59c8ceb3;--k-slot-72:#10171ab8;--k-slot-78:#10171ac7;--k-ink-05:#dce3de0d;--k-ink-07:#dce3de12;--k-ink-08:#dce3de14;--k-ink-12:#dce3de1f;--k-ink-14:#dce3de24;--k-ink-16:#dce3de29;--k-ink-18:#dce3de2e;--k-ink-2:#dce3de33;--k-ink-25:#dce3de40;--k-ink-26:#dce3de42;--k-ink-28:#dce3de47;--k-ink-3:#dce3de4d;--k-ink-35:#dce3de59;--k-ink-38:#dce3de61;--k-ink-4:#dce3de66;--k-ink-45:#dce3de73;--k-ink-5:#dce3de80;--k-ink-55:#dce3de8c;--k-ink-62:#dce3de9e;--k-ink-92:#dce3deeb}:root[data-theme=vestiges] #panel,:root[data-theme=vestiges] #clanpanel,:root[data-theme=vestiges] #buildbar,:root[data-theme=vestiges] #placebar,:root[data-theme=vestiges] #guide{box-shadow:inset 0 2px #59c8ce73,0 6px 18px #00000059}:root[data-theme=vestiges] h1,:root[data-theme=vestiges] h2,:root[data-theme=vestiges] h3{letter-spacing:.08em}:root[data-theme=vestiges] #hp-fill{background:#7fae7a}#scan{background:var(--panel);border:1px solid var(--k-line,#59c8ce80);pointer-events:none;z-index:6;align-items:center;gap:10px;padding:8px 12px;font-size:11px;line-height:1.5;display:flex;position:absolute;bottom:136px;left:50%;transform:translate(-50%)}#scan[hidden]{display:none}#scan canvas{width:150px;height:150px}#scan.sweep canvas{animation:.9s ease-out scansweep}@keyframes scansweep{0%{filter:brightness(2.2);opacity:.4;transform:scale(.86)}to{filter:none;opacity:1;transform:none}}@media (max-width:700px){#scan{padding:6px 8px;bottom:150px}#scan canvas{width:110px;height:110px}}#level{background:var(--panel);pointer-events:none;padding:2px 10px;font-size:11px;position:absolute;top:40px;left:50%;transform:translate(-50%)}#level[hidden]{display:none}#dronehud{background:var(--panel);pointer-events:none;color:var(--k-cyan,#59c8ce);padding:2px 10px;font-size:11px;position:absolute;top:64px;left:50%;transform:translate(-50%)}#dronehud[hidden]{display:none}.mapkinds{flex-wrap:wrap;align-items:center;gap:6px}.mapkinds button.on{outline:1px solid var(--k-cyan,#59c8ce)}.contractform{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.contractform input{width:64px}.contractform select{max-width:150px}.coslist{flex-direction:column;gap:3px;font-size:11px;display:flex}.coslist button{text-align:left}.coslist button.on{outline:1px solid var(--k-cyan,#59c8ce)}.cosdot{vertical-align:middle;border:1px solid #00000080;width:9px;height:9px;margin-right:6px;display:inline-block}.cosl{display:block}#placebar em{margin:0 6px;font-style:normal;font-weight:700}#placebar em.ok{color:var(--k-ok-a)}#placebar em.no{color:var(--k-danger-pale)}
