:root{color-scheme:dark;--shell:#282821;--screen:#0b0d0b;--ink:#d0cebb;--muted:#9c9c8b;--line:#515348;--amber:#efb543;font-family:"Cascadia Mono","Consolas","Liberation Mono",monospace}
*{box-sizing:border-box}body{margin:0;background:var(--shell);color:var(--ink)}a{color:inherit}::selection{color:var(--screen);background:var(--amber)}.skip{position:fixed;top:-100px;left:35px;padding:12px;background:var(--amber);color:#111;z-index:10}.skip:focus{top:12px}a:focus-visible{outline:3px solid var(--amber);outline-offset:5px}main:focus,section:focus{outline:none}
.terminal{max-width:2200px;margin:auto;padding-top:clamp(12px,1.2vw,24px)}.bezel{margin:0 clamp(10px,1.5vw,30px);padding:clamp(12px,1.6vw,30px);background:#060705;border:2px solid #181914;border-radius:clamp(32px,4vw,72px);box-shadow:0 2px 0 #3b3b30,inset 0 8px 12px #000}.crt{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 142px);border:2px solid var(--line);border-radius:clamp(22px,2vw,38px);background:radial-gradient(ellipse at 30% 20%,#171a1540,transparent 70%),var(--screen);box-shadow:inset 0 0 60px #0009,0 0 0 12px #0c0d0a;display:flex;flex-direction:column}.crt::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#00000029 0px,#00000029 1px,transparent 1px,transparent 3px);box-shadow:inset 0 0 70px #0006}
.command-header{position:relative;padding:clamp(20px,1.4vw,28px) clamp(25px,2.6vw,50px) 0}.terminal-id,.connection-id{font-size:clamp(10px,.95vw,18px);line-height:1.5;letter-spacing:.13em;color:var(--muted)}.connection-id{position:absolute;right:clamp(25px,2.6vw,50px);top:clamp(20px,1.4vw,28px);text-align:right}h1{font-family:"Arial Black","Impact",sans-serif;font-size:clamp(54px,5.7vw,110px);line-height:1;letter-spacing:-.055em;font-weight:900;margin:12px 0 14px;text-transform:uppercase;color:#d3d1c0;max-width:88%}.tagline{font-size:clamp(12px,1.25vw,24px);letter-spacing:.28em;margin:0;padding-bottom:14px;max-width:650px;width:48%;border-bottom:2px solid #b6b6a0;white-space:nowrap}.insignia{position:absolute;right:30px;top:132px;width:76px;color:#979b87;text-align:center}.insignia svg{width:70px;height:52px;display:block;margin:auto}.insignia strong{display:block;font:900 29px/1.7 "Arial Black",sans-serif}.insignia span{display:block;font-size:14px;line-height:1.45;letter-spacing:.12em;text-align:left;padding-left:4px}
.command-body{display:grid;grid-template-columns:minmax(270px,29%) minmax(0,1fr);align-items:start;gap:clamp(50px,6vw,120px);padding:30px clamp(25px,2.6vw,50px) 55px;flex:1;min-height:390px}.menu{display:grid;gap:6px;padding-left:15px}.menu a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:12px 22px 12px 30px;min-height:55px;text-decoration:none;font-size:clamp(17px,1.75vw,32px);font-weight:bold;line-height:1.2;letter-spacing:.04em}.menu a::before{content:"";position:absolute;left:-16px;top:24%;height:52%;width:5px;background:#ac863a}.menu .chevron{visibility:hidden;font:bold 38px/.6 monospace}.menu .menu-home{background:var(--amber);color:#10120b;border-color:#f2d891}.menu .menu-home .chevron{visibility:visible}.crt:has(.content-panel:target) .menu-home{background:transparent;border-color:var(--line);color:var(--ink)}.crt:has(.content-panel:target) .menu-home .chevron{visibility:hidden}
.crt:has(#personnel:target) a[href="#personnel"],.crt:has(#clans:target) a[href="#clans"],.crt:has(#servers:target) a[href="#servers"],.crt:has(#store:target) a[href="#store"],.menu a:hover{background:var(--amber);color:#10120b;border-color:#f2d891}
.crt:has(#personnel:target) a[href="#personnel"] .chevron,.crt:has(#clans:target) a[href="#clans"] .chevron,.crt:has(#servers:target) a[href="#servers"] .chevron,.crt:has(#store:target) a[href="#store"] .chevron,.menu a:hover .chevron{visibility:visible}
.briefing{padding-top:4px;padding-right:90px;max-width:680px}.content-panel{display:none}.content-panel:target{display:block}.briefing:has(.content-panel:target) .home-panel{display:none}.panel-code{font-size:10px;letter-spacing:.13em;color:var(--muted);margin:0 0 24px}h2{font-size:clamp(17px,1.65vw,26px);line-height:1.4;letter-spacing:.07em;margin:0 0 22px;font-weight:normal}.briefing p:not(.panel-code):not(.availability){font-size:clamp(12px,.95vw,16px);line-height:1.8;max-width:490px}.availability{display:inline-block;border:1px solid #8c7237;color:var(--amber);font-size:11px;letter-spacing:.13em;padding:4px 9px;margin:0 0 10px}.briefing .panel-note{color:var(--muted);padding-top:17px;border-top:1px solid #3d4135;margin-top:25px}.prompt{display:block;color:#b59851;font-size:10px;letter-spacing:.07em;margin-top:34px}
.status-bar{border-top:2px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px}.status-bar>span{padding:8px clamp(10px,1.6vw,32px);border-left:1px solid #44483a;font-size:clamp(9px,1vw,18px);letter-spacing:.07em;white-space:nowrap}.status-bar>span:first-child{border-left:0}.status-bar i{display:inline-block;background:var(--amber);width:.8em;height:.8em;margin-right:12px}.status-bar b{color:var(--amber);font-weight:normal}.status-bar .green{background:#8bb383}.status-bar .green-text{color:#8bb383}.status-bar .ivory{background:#d2d2a5}.status-bar .grey{background:#a5ad8c}
.hardware{display:flex;align-items:center;gap:clamp(18px,2.5vw,50px);padding:24px clamp(25px,2.5vw,50px);color:#858777;font-size:clamp(10px,1.05vw,19px);letter-spacing:.18em;background:linear-gradient(#24241e,#1c1d16);margin-top:10px;border-top:1px solid #3b3c30;white-space:nowrap}.hardware-spacer{flex:1}.screw{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#555648 0 24%,#11130d 26%);flex-shrink:0}.vent{height:22px;width:75px;background:repeating-linear-gradient(0deg,#0d0f09 0 7px,transparent 7px 13px)}.vent.small{width:95px}.power-light{width:42px;height:23px;background:var(--amber);border:4px solid #4c4023;outline:2px solid #0c0d08}
.command-body{min-height:300px;padding-top:24px;padding-bottom:36px}.menu a{min-height:44px;padding-top:8px;padding-bottom:8px}.briefing section{scroll-margin-top:55svh}
@media(min-width:1700px){.command-body{min-height:530px}.menu a{min-height:66px}.insignia{right:35px;top:140px}}
@media(max-width:1050px){.command-body{grid-template-columns:minmax(250px,35%) minmax(0,1fr);gap:38px}.menu a{padding:13px 16px;font-size:18px}.briefing{padding-right:45px}.insignia{top:110px;width:50px;right:18px}.insignia svg{width:48px;height:38px}.insignia strong{font-size:21px}.insignia span{font-size:9px}.tagline{width:65%}.status-bar>span{letter-spacing:0;padding:8px;font-size:9px}.status-bar i{margin-right:6px}.hardware .vent.small{display:none}}
@media(max-width:700px){.bezel{padding:10px;margin:0 8px;border-radius:26px}.crt{border-radius:18px;box-shadow:inset 0 0 30px #0008;min-height:calc(100svh - 92px)}.command-header{padding:20px 19px 0}.terminal-id{font-size:9px;letter-spacing:.1em}.connection-id{font-size:7px;right:19px;top:21px;letter-spacing:.05em}h1{font-size:clamp(32px,7.7vw,52px);margin:22px 0 17px;max-width:100%;letter-spacing:-.065em}.tagline{width:100%;font-size:clamp(8px,2.3vw,12px);letter-spacing:.17em;padding-bottom:14px}.insignia{display:none}.command-body{grid-template-columns:1fr;gap:30px;padding:22px 19px 32px;min-height:0}.menu{padding-left:11px;gap:6px}.menu a{font-size:17px;min-height:46px;padding:10px 17px}.menu a::before{left:-12px;width:4px}.menu .chevron{font-size:30px}.briefing{padding:0 0 0 11px}.panel-code{font-size:9px;margin-bottom:15px}h2{font-size:17px;margin-bottom:16px}.briefing p:not(.panel-code):not(.availability){font-size:12px}.briefing .panel-note{margin-top:19px;padding-top:15px}.prompt{font-size:9px;margin-top:22px}.status-bar{grid-template-columns:1fr 1fr;gap:5px 0;padding:8px 10px}.status-bar>span{font-size:8px;padding:5px 4px}.status-bar>span:nth-child(3){border-left:0}.status-bar i{margin-right:5px}.hardware{font-size:8px;gap:15px;padding:17px 20px;margin-top:8px;letter-spacing:.1em}.hardware .vent,.hardware .screw:last-child{display:none}.power-light{width:25px;height:16px;border-width:3px}}
@media(max-width:700px){.briefing section{scroll-margin-top:24px}}
@media(prefers-contrast:more){:root{--ink:#f5f5db;--muted:#c5c5b1;--line:#7c806b}}