*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;flex-direction:column;background:#161616;background-image:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%),radial-gradient(circle,#1d1d1d 1px,transparent 1px);background-size:100% 100%,28px 28px;color:#c9c9c9;font-family:Special Elite,Georgia,serif}header{padding:24px 40px;background:#0d0d0d;border-bottom:1px solid #222;box-shadow:0 2px 24px #000c;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}header button{background:none;border:1px solid #444;color:#c9c9c9;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:.85rem;letter-spacing:.08em;cursor:pointer}header button:hover{border-color:#888;color:#e0e0e0}.lang-select{position:relative;background:#0d0d0d;border:1px solid #444;color:#c9c9c9;font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.06em;padding:6px 24px 6px 10px;-webkit-user-select:none;user-select:none}.lang-select:hover{border-color:#888;color:#e0e0e0}.lang-select.open{border-color:#888}.lang-select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(0);pointer-events:none;transition:transform .15s}.lang-select.open .lang-select-arrow{transform:translateY(-50%) rotate(180deg)}.lang-select-opts{display:none;position:absolute;top:calc(100% + 1px);left:-1px;min-width:calc(100% + 2px);background:#0d0d0d;border:1px solid #888;z-index:9999}.lang-select.open .lang-select-opts{display:block}.lang-select-opt{display:block;width:100%;background:none;border:none;color:#c9c9c9;font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.06em;padding:6px 10px;text-align:left}.lang-select-opt:hover{background:#1a1a1a;color:#e0e0e0}.user-menu{position:relative}.user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#1a1a1a;border:1px solid #2a2a2a;min-width:160px;z-index:200}.user-dropdown.open{display:block}.user-dropdown button{display:block;width:100%;border:none;border-bottom:1px solid #2a2a2a;padding:10px 16px;text-align:left;font-size:.82rem}.user-dropdown button:last-child{border-bottom:none}.user-dropdown button:hover{background:#222;border-color:#2a2a2a}header h1{font-weight:400;font-family:Share Tech Mono,monospace;font-size:1.3rem;letter-spacing:.2em;color:#e0e0e0;display:flex;align-items:center;gap:0;line-height:1}.title-scp{color:#fff;font-size:1.3rem;letter-spacing:.2em}.title-sep{color:#5a5a5a;margin:0 10px;font-size:1.1rem;letter-spacing:0}.title-sub{color:#999;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 40px;gap:32px;position:relative;overflow:hidden}#map-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.55}.btn-create,.game-list-frame{position:relative;z-index:1}.btn-create{background:none;border:1px solid #555;color:#c9c9c9;padding:10px 28px;font-family:Share Tech Mono,monospace;font-size:.9rem;letter-spacing:.1em;cursor:pointer}.btn-create:hover{border-color:#999;color:#e0e0e0}.game-list{width:100%;background:#111;border:1px solid #222;max-height:520px;overflow-y:auto}.game-list::-webkit-scrollbar{width:6px}.game-list::-webkit-scrollbar-track{background:#0d0d0d}.game-list::-webkit-scrollbar-thumb{background:#333}.game-list::-webkit-scrollbar-thumb:hover{background:#555}.modal.modal-settings{width:90vw;max-width:860px;height:70vh;gap:0;padding:0;flex-direction:row;overflow:hidden}.settings-sidebar{width:200px;flex-shrink:0;background:#0d0d0d;border-right:1px solid #2a2a2a;display:flex;flex-direction:column}.settings-sidebar-title{font-family:Special Elite,Georgia,serif;font-size:1rem;letter-spacing:.12em;color:#e0e0e0;padding:28px 20px 20px;border-bottom:1px solid #2a2a2a}.settings-nav-item{background:none;border:none;border-left:3px solid transparent;color:#888;font-family:Share Tech Mono,monospace;font-size:.78rem;text-align:left;padding:14px 20px;cursor:pointer;transition:color .15s,background .15s}.settings-nav-item:hover{background:#161616;color:#c9c9c9}.settings-nav-item.active{border-left-color:#c9c9c9;color:#c9c9c9;background:#161616}.settings-nav-danger{color:#7a2020}.settings-nav-danger:hover{color:#a03030;background:#1a0d0d}.settings-nav-danger.active{border-left-color:#a03030;color:#a03030;background:#1a0d0d}.settings-sidebar-spacer{flex:1}.settings-nav-close{background:none;border:none;border-top:1px solid #2a2a2a;color:#555;font-family:Share Tech Mono,monospace;font-size:.78rem;padding:14px 20px;text-align:left;cursor:pointer}.settings-nav-close:hover{color:#c9c9c9}.settings-content{flex:1;overflow-y:auto;padding:32px 36px}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#111}.settings-content::-webkit-scrollbar-thumb{background:#333}.settings-content::-webkit-scrollbar-thumb:hover{background:#555}.settings-tab{display:none;flex-direction:column;gap:14px}.settings-tab.active{display:flex}.settings-tab h4{font-family:Share Tech Mono,monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#888;font-weight:400;margin:0 0 6px}.settings-hint{font-family:Share Tech Mono,monospace;font-size:.75rem;color:#555;margin:0}.settings-success{font-family:Share Tech Mono,monospace;font-size:.78rem;color:#4a8a4a;min-height:1em}.settings-tab.settings-danger h4{color:#7a2020}.btn-danger{border-color:#6b1f1f;color:#a03030}.btn-danger:hover{border-color:#a03030;color:#c04040}.recovery-code-box{font-family:Share Tech Mono,monospace;font-size:1.1rem;letter-spacing:.25em;color:#c9c9c9;background:#1a1a1a;border:1px solid #2a2a2a;padding:10px 16px;text-align:center;display:none}.recovery-code-box.visible{display:block}.game-list-header{padding:10px 16px;background:#0d0d0d;border-bottom:1px solid #222;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.1em;color:#555;text-transform:uppercase;display:flex;align-items:center;gap:10px}.game-count{background:#222;border:1px solid #333;color:#888;font-family:Share Tech Mono,monospace;font-size:.7rem;padding:1px 7px;border-radius:10px}.game-list-empty{padding:24px 16px;font-family:Share Tech Mono,monospace;font-size:.82rem;color:#3a3a3a;text-align:center}.game-list-controls{padding:12px 16px 0}.game-list-controls .switcher button{font-size:.74rem;letter-spacing:.1em;padding:8px 12px}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:center;justify-content:center}.overlay.open{display:flex}.modal{background:#111;border:1px solid #2a2a2a;padding:36px 40px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:20px;overflow:hidden}.modal h3{font-family:Special Elite,Georgia,serif;font-size:1.1rem;font-weight:400;letter-spacing:.12em;color:#e0e0e0}.modal label{display:flex;flex-direction:column;gap:8px;font-family:Share Tech Mono,monospace;font-size:.78rem;letter-spacing:.08em;color:#666;text-transform:uppercase}.modal input[type=text],.modal input[type=password]{background:#0d0d0d;border:1px solid #2a2a2a;color:#c9c9c9;padding:8px 12px;font-family:Share Tech Mono,monospace;font-size:.88rem;outline:none;width:100%}.modal input:focus{border-color:#555}.modal input.error{border-color:#6b1f1f}.field-error{font-family:Share Tech Mono,monospace;font-size:.72rem;color:#a03030;letter-spacing:.06em;margin-top:-4px}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:36px}.toggle-eye{position:absolute;right:10px;background:none;border:none;color:#555;cursor:pointer;padding:0;font-size:1rem;line-height:1}.toggle-eye:hover{color:#999}input::-ms-reveal,input::-ms-clear{display:none}.switcher{display:flex;border:1px solid #2a2a2a;overflow:hidden;width:100%}.switcher button{flex:1;text-align:center;background:none;border:none;color:#555;padding:7px 14px;font-family:Share Tech Mono,monospace;font-size:.82rem;letter-spacing:.08em;cursor:pointer}.switcher button.active{background:#1e1e1e;color:#c9c9c9}.modal .field-password{display:none}.modal .field-password.visible{display:flex}.modal .field-confirm{display:none}.modal .field-confirm.visible{display:flex}.modal .field-recover-code{display:none}.modal .field-recover-code.visible{display:flex}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{background:none;border:1px solid #333;color:#c9c9c9;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:.82rem;letter-spacing:.08em;cursor:pointer}.modal-actions button:hover{border-color:#777;color:#e0e0e0}.game-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #1a1a1a;font-family:Share Tech Mono,monospace;font-size:.84rem}.game-item:last-child{border-bottom:none}.game-item-name{color:#c9c9c9}.game-item-badge{font-size:.7rem;letter-spacing:.08em;padding:2px 8px;border:1px solid #2a2a2a;color:#555;text-transform:uppercase}.game-item-badge.private{border-color:#4a2a2a;color:#7a3a3a}.game-item-badge.public{border-color:#1e4a1e;color:#3a7a3a}.game-search-wrap{padding:8px 12px;border-bottom:1px solid #1e1e1e}.game-search{width:100%;background:#0d0d0d;border:1px solid #1e1e1e;color:#888;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.06em;padding:6px 10px;outline:none}.game-search::placeholder{color:#2e2e2e}.game-search:focus{border-color:#3a3a3a;color:#c9c9c9}.game-item-left{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.game-item-badge.choice{border-color:#2a3f2a;color:#7ea47e}.game-item-badge.choice.faction{border-color:#274b72;color:#6da7dc}.game-item-badge.choice.country{border-color:#4a4a2a;color:#b6b06a}.btn-join{background:none;border:1px solid #333;color:#888;padding:4px 14px;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.08em;cursor:pointer;white-space:nowrap}.btn-join:hover{border-color:#777;color:#c9c9c9}footer{padding:16px 40px;background:#0d0d0d;border-top:1px solid #222;box-shadow:0 -2px 24px #000c;font-size:.78rem;color:#444;letter-spacing:.06em;text-align:center}footer a,.footer-link{color:#555;text-decoration:none;border-bottom:1px solid #333}footer a:hover,.footer-link:hover{color:#888;border-color:#666}.footer-link{background:none;border-top:none;border-left:none;border-right:none;font-family:inherit;font-size:inherit;letter-spacing:inherit;padding:0;margin:0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9998}.net-status{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;pointer-events:none}.net-dot{width:5px;height:5px;border-radius:50%;background:#286028;box-shadow:0 0 5px #286028;animation:dot-pulse 2.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.net-label{font-family:Share Tech Mono,monospace;font-size:.58rem;letter-spacing:.18em;color:#286028;text-transform:uppercase}.net-scan-label{font-family:Share Tech Mono,monospace;font-size:.58rem;letter-spacing:.18em;color:#f90;text-transform:uppercase;animation:scan-pulse .9s ease-in-out infinite alternate}@keyframes scan-pulse{0%{opacity:.4}to{opacity:1}}body:not(.map-scan-done) .net-label{display:none}body.map-scan-done .net-scan-label{display:none}body:not(.map-scan-done) .net-dot{background:#f90;box-shadow:0 0 5px #f90}.game-list-frame{position:relative;width:100%;max-width:600px}.game-list-frame:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:linear-gradient(#3a3a3a,#3a3a3a) top left / 14px 1px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) top left / 1px 14px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) top right / 14px 1px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) top right / 1px 14px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) bottom left / 14px 1px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) bottom left / 1px 14px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) bottom right / 14px 1px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) bottom right / 1px 14px no-repeat;pointer-events:none}.game-list-empty:before{content:"> ";color:#303030}.game-list-empty:after{content:"_";color:#303030;margin-left:4px;animation:cursor-blink 1.1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.net-dot{animation:none}.game-list-empty:after{animation:none}}@media(max-width:900px){.modal.modal-settings{width:96vw;height:78vh}.settings-sidebar{width:170px}}@media(max-width:600px){header{padding:14px 16px}header h1{font-size:1rem}main{padding:24px 16px}footer{padding:12px 16px;font-size:.7rem}.modal{padding:24px 20px}.overlay{padding:0 12px}.modal.modal-settings{flex-direction:column;width:100%;height:88vh;max-height:88vh}.settings-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #2a2a2a;overflow-x:auto}.settings-sidebar-title,.settings-sidebar-spacer,.settings-nav-close{display:none}.settings-nav-item{flex:1;min-width:max-content;text-align:center;padding:10px;font-size:.7rem;border-left:none;border-bottom:3px solid transparent;border-top:none}.settings-nav-item.active{border-left:none;border-bottom-color:#c9c9c9;background:#161616}.settings-nav-danger.active{border-bottom-color:#a03030}.settings-content{padding:20px 16px;flex:1;overflow-y:auto}.game-list{width:100%;max-height:340px}.modal-actions{flex-wrap:wrap}}#intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 74% 44%,rgba(39,99,89,.18),transparent 34%),linear-gradient(120deg,#091115,#05090b 60%,#07100e);z-index:9999;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,10vw,160px);font-family:IBM Plex Mono,monospace;overflow:hidden;cursor:pointer;transition:opacity .9s ease;animation:crt-on .4s ease-out forwards}@keyframes crt-on{0%{clip-path:inset(50% 0 50% 0);filter:brightness(6);opacity:.6}60%{clip-path:inset(2% 0 2% 0);filter:brightness(1.8)}to{clip-path:inset(0 0 0 0);filter:brightness(1);opacity:1}}#intro-screen.fade-out{opacity:0;pointer-events:none}#intro-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,#00000026 2px,#00000026 4px),linear-gradient(rgba(110,206,181,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(110,206,181,.055) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;pointer-events:none;z-index:1}#intro-screen:after{content:"";position:absolute;top:50%;right:clamp(34px,9vw,150px);width:min(30vw,380px);aspect-ratio:1;transform:translateY(-50%);border:1px solid rgba(112,214,181,.16);background:linear-gradient(90deg,transparent 49.7%,rgba(112,214,181,.3) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(112,214,181,.3) 50%,transparent 50.3%);box-shadow:inset 0 0 70px #256e5d1f,0 0 60px #0000003d;pointer-events:none}#intro-wrap{position:relative;z-index:2;display:flex;flex-direction:column;width:min(680px,64vw);padding:30px 0 32px 30px;border-left:2px solid var(--signal);background:linear-gradient(90deg,rgba(8,20,23,.7),transparent)}#intro-wrap:before{content:"ACCÈS SÉCURISÉ // NIVEAU 04";color:var(--signal);font-size:9px;font-weight:600;letter-spacing:.15em;margin-bottom:20px}#intro-title{color:var(--text);font-family:Rajdhani,sans-serif;font-size:clamp(2rem,4.3vw,4rem);font-weight:700;letter-spacing:.13em;line-height:.9;margin-bottom:14px;text-shadow:0 0 26px rgba(200,241,230,.2)}#intro-sub{color:var(--muted);font-size:10px;letter-spacing:.12em;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid rgba(83,105,114,.56)}.intro-line{display:flex;justify-content:space-between;width:min(640px,90vw);color:#3f4;font-size:clamp(.72rem,1.4vw,.88rem);letter-spacing:.05em;line-height:1.9;text-shadow:0 0 8px rgba(51,255,68,.5);min-height:1.7em}.intro-line .st{color:#1d7a28;margin-left:20px;flex-shrink:0;text-shadow:0 0 6px rgba(29,122,40,.45)}.intro-line.warn{color:#e8a020;text-shadow:0 0 8px rgba(232,160,32,.5)}.intro-line.warn .st{color:#b06010;text-shadow:0 0 6px rgba(176,96,16,.45)}.intro-line.final{color:silver;font-size:clamp(.82rem,1.8vw,1.05rem);letter-spacing:.22em;margin-top:22px;justify-content:flex-start;text-shadow:0 0 16px rgba(200,200,200,.45)}#intro-cursor{display:inline-block;color:#3f4;font-size:.88rem;line-height:1.9;animation:iblink .55s step-end infinite;text-shadow:0 0 8px rgba(51,255,68,.8)}@keyframes iblink{50%{opacity:0}}#intro-skip{position:absolute;bottom:24px;right:32px;font-family:IBM Plex Mono,monospace;font-size:.65rem;letter-spacing:.18em;color:var(--muted);background:#081013c2;border:1px solid var(--line);padding:8px 14px;cursor:pointer;z-index:11;transition:color .2s,border-color .2s,box-shadow .2s;text-transform:uppercase}#intro-skip:hover{color:var(--signal);border-color:var(--signal);box-shadow:0 0 12px #70d6b538}header,main,footer{opacity:0;transition:opacity 1.1s ease}body.page-ready header,body.page-ready main,body.page-ready footer{opacity:1}body.returning-to-menu header,body.returning-to-menu main,body.returning-to-menu footer{transition:none}.btn-create,.game-list-frame{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .6s ease}body.map-scan-done .btn-create{opacity:1;transform:none;transition-delay:.1s}body.map-scan-done .game-list-frame{opacity:1;transform:none;transition-delay:.3s}#intro-progress-track{position:absolute;bottom:56px;left:50%;transform:translate(-50%);width:min(380px,52vw);height:4px;background:#70d6b50f;border:1px solid rgba(112,214,181,.24);z-index:3}#intro-progress-track:before,#intro-progress-track:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:5px;height:10px;border:1px solid rgba(51,255,68,.28)}#intro-progress-track:before{right:calc(100% + 5px);border-right:none}#intro-progress-track:after{left:calc(100% + 5px);border-left:none}#intro-progress-bar{height:100%;width:0%;background:repeating-linear-gradient(90deg,#3f4,#3f4 5px,#33ff4440 5px,#33ff4440 7px);box-shadow:0 0 10px #33ff448c,0 0 22px #33ff4438;transition:width .32s ease}#intro-seal{position:absolute;z-index:2;top:clamp(28px,6vh,70px);right:clamp(28px,6vw,96px);display:flex;align-items:center;gap:12px;color:var(--muted);font-size:9px;letter-spacing:.12em}#intro-seal img{width:42px;height:42px;opacity:.72;filter:grayscale(1) sepia(.3) hue-rotate(105deg) saturate(1.2)}#intro-gate span{padding:12px 18px;border:1px solid rgba(112,214,181,.56);background:#081818db;box-shadow:0 0 22px #70d6b524}@media(max-width:760px){#intro-screen{padding:0 24px}#intro-screen:after{display:none}#intro-wrap{width:100%;padding:24px 0 24px 20px}#intro-seal{right:24px;top:22px}#intro-seal span{display:none}#intro-progress-track{width:min(300px,70vw)}}*,*:before,*:after{cursor:none!important}#cc{position:fixed;pointer-events:none;z-index:999999;width:22px;height:22px;top:0;left:0;transform:translate(-50%,-50%);will-change:transform}.cc-h{position:absolute;top:50%;left:0;width:100%;height:1px;background:#3f4;box-shadow:0 0 4px #33ff44b3;transform:translateY(-50%)}.cc-v{position:absolute;left:50%;top:0;height:100%;width:1px;background:#3f4;box-shadow:0 0 4px #33ff44b3;transform:translate(-50%)}.cc-dot{position:absolute;top:50%;left:50%;width:3px;height:3px;background:#3f4;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #33ff44e6}#cc.is-ptr .cc-h,#cc.is-ptr .cc-v{background:#fff;box-shadow:0 0 4px #ffffff80}#cc.is-ptr .cc-dot{background:#fff;box-shadow:0 0 6px #ffffffb3}:root{--void: #06090c;--surface: #10171c;--surface-raised: #162127;--line: #314049;--line-strong: #536972;--text: #e8eff1;--muted: #91a2a9;--signal: #70d6b5;--signal-dim: #246b5a;--restricted: #79acd9;--warning: #efad68;--danger: #df7474}body{background:radial-gradient(ellipse at 50% 32%,rgba(41,96,94,.22),transparent 48%),linear-gradient(135deg,#0b1216 0%,var(--void) 72%);color:var(--text);font-family:IBM Plex Mono,monospace}header,footer{background:#090e12f0;border-color:var(--line);box-shadow:0 12px 34px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header{min-height:86px;padding:18px clamp(18px,4vw,56px)}header h1,.settings-sidebar-title,.modal h3{font-family:Rajdhani,sans-serif;font-weight:700}header h1{letter-spacing:.13em}.title-scp{color:var(--text);font-size:1.55rem}header button,.lang-select,.btn-create,.btn-join,.modal-actions button{border-color:var(--line);color:var(--text);font-family:IBM Plex Mono,monospace;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}header button:hover,.lang-select:hover,.btn-join:hover,.modal-actions button:hover{border-color:var(--signal);color:var(--signal);background:#70d6b514}.btn-create{padding:13px 24px;border-color:var(--signal);background:#0b2b27bd;color:var(--signal);box-shadow:inset 0 0 0 1px #70d6b514,0 10px 24px #0003}.btn-create:hover{border-color:#b5f0dc;background:#154d43cc;color:#d8fff1;transform:translateY(-2px)}main{padding:clamp(32px,6vh,72px) clamp(18px,4vw,56px);gap:26px}#map-bg-canvas{opacity:.36;filter:saturate(.64) hue-rotate(90deg)}.game-list-frame{max-width:720px}.game-list-frame:before{opacity:.7}.game-list{max-height:500px;background:#0b1115e3;border-color:var(--line);box-shadow:0 22px 48px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.game-list-header{padding:14px 16px;background:#121d22e6;border-color:var(--line);color:var(--muted)}.game-count{border-radius:3px;background:#70d6b51a;border-color:#70d6b56b;color:var(--signal)}.game-list-controls{padding-top:14px}.switcher{border-color:var(--line);border-radius:4px}.switcher button{color:var(--muted)}.switcher button.active{background:#70d6b51f;color:var(--signal)}.game-search-wrap{border-color:var(--line)}.game-search,.modal input[type=text],.modal input[type=password]{border-color:var(--line);background:#0a1013;color:var(--text);font-family:IBM Plex Mono,monospace}.game-search::placeholder{color:#5d7078}.game-search:focus,.modal input:focus{border-color:var(--signal);box-shadow:0 0 0 2px #70d6b51a}.game-item{min-height:64px;border-color:#5369725c;transition:background .18s ease}.game-item:hover{background:#70d6b50b}.game-item-name{color:var(--text)}.game-item-badge{border-radius:3px;border-color:var(--line);color:var(--muted)}.game-item-badge.public{border-color:#70d6b566;color:var(--signal)}.game-item-badge.private{border-color:#efad6866;color:var(--warning)}.game-list-empty{color:var(--muted)}.overlay{background:#020507c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal,.modal.modal-settings{background:#0e161a;border-color:var(--line-strong);box-shadow:0 30px 72px #0000009e,inset 0 0 0 1px #ffffff06}.modal h3{color:var(--text);font-size:1.45rem;letter-spacing:.11em}.modal label,.settings-tab h4{color:var(--muted)}.settings-sidebar{background:#0a1013;border-color:var(--line)}.settings-sidebar-title{color:var(--text)}.settings-nav-item{color:var(--muted)}.settings-nav-item:hover,.settings-nav-item.active{background:#70d6b514;color:var(--signal)}.settings-nav-item.active{border-left-color:var(--signal)}.settings-hint{color:var(--muted)}.settings-success{color:var(--signal)}.btn-danger,.settings-nav-danger{color:var(--danger)}.btn-danger:hover{border-color:var(--danger);color:#ffc0c0;background:#df747414}.field-error{color:#ff9d9d}.net-dot{border-radius:2px;background:var(--signal);box-shadow:0 0 8px var(--signal)}.net-label{color:var(--signal)}footer{color:var(--muted)}footer a,.footer-link{color:var(--muted);border-color:var(--line)}#intro-screen{background:#070b0e;font-family:IBM Plex Mono,monospace}#intro-title{color:var(--text);font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.18em}#intro-sub{color:var(--muted);border-color:var(--line)}.intro-line{color:var(--signal);text-shadow:0 0 8px rgba(112,214,181,.45)}.intro-line .st{color:var(--signal-dim)}.intro-line.warn{color:var(--warning)}.intro-line.final{color:var(--text)}#intro-progress-track{background:#70d6b514;border-color:#70d6b547}#intro-progress-bar{background:repeating-linear-gradient(90deg,var(--signal) 0 5px,rgba(112,214,181,.25) 5px 7px)}#cc .cc-h,#cc .cc-v,#cc .cc-dot{background:var(--signal);box-shadow:0 0 6px #70d6b5d1}@media(pointer:coarse){*,*:before,*:after{cursor:auto!important}#cc{display:none}}@media(max-width:700px){header{min-height:70px}.net-status,.title-sub,.title-sep{display:none}.game-item{align-items:flex-start;gap:12px}.game-item-left{gap:7px}.btn-join{min-height:34px}}:root{--void: #111315;--surface: #1a1e20;--surface-raised: #222729;--line: rgba(232, 234, 228, .15);--line-strong: rgba(232, 234, 228, .28);--text: #f4f4ef;--muted: #abb1ab;--signal: #e26c4f;--signal-dim: #9d4636;--restricted: #6ab6ac;--warning: #e8ad63;--danger: #e27575}@media(pointer:fine){*,*:before,*:after{cursor:none!important}#cc{display:block;width:18px;height:18px}#cc .cc-h,#cc .cc-v{background:#f4f4efd1;box-shadow:none}#cc .cc-dot{width:4px;height:4px;border-radius:1px;background:var(--signal);box-shadow:0 0 0 2px #111315db}#cc.is-ptr .cc-h,#cc.is-ptr .cc-v{background:var(--signal);box-shadow:none}#cc.is-ptr .cc-dot{background:var(--text);box-shadow:0 0 0 2px #111315e6}}@media(pointer:coarse){*,*:before,*:after{cursor:auto!important}#cc{display:none!important}}body{background:linear-gradient(180deg,rgba(106,182,172,.055),transparent 280px),linear-gradient(145deg,#1a1e1d,#111413 52%,#181615);color:var(--text);font-family:Manrope,sans-serif}header,footer{background:#171a1b;border-color:var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}header{min-height:78px;box-shadow:0 1px #ffffff09}footer{border-top:1px solid var(--line)}header h1,.settings-sidebar-title,.modal h3,.game-item-name{font-family:Space Grotesk,sans-serif;letter-spacing:0}.title-scp{font-size:1.35rem}.title-sep{color:var(--signal)}.title-sub{color:var(--muted)}header button,.lang-select,.btn-create,.btn-join,.modal-actions button{border-radius:6px;font-family:Manrope,sans-serif;letter-spacing:0;text-transform:none}header button:hover,.lang-select:hover,.btn-join:hover,.modal-actions button:hover{border-color:var(--restricted);color:var(--text);background:#6ab6ac1a}.lang-select{background:var(--surface)}.lang-select-opts{background:var(--surface-raised);border-color:var(--line-strong);box-shadow:0 12px 28px #00000047}.lang-select-opt{font-family:Manrope,sans-serif;letter-spacing:0}.lang-select-opt:hover{background:#ffffff12;color:var(--text)}main{gap:24px}#map-bg-canvas{opacity:.18;filter:saturate(.62) contrast(.92)}.btn-create{border-color:var(--signal);border-radius:6px;background:var(--signal);color:#20120e;box-shadow:none;font-weight:700}.btn-create:hover{border-color:#ef8b70;background:#ef8b70;color:#20120e;transform:translateY(-1px)}.game-list-frame{max-width:760px}.game-list{border-color:var(--line);border-radius:8px;background:#1a1f1f;box-shadow:0 20px 42px #00000040;-webkit-backdrop-filter:none;backdrop-filter:none}.game-list-frame:before{display:none}.game-list-header{background:transparent;border-color:var(--line);color:var(--text)}.game-list-header,.game-list-empty{font-family:Manrope,sans-serif;letter-spacing:0;text-transform:none}.game-list-empty:before,.game-list-empty:after{content:none;display:none}.game-count{border-radius:999px;background:#6ab6ac1f;border-color:#6ab6ac73;color:var(--restricted)}.switcher{border-radius:6px;border-color:var(--line)}.switcher button{letter-spacing:0;text-transform:none}.switcher button.active{background:#6ab6ac24;color:var(--text)}.game-search,.modal input[type=text],.modal input[type=password]{border-radius:6px;background:#111514;font-family:Manrope,sans-serif;letter-spacing:0}.game-item{border-color:#e8eae41a}.game-item:hover{background:#ffffff0b}.game-item-badge{border-radius:999px;letter-spacing:0}.btn-join{border-radius:6px}.overlay{background:#080a0ad1;-webkit-backdrop-filter:none;backdrop-filter:none}.modal,.modal.modal-settings{border-radius:8px;background:#1a1f1f;border-color:var(--line-strong);box-shadow:0 24px 56px #00000059}.modal h3{font-size:1.35rem}.settings-sidebar{background:#15191a}.settings-nav-item{letter-spacing:0;text-transform:none}#intro-screen{background:linear-gradient(140deg,#151918,#101112 58%,#171312);font-family:Manrope,sans-serif;cursor:auto}#intro-screen:before,#intro-screen:after{display:none}#intro-wrap{width:min(620px,84vw);padding:0 0 0 26px;border-left-color:var(--signal);background:none}#intro-wrap:before{content:"SECURE. CONTAIN. PROTECT.";color:var(--restricted);font-family:Manrope,sans-serif;letter-spacing:0}#intro-title{font-family:Space Grotesk,sans-serif;letter-spacing:0;text-shadow:none}#intro-sub{font-family:Manrope,sans-serif;letter-spacing:0}.intro-line{font-family:Manrope,sans-serif;letter-spacing:0;text-shadow:none}.intro-line.final{letter-spacing:0;text-shadow:none}#intro-cursor{display:none!important}#intro-skip{border-radius:6px;border-color:var(--line-strong);background:#ffffff0d;font-family:Manrope,sans-serif;letter-spacing:0}#intro-gate span{border-radius:6px;border-color:var(--restricted);background:#202625;box-shadow:none;font-family:Manrope,sans-serif!important;letter-spacing:0!important;text-shadow:none!important}#intro-progress-track{display:none}#intro-seal{font-family:Manrope,sans-serif;letter-spacing:0}