: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)}}.loadout-card{max-width:1320px;opacity:1!important;filter:none!important}.loadout-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff20}.loadout-title h1{font-size:clamp(30px,4vw,55px);margin:15px 0 8px}.loadout-title p{color:#a9b0aa}.loadout-weight{text-align:right;font-size:10px;letter-spacing:2px;color:#aaa}.loadout-weight b{display:block;color:#eee;margin-top:8px}.loadout-layout{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:34px;margin-top:28px}.loadout-layout section,.loadout-layout aside{min-width:0}.weapon-choice{display:flex!important;width:100%;min-width:0!important;margin:0 0 10px!important;gap:16px;align-items:center}.weapon-choice>b{display:grid;place-items:center;width:55px;height:70px;background:#0d1416;color:#e8bd39;font-size:18px}.weapon-choice span{font-weight:800}.weapon-choice small{margin-top:7px;color:#98a19e}.weapon-choice.selected{border-color:#e8b729!important;background:linear-gradient(110deg,#4e243e,#18231e)!important}.loadout-slot{display:grid;grid-template-columns:1fr 55px 94px;align-items:center;padding:10px 12px;margin-bottom:7px;background:#111a19;border:1px solid #394342;font-size:11px;letter-spacing:1px}.loadout-slot strong{text-align:center;color:#e9bc34;font-size:18px}.loadout-slot div{display:flex;gap:4px}.loadout-slot button{min-width:0!important;width:42px;margin:0!important;padding:9px!important;text-align:center!important}.loadout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:18px}.loadout-grid i{display:grid;place-items:center;aspect-ratio:1;border:1px solid #3d464d;background:#0d1318;color:#59616a;font-size:8px;font-style:normal}.loadout-grid i.filled{border-color:#5087a8;color:#dfe9eb;background:linear-gradient(135deg,#13394e,#161b24)}.quick-preview{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid #426b80;background:#111b22}.quick-preview>b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1d4b60;font-size:18px}.quick-preview span{font-size:11px;line-height:1.8}.loadout-layout aside p{font-size:11px;line-height:1.6;color:#9ca8a4}.ready-button{width:100%;min-width:0!important;text-align:center!important;margin-top:28px!important;background:#edb727!important;color:#17130a!important;border-color:#ffd866!important;font-weight:900!important;font-size:14px!important}@media(max-width:900px){.loadout-layout{grid-template-columns:1fr}.loadout-grid{grid-template-columns:repeat(6,1fr)}}: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}#menu{padding:0;background:linear-gradient(90deg,#050809e6 0,#0508096b 27%,#05080914 52%,#05080980 78%,#050809e0),linear-gradient(0deg,rgba(7,10,10,.82),transparent 35%);align-items:stretch;display:block}.lobby-nav{position:absolute;left:0;right:0;top:0;height:54px;display:flex;align-items:center;gap:38px;padding:0 30px;background:#030506e6;border-bottom:1px solid #ffffff16;font-size:12px;letter-spacing:1.2px;z-index:2}.lobby-nav b{font-size:16px;letter-spacing:3px;color:#f0ead9;margin-right:12px}.lobby-nav span{height:54px;display:flex;align-items:center;color:#b8b9b7;font-weight:700}.lobby-nav .active{color:#fff;border-bottom:3px solid #f6bc28}.lobby-left{position:absolute;left:28px;top:82px;width:300px;display:grid;gap:12px}.lobby-panel{padding:16px;background:#0a0d12d1;border:1px solid #ffffff20;box-shadow:0 18px 45px #0007}.lobby-panel label{display:block;margin:-16px -16px 14px;padding:9px 12px;background:#ece4d6;color:#202226;font-weight:900}.lobby-panel h3{font-size:12px;margin:14px 0 5px}.lobby-panel p{font-size:10px!important;line-height:1.45!important;margin:0;color:#c7c7c2!important}.lobby-panel i{display:block;height:5px;margin-top:9px;background:#667083;font-style:normal}.lobby-panel i b{float:right;margin-top:7px;font-size:9px}.lobby-panel.compact label{background:#d2a726}.lobby-center{position:absolute;left:50%;bottom:68px;transform:translate(-50%);width:min(510px,42vw);text-align:center;filter:drop-shadow(0 5px 25px #000)}.lobby-center h1{font-size:clamp(42px,5vw,72px);margin:10px 0 8px}.lobby-center p{margin:0 auto 10px;max-width:480px}.lobby-center button{display:inline-block;min-width:210px;margin:12px 5px 0;text-align:center;padding:15px 18px}.lobby-center #start{background:#efb522;color:#111}.lobby-center #loading{margin:8px 0 0!important}.lobby-center .loadbar{margin:8px auto 0;max-width:430px}.lobby-raid{position:absolute;right:28px;bottom:74px;width:285px;background:#080b11e0;border:1px solid #ffffff24;box-shadow:0 20px 55px #0008}.lobby-raid header{padding:11px 13px;background:#eee7da;color:#202126;font-size:10px}.lobby-raid header span{float:right}.raid-icons{display:flex;gap:10px;padding:18px 16px}.raid-icons i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid #d7ad34;color:#fff;font-style:normal;background:#19202b}.lobby-raid p,.lobby-raid small{margin:0;padding:8px 16px;border-top:1px solid #ffffff16;text-align:center}.lobby-ready{display:block;margin:12px;background:#eeb526;color:#151515;text-align:center;padding:11px}.lobby-footer{position:absolute;left:28px;right:28px;bottom:17px;display:flex;gap:25px;color:#ddd;font-size:10px;font-weight:700;letter-spacing:1px}.index{bottom:15px;right:28px}#hud header{padding:13px 28px;background:linear-gradient(180deg,#06100d8c,transparent)}#hud .brand{font-size:13px}.brand small{display:none}#compass{position:absolute;left:50%;transform:translate(-50%);letter-spacing:12px}.live{padding:6px 9px}.mission{position:absolute;left:26px;bottom:160px;margin:0;width:210px;opacity:.82}.mission h2{font-size:13px}.mission p{display:none}.map{top:auto;bottom:118px;right:28px;transform:scale(.65);transform-origin:bottom right}footer{left:28px;right:28px;bottom:24px}.vitals{width:205px}.vitals,.ammo{border-left:4px solid #e6b732;border-radius:0}.ammo{min-width:210px}.ammo strong{font-size:25px}.keys{opacity:.35}@media(max-width:900px){.lobby-left,.lobby-raid{width:240px}.lobby-center{width:42vw}.lobby-nav{gap:18px}.lobby-nav span:nth-last-child(-n+2){display:none}}@media(max-width:700px){.lobby-left,.lobby-raid{display:none}.lobby-center{width:90vw}.lobby-nav span{display:none}.lobby-footer{justify-content:center}.lobby-footer span:not(:first-child){display:none}}.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}}.secondary-button{display:block;margin-top:10px;background:#172a24d9;color:#dce8d5;border:1px solid #b8cb9d55}.secondary-button:hover{background:#263c31}#settings-screen{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:radial-gradient(circle at 72% 18%,#64785f28,transparent 38%),#09120fee;backdrop-filter:blur(10px)}#settings-screen[hidden]{display:none}.settings-card{width:min(650px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:38px 42px 34px;background:linear-gradient(145deg,#1a2925f2,#0d1714f7);border:1px solid #bfd29b45;box-shadow:0 30px 90px #000b}.settings-card h2{margin:12px 0 28px;font:700 34px/1 Arial,sans-serif;letter-spacing:-1px}.settings-grid{display:grid;gap:20px}.settings-grid>label{display:grid;gap:10px;color:#bfcbb8}.settings-grid select{width:100%;padding:12px 14px;color:#edf3e8;background:#0b1512;border:1px solid #9db08755;outline:none}.range-row{display:grid;grid-template-columns:1fr 64px;gap:18px;align-items:center}.range-row input{width:100%;accent-color:#d5e5a7}.range-row output{font-size:12px;text-align:right;color:#eef4e4}.settings-grid .toggle{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.7px}.toggle input{width:17px;height:17px;accent-color:#d5e5a7}.settings-note{margin:24px 0 0;font-size:11px;color:#aeb9aa}.settings-card button{margin-top:18px}@media(max-width:600px){.settings-card{padding:28px 22px}.settings-card h2{font-size:28px}.settings-grid{gap:16px}}.bindings-panel{margin-top:28px;padding-top:22px;border-top:1px solid #b8cb9d2e}.bindings-panel h3{margin:0 0 8px;font-size:12px;letter-spacing:2px}.bindings-panel>p{margin:0 0 14px;color:#98a493;font-size:10px}.bindings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.binding-row{display:grid;grid-template-columns:1fr 108px;align-items:center;gap:8px;min-height:34px;color:#c7d0c2;font-size:10px}.binding-row button{min-width:0;width:108px;margin:0;padding:9px 8px;text-align:center;font-size:9px;background:#111d19;color:#e4ecd9;border:1px solid #9daf8950}.binding-row button:hover{background:#2a3a30}.bindings-panel>.secondary-button{min-width:0;padding:11px 15px;margin-top:16px}@media(max-width:600px){.bindings-grid{grid-template-columns:1fr}}#quick-wheel{position:fixed;left:50%;top:50%;z-index:70;transform:translate(-50%,-50%);display:flex;gap:8px;padding:10px;background:#0a1310e8;border:1px solid #c9d9ae55;box-shadow:0 18px 60px #000b;pointer-events:none}#quick-wheel[hidden]{display:none}.quick-option{width:150px;padding:20px 16px;background:#16231e;color:#b9c5b2;border:1px solid transparent;text-align:center;font-size:10px;letter-spacing:1.5px}.quick-option strong{display:block;margin-bottom:8px;color:#eef4e5;font-size:15px}.quick-option.selected{background:#314333;border-color:#d6e7ae;color:#fff}.quick-option em{display:block;margin-top:8px;color:#d5e5a7;font-style:normal;font-size:12px}#quick-slot{position:fixed;left:50%;bottom:92px;z-index:12;transform:translate(-50%);padding:7px 12px;background:#0c1713bb;border:1px solid #c7d99a35;color:#dfe8d8;font-size:9px;letter-spacing:1.2px;pointer-events:none}