:root{font-family:Arial,sans-serif;color:#f1f3e7;background:#b7c7c3}*{box-sizing:border-box}body{margin:0;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 6px #14251d88}header{display:flex;justify-content:space-between;align-items:start;padding:30px 36px}.brand{font-weight:900;letter-spacing:3px;font-size:25px}.brand small{font-size:8px;letter-spacing:2px}.live{font-size:10px;letter-spacing:1.6px;color:#d5e7b8}.live span{opacity:.65;margin-left:14px}#compass{font-size:13px;letter-spacing:7px;padding-top:7px}.mission{margin:50px 36px;width:255px;border-left:2px solid #c9e59d;padding-left:18px}label{font-size:9px;letter-spacing:2px;color:#d3e7b3}.mission h2{font-size:16px;line-height:1.4;margin:15px 0 8px}.mission p{font-size:11px;line-height:1.7;color:#e4e9dfb8}#objective{font-size:10px;margin-top:20px}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:#ffffffe0}#prompt{position:absolute;top:62%;width:100%;text-align:center;font-size:13px}#toast{position:absolute;top:22%;left:50%;transform:translate(-50%);padding:12px 22px;background:#16281dda;border:1px solid #a1b98d66;opacity:0;transition:opacity .2s;font-size:12px}footer{position:absolute;bottom:30px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:end}.vitals{width:190px;font-size:10px;letter-spacing:2px}.vitals b{float:right;font-size:17px}.bar{height:4px;background:#182e2450;margin-top:12px}.bar i{display:block;width:100%;height:100%;background:#e5eacb}.bar.stamina{height:2px;margin-top:7px}.stamina i{background:#b6d88d}small{display:block;font-size:8px;letter-spacing:1.5px;opacity:.6;margin-top:10px}.keys{font-size:9px;line-height:2.4;text-align:center;color:#e4e9dfb8}.ammo{text-align:right}.ammo strong{display:block;font-size:30px;margin-top:8px;font-weight:500}.map{position:absolute;right:36px;top:115px;background:#172e25ae;padding:7px;border:1px solid #e5eed82b}.map canvas{display:block;width:150px;height:150px}.map small{text-align:center;margin:6px 0}#menu{position:fixed;inset:0;background:linear-gradient(90deg,#10251eeb,#10251e78 47%,#11201c12);display:flex;align-items:center;padding:8vw}h1{font:900 clamp(60px,7vw,100px)/.96 "Arial Narrow",Arial,sans-serif;letter-spacing:-4px;margin:25px 0}#menu p{font-size:13px;line-height:1.9;color:#e3e9dbb8}button{font:700 11px Arial,sans-serif;letter-spacing:2px;background:#d5e5a7;color:#14291f;border:0;padding:20px 26px;cursor:pointer;min-width:290px;text-align:left;margin-top:24px}button:hover{background:#e8f2ca}#loading{font-size:10px!important}.settings{display:flex;flex-direction:column;gap:12px;margin:24px 0}.settings label{font-size:10px;letter-spacing:0;color:#d9e2d4}.settings select{background:#263e32;color:#fff;border:1px solid #ffffff30;padding:4px;margin-left:10px}.settings input{accent-color:#d5e5a7;vertical-align:middle}.index{position:absolute;bottom:60px;right:5vw;font-size:10px;letter-spacing:2px;line-height:2;opacity:.7}#result{position:fixed;inset:0;background:#14291fe8;padding:10vw;z-index:5}#result[hidden]{display:none}#hud:not(.active) .mission,#hud:not(.active) footer,#hud:not(.active) .map,#hud:not(.active) #crosshair{opacity:0}@media(max-width:750px){header{padding:20px}.keys{display:none}.mission{margin:20px;width:200px}.map{right:20px;top:90px}.map canvas{width:100px;height:100px}.index,.live{display:none}footer{left:20px;right:20px}.vitals{width:140px}}#session-panel{position:fixed;inset:0;z-index:30;background:#07100de8;backdrop-filter:blur(12px);overflow:auto;padding:4vh 5vw;color:#deded0}#session-panel[hidden]{display:none}.session-card{max-width:1100px;margin:auto}.session-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:3px;font-size:12px}.session-card h1{font-size:clamp(32px,5vw,64px);margin:25px 0 12px}.profile-line{color:#ccad72;letter-spacing:2px;font-size:12px}.session-status{min-height:24px;color:#9db2a4}.session-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.session-card h2{font-size:15px;letter-spacing:3px;text-transform:uppercase}.session-card button{background:#18231e;color:#e1e4d7;border:1px solid #52604d;padding:13px 16px;cursor:pointer;font:inherit;text-align:left;font-size:12px}.session-card button:hover{background:#304238;border-color:#d3ad6b}.session-actions{display:flex;flex-direction:column;gap:10px}.session-actions small{color:#9cab9e;margin-bottom:12px}.inventory-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,66px);gap:5px;position:relative;background:#09110d;padding:8px}.inventory-cell{background:#1a251d;border:1px solid #27362a}.inventory-item{z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-width:0!important;padding:8px!important}.inventory-item span{font-size:10px;overflow-wrap:anywhere}.inventory-item b{align-self:flex-end;color:#d3ad6b}.session-columns p{font-size:12px;line-height:1.8;color:#acb8aa}@media(max-width:750px){.session-columns{grid-template-columns:1fr;gap:20px}.inventory-grid{grid-template-rows:repeat(5,55px)}}:root{--ink:#e8eadf;--muted:#aeb7a8;--line:#9eb58a;--lime:#d8e8a7;--panel:rgba(12,24,18,.78);--amber:#e0b778}body{font-family:Arial,Helvetica,sans-serif;background:#101a15;color:var(--ink)}#hud{text-shadow:0 2px 10px #06100bcc}header{padding:24px 34px;border-bottom:1px solid #e4f0d41c;background:linear-gradient(180deg,#07130ec2,transparent)}.brand{font-size:22px;letter-spacing:5px}.brand small{display:block;color:var(--muted);margin-top:7px;letter-spacing:2px}.live{padding:9px 12px;border:1px solid #d9e9ba3b;background:#0b1c14a6;color:var(--lime)}#compass{font-size:12px;color:var(--lime);letter-spacing:8px}.mission{margin:42px 34px;width:300px;border-left:3px solid var(--lime);padding:4px 0 8px 20px;background:linear-gradient(90deg,#10261a80,transparent)}.mission label{color:var(--lime)}.mission h2{font-size:20px;letter-spacing:.5px}.mission p{color:var(--muted);line-height:1.8}.mission #objective{border-top:1px solid #abc48b44;padding-top:12px;color:var(--lime)}#crosshair{font-size:18px;color:var(--lime)}#toast{background:#10271bd9;border:1px solid var(--line);box-shadow:0 8px 32px #0008;letter-spacing:.5px}footer{bottom:24px;left:34px;right:34px}.vitals,.ammo{background:#0c1d15a8;border:1px solid #d8e8a722;padding:12px 14px}.vitals{width:220px}.ammo{min-width:170px}.ammo strong{color:var(--lime)}.bar{background:#314238aa}.bar i{background:var(--lime)}.keys{color:#d6dfd0b8;letter-spacing:1px}.map{right:34px;top:102px;background:#0b1c15d9;border:1px solid #b8d59b55;box-shadow:0 8px 30px #0006}.map small{color:var(--lime)}#menu{background:radial-gradient(circle at 72% 44%,#38544077,transparent 26%),linear-gradient(90deg,#071610f4,#0e2119b5 50%,#101b1680)}#menu>div:first-child{max-width:620px}.index{color:var(--muted)}#menu h1{color:var(--ink);letter-spacing:-3px}.settings{border-top:1px solid #d9e9ba33;padding-top:16px}.settings label{color:var(--muted)}button{background:var(--lime);color:#102018;border:1px solid #f4ffd5;padding:16px 22px;box-shadow:0 5px 20px #0004;transition:.18s}button:hover{background:#f0f7c9;transform:translateY(-1px)}button:disabled{background:#48574b;color:#aeb7a8;box-shadow:none;transform:none}#loading{color:var(--muted)!important}:root{--scan:rgba(220,240,205,.035)}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,var(--scan) 4px);mix-blend-mode:screen;opacity:.35}#hud:after{content:"GREYHAVEN // SECURE CHANNEL";position:absolute;left:34px;bottom:8px;font-size:8px;letter-spacing:3px;color:#d8e8a755}header:before,header:after,.mission:before,.map:before{content:"";position:absolute;width:16px;height:16px;border-color:var(--lime);opacity:.65;pointer-events:none}header:before{left:24px;top:22px;border-left:1px solid;border-top:1px solid}header:after{right:24px;top:22px;border-right:1px solid;border-top:1px solid}.mission:before{left:-3px;top:-8px;border-left:1px solid;border-top:1px solid}.map:before{right:-8px;bottom:-8px;border-right:1px solid;border-bottom:1px solid}.live:before{content:"◉ ";color:#d8e8a7}.ammo small{color:var(--muted)}#prompt{font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;background:#0a1b13a8;width:max-content;left:50%;transform:translate(-50%);padding:10px 16px;border:1px solid #b8d59b55;box-shadow:0 5px 20px #0005}.session-card{position:relative}.session-card:before{content:"OPERATOR SYSTEM // UI-04";position:absolute;right:0;top:0;font-size:8px;letter-spacing:2px;color:#d8e8a766}.session-top button{min-width:180px}.session-card:has(.skill-node) .session-columns>div:after{content:"BRANCH ONLINE";display:block;margin-top:16px;font-size:8px;letter-spacing:2px;color:#d8e8a766}.session-card:has(.skill-node) .session-columns>div:nth-child(2):after{content:"BRANCH ONLINE // SURVIVAL"}.session-card:has(.skill-node) .session-columns>div:nth-child(3):after{content:"BRANCH ONLINE // COMBAT"}:root{--pulse:rgba(216,232,167,.14)}@keyframes hfPulse{0%,to{box-shadow:0 0 0 0 var(--pulse)}50%{box-shadow:0 0 0 7px transparent}}@keyframes hfIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}#hud.active .mission,#hud.active footer,#hud.active .map{animation:hfIn .45s ease-out both}.mission #objective{animation:hfPulse 3s ease-in-out infinite}.ammo strong{font-variant-numeric:tabular-nums;letter-spacing:2px}.session-card{animation:hfIn .24s ease-out}.session-card h1{letter-spacing:-2px}.session-card .session-status{border-left:2px solid var(--amber);padding-left:12px}.skill-node{transition:transform .16s,border-color .16s,background .16s}.skill-node:hover{transform:translateY(-2px);border-color:var(--lime);background:#243829}.skill-node button:not(:disabled){animation:hfPulse 3.5s ease-in-out infinite}.skill-node button:not(:disabled):hover{animation:none}.map:after{content:"N";position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:8px;color:var(--lime);letter-spacing:2px}.keys br{content:""}.vitals small,.ammo small{letter-spacing:2px;color:#b8c9ae}:root{--glass:rgba(8,20,14,.68)}header{backdrop-filter:blur(4px)}.mission{background:linear-gradient(90deg,var(--glass),transparent);box-shadow:8px 8px 35px #0002}.mission label,#compass,.profile-line{font-weight:700}.map{backdrop-filter:blur(6px)}footer{filter:drop-shadow(0 5px 14px #0006)}.vitals,.ammo{backdrop-filter:blur(8px)}#toast{backdrop-filter:blur(10px)}#menu>div:first-child{filter:drop-shadow(0 12px 24px #0006)}body:before{opacity:.12}.mission{width:258px;margin-top:30px;background:linear-gradient(90deg,rgba(8,20,14,.58),transparent);box-shadow:none}.mission h2{font-size:17px;margin:10px 0 5px}.mission p{font-size:10px;line-height:1.55}.mission #objective{margin-top:10px;padding-top:9px}.map{transform:scale(.88);transform-origin:top right;background:#07120db3;box-shadow:0 6px 22px #0004}.vitals,.ammo{background:#07120da3;padding:10px 12px}.keys{font-size:8px;opacity:.52}.live{background:#07120d9e}#prompt{background:#07120db8;padding:8px 13px}#hud:after{opacity:.42}.session-card:has(.skill-node){max-width:1280px}.session-card:has(.skill-node) .session-columns{grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.session-card:has(.skill-node) .session-columns>div{position:relative;border-top:3px solid #9bbf75;padding:18px;background:linear-gradient(#14251b,#0b1510);min-height:430px}.session-card:has(.skill-node) .session-columns>div:nth-child(2){border-color:#75b7a2}.session-card:has(.skill-node) .session-columns>div:nth-child(3){border-color:#d49a5d}.skill-node{position:relative;margin:26px 0;padding:16px 14px 12px;background:#1b2a20;border:1px solid #5b7655;box-shadow:0 0 0 1px #0a120d}.skill-node:not(:first-of-type):before{content:"";position:absolute;left:50%;top:-27px;height:26px;border-left:2px solid #6d8a65}.skill-node h3{margin:0 0 8px;font-size:14px;letter-spacing:1px;color:#e7eddc}.skill-node small{display:block;min-height:28px;color:#aabd9e;line-height:1.4}.skill-node button{width:100%;margin-top:12px;text-transform:uppercase;letter-spacing:1px}.skill-node button:disabled{opacity:.45;cursor:not-allowed}.session-card:has(.skill-node) .profile-line{border-bottom:1px solid #38523a;padding-bottom:14px}@media(max-width:750px){.session-card:has(.skill-node) .session-columns{grid-template-columns:1fr}}button:disabled{cursor:wait;opacity:.55;background:#809078}.loadbar{width:290px;height:3px;background:#d5e5a726;overflow:hidden}.loadbar i{display:block;width:0;height:100%;background:#d5e5a7;transition:width .15s ease}#auth-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:linear-gradient(120deg,#07140ff2,#122219e8 55%,#07140ff2);backdrop-filter:blur(12px);color:#e8eadf}#auth-screen[hidden]{display:none}.auth-card{width:min(480px,calc(100vw - 32px));padding:36px;background:#101d16f2;border:1px solid #8aa77a;box-shadow:0 24px 90px #000a;position:relative}.auth-card:before,.auth-card:after{content:"";position:absolute;width:18px;height:18px;border-color:#d8e8a7}.auth-card:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.auth-card:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.auth-kicker{font-size:9px;letter-spacing:3px;color:#d8e8a7}.auth-card h2{font-size:30px;margin:16px 0 8px}.auth-card p{font-size:12px;line-height:1.7;color:#b6c2b0}.auth-card label{display:block;margin:18px 0 7px;font-size:9px;letter-spacing:2px;color:#d8e8a7}.auth-card input{width:100%;padding:13px 14px;border:1px solid #526c54;background:#09120d;color:#eff2e5;font:14px Arial;outline:none}.auth-card input:focus{border-color:#d8e8a7;box-shadow:0 0 0 2px #d8e8a722}.auth-actions{display:flex;gap:10px;margin-top:20px}.auth-actions button{min-width:0;flex:1;margin:0;padding:14px 12px;text-align:center;font-size:10px}.auth-actions button[data-auth=register]{background:#263b2c;color:#e8eadf;border-color:#71896a}.auth-actions button:disabled{opacity:.5;cursor:wait}#auth-message{min-height:28px;margin-top:16px;color:#aabd9e;font-size:11px}.mp-status{position:fixed;right:35px;top:74px;z-index:6;padding:7px 10px;border:1px solid #d8e8a733;background:#0c1d15ba;color:#d8e8a7;font-size:8px;letter-spacing:2px;pointer-events:none}#game-mode-screen{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:#07120eef;backdrop-filter:blur(10px);color:#e8eadf}#game-mode-screen[hidden]{display:none}.mode-card{width:min(680px,100%);padding:clamp(24px,5vw,48px);background:linear-gradient(145deg,#17231bf7,#0c1511fa);border:1px solid #70846b;box-shadow:0 24px 90px #000b}.mode-kicker{color:#d8e8a7;font-size:10px;letter-spacing:3px}.mode-card h2{margin:18px 0 8px;font-size:clamp(26px,5vw,42px);letter-spacing:.04em}.mode-card>p{max-width:550px;color:#b9c3b4;line-height:1.6;font-size:13px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 14px}.mode-options button{display:flex;flex-direction:column;gap:12px;min-height:142px;padding:20px;text-align:left;background:#0b1510;border:1px solid #425446;color:#e8eadf}.mode-options button strong{font-size:16px;letter-spacing:.09em}.mode-options button span{color:#aeb9aa;font-size:12px;line-height:1.5}.mode-options button:hover,.mode-options button.selected{border-color:#d8e8a7;background:#1d2d22;box-shadow:inset 0 0 0 1px #d8e8a7}.mode-options button[data-game-mode=pvp].selected{border-color:#ff7545;box-shadow:inset 0 0 0 1px #ff7545}.mode-warning{color:#ff9b72!important;font-size:11px!important;letter-spacing:.04em}#confirm-game-mode{width:100%;margin-top:8px;padding:16px;font-size:12px;letter-spacing:.12em}#confirm-game-mode:disabled{opacity:.4;cursor:not-allowed}#local-game-mode-badge{position:fixed;right:35px;top:111px;z-index:7;padding:8px 12px;border:1px solid #d8e8a755;background:#0b1812e8;color:#d8e8a7;font-size:9px;font-weight:700;letter-spacing:1.5px;pointer-events:none}#local-game-mode-badge[data-mode=pvp]{border-color:#ff7545;color:#ff9975;box-shadow:0 0 18px #ff704033}@media(max-width:600px){.mode-options{grid-template-columns:1fr}.mode-options button{min-height:110px}}