@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#070806;--panel:#10120d;--line:#34352e;--text:#eee8d9;--muted:#9b9a90;--accent:#d7d1c2;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}a{color:inherit;text-decoration:none}button{cursor:pointer}button:hover,a:hover{color:var(--accent)}button:disabled{opacity:.5}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#070806ed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;gap:13px;align-items:center;font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:1px;line-height:1.1}.brand small{display:block;font:9px var(--mono);letter-spacing:1.4px;margin-top:6px;color:var(--muted)}.insignia{border:2px solid var(--accent);color:var(--accent);width:48px;height:54px;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);text-align:center;padding-top:8px;font-size:22px;line-height:1}.insignia span{display:block;font-size:14px;margin-top:2px}nav{display:flex;gap:30px;font-size:12px;font-weight:600}nav a{padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:#0b0c09;padding:17px 23px;font:600 12px var(--mono);border:1px solid var(--accent);letter-spacing:.4px}.button:hover{background:#eee8d9;color:#080906}.compact{padding:13px 18px;font-size:10px}.menu{display:none}.hero{min-height:660px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-3;background:url('hero.jpg') center 42%/cover;filter:grayscale(.6);transform:scale(1.01)}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050604ec 0%,#050604b8 45%,#05060426 100%),linear-gradient(0deg,#070806de,transparent 50%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:84px 84px;z-index:-1}.hero-content{padding:65px 6% 100px;width:100%}.eyebrow{font:11px var(--mono);letter-spacing:1.7px;color:var(--accent);margin:0 0 25px;display:flex;align-items:center;gap:11px}.dot{height:6px;width:6px;background:var(--accent);display:inline-block;border-radius:50%;box-shadow:0 0 0 4px #d7d1c215}h1,h2,h3,h4,p{margin-top:0}h1{font:800 clamp(65px,6.7vw,110px)/.92 var(--display);letter-spacing:-1px;max-width:1050px;margin-bottom:25px}em{font-style:normal;color:var(--accent)}.intro{max-width:480px;color:#c2bdaf;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:35px;align-items:center;margin-top:35px}.text-link{font:11px var(--mono);letter-spacing:.5px}.hero-foot{position:absolute;bottom:0;left:6%;right:6%;display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding:23px 0;font:9px var(--mono);letter-spacing:1.1px;color:#c2bdaf}.ticker{background:var(--accent);color:#0b0c09;padding:14px 6%;display:flex;justify-content:space-between;font:600 10px var(--mono);letter-spacing:1.5px}.section{padding:90px 6%;scroll-margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading p:last-child{color:var(--muted);font-size:13px}h2{font:700 clamp(40px,4.3vw,65px)/1 var(--display);letter-spacing:-.5px;margin-bottom:0}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.server{border:1px solid var(--line);background:var(--panel)}.server-art{height:225px;position:relative;overflow:hidden;background:#292b21;padding:22px}.terrain{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 80% 90%,transparent 0,transparent 18px,#a89b7c20 19px,transparent 20px),linear-gradient(130deg,transparent 35%,#06070566 35%,#06070566 52%,transparent 52%);transform:scale(1.3) rotate(-12deg)}.arma .server-art{background:#242722}.reforger .server-art{background:#2b2b20}.game-number{position:absolute;right:22px;top:12px;font:70px var(--display);color:#d7d1c216}.game-label{font:9px var(--mono);letter-spacing:2px;position:relative;color:#c9c5b8}h3{font:600 28px var(--display)}.server-art h3{position:absolute;bottom:20px;left:24px;font:800 55px/.95 var(--display);margin:0;letter-spacing:2px}.server-art h3 b{color:var(--accent);font-weight:700}.reforger h3{font-size:36px}.server-info{padding:24px}.server-info p{font-size:13px;min-height:67px;color:var(--muted)}.server-meta{padding:17px 0;border-top:1px solid var(--line)}.server-meta span{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:7px}.server-meta strong{font:13px var(--mono);color:var(--text)}.server-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;gap:5px}.server-actions button{background:none;border:0;color:var(--accent);font:9px var(--mono);padding:0}.footnote{font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0 0}.community{background:#0b0c09;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-block:1px solid var(--line)}.body-copy{color:var(--muted);max-width:480px;margin:25px 0;font-size:14px}.doctrine{display:flex;gap:20px;align-items:baseline;margin-top:26px}.doctrine>span{font:10px var(--mono);color:var(--accent)}h4{font-size:15px;font-weight:600;margin-bottom:5px}.doctrine p{color:var(--muted);font-size:12px;margin:0}.unit-board{border:1px solid #5a594e;align-self:center;background:#0a0c08;padding:26px;position:relative}.unit-board:before{content:'HC / ORBAT';position:absolute;top:-10px;left:25px;background:#0b0c09;padding:0 10px;font:9px var(--mono);letter-spacing:2px;color:var(--accent)}.board-top{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);padding-bottom:20px;border-bottom:1px solid var(--line)}.board-top span:last-child{font-size:8px}.unit-list>div{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.unit-list b{font:24px var(--display);color:var(--accent)}.unit-list h4{font:24px var(--display);margin:0}.unit-list span{font:8px var(--mono);color:var(--muted)}.unit-board>p{font-size:11px;color:var(--muted);margin:22px 0}.aviation{background:#d7d1c20a}.toolkit{background:#0a0b08}.game-tabs{display:flex;gap:0}.game-tabs button{flex:1;background:#10110d;border:1px solid var(--line);color:var(--muted);padding:19px;font:600 12px var(--mono);text-align:left}.game-tabs button.active{background:var(--accent);color:#0b0c09;border-color:var(--accent)}.desk-bar{display:flex;justify-content:space-between;background:#10110d;padding:18px 22px;border:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.desk-bar .dot{margin-right:8px}.desk-bar button{background:none;border:none;color:var(--accent);font:inherit;padding:0}.tools-layout{display:grid;grid-template-columns:205px 1fr;border:1px solid var(--line);border-top:0;background:var(--panel)}.tool-nav{padding:15px 10px;border-right:1px solid var(--line)}.tool-nav button{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--text);padding:18px 12px;font-size:12px;position:relative}.tool-nav button>span{margin-right:8px;color:var(--accent);font-size:18px}.tool-nav small{display:block;font:8px var(--mono);color:var(--muted);margin:3px 0 0 28px;letter-spacing:1px}.tool-nav button.active{background:#d7d1c20c;border:1px solid #d7d1c250}.panel{padding:26px;min-width:0}.panel[hidden]{display:none}.panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:23px}.panel-heading h3{margin-bottom:5px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.small-button{background:transparent;border:1px solid #6b6658;color:var(--accent);font:9px var(--mono);padding:10px 12px;white-space:nowrap;display:inline-block}.badge{font:8px var(--mono);color:var(--accent);border:1px solid var(--line);padding:7px;white-space:nowrap}label{display:block;font:9px var(--mono);letter-spacing:.5px;color:var(--muted)}input,textarea,select{display:block;width:100%;padding:10px 11px;margin-top:7px;background:#0a0c08;border:1px solid #44463a;border-radius:0;color:var(--text);font:12px var(--mono)}textarea{resize:vertical;min-height:82px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.map-controls{display:flex;gap:12px;align-items:end;margin-bottom:15px}.map-controls>label:first-child{flex:1}.map-controls>label:nth-child(2){width:105px}.map-controls>label:nth-child(3){width:160px}.upload{position:relative;cursor:pointer;height:37px;display:flex;align-items:center;justify-content:center;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;width:100%;height:100%}.map-board{position:relative;aspect-ratio:10/7;background:#283128;overflow:hidden;cursor:crosshair;border:1px solid #696b59}.map-board>svg,.map-image,.map-grid,#markers{position:absolute;inset:0;width:100%;height:100%}.map-image{background-size:100% 100%;background-repeat:no-repeat}.map-grid{background-image:linear-gradient(#eee8d92b 1px,transparent 1px),linear-gradient(90deg,#eee8d92b 1px,transparent 1px);background-size:10% 10%}.map-label{position:absolute;bottom:12px;left:12px;color:#eee8d9;font:8px var(--mono);background:#111810c9;padding:5px 8px;z-index:3}.north{position:absolute;right:14px;top:9px;color:#eee8d9;font:14px var(--mono);line-height:1.3;text-align:center}.marker{position:absolute;transform:translate(-50%,-50%);background:#d7d1c2;color:#0b0c09;width:25px;height:25px;border:2px solid #0e150a;border-radius:50%;font:700 11px var(--mono);display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 0 2px #d7d1c266}.marker.target{background:#c7695b;box-shadow:0 0 0 2px #c7695b66}.marker.objective{border-radius:3px;background:#c2a464}.marker.support{background:#a4c9cb}.marker small{position:absolute;top:25px;white-space:nowrap;color:#fff;background:#080906d9;font:8px var(--mono);padding:2px 4px}.map-results{display:flex;gap:30px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.map-results span,.output-strip span{font:8px var(--mono);color:var(--muted);display:block;letter-spacing:1px}.map-results strong{font:28px var(--display)}.map-results strong small{font:12px var(--mono);color:var(--muted)}.map-results button{margin-left:auto;background:none;border:0;color:var(--accent);font:9px var(--mono)}.map-bottom{display:flex;align-items:center;gap:12px;margin-top:16px}.map-bottom>span{margin-left:auto;font:9px var(--mono);color:var(--muted)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.calculator-grid label{margin-bottom:16px}.readout{background:#0a0c08;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:center}.readout>span{font:10px var(--mono);color:var(--muted)}.readout>strong{font:90px/.95 var(--display);color:var(--accent);margin:15px 0}.readout-detail{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font:11px var(--mono)}.readout p:last-child{font-size:12px;color:var(--muted);margin:25px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.output-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px;padding:25px 0;border-block:1px solid var(--line)}.output-strip strong{font:35px var(--display);color:var(--accent)}.brief-form{margin-bottom:25px}pre{font:11px/1.8 var(--mono);background:#0a0c08;color:var(--muted);padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:25px;max-height:350px;overflow:auto}.radio-row{display:grid;grid-template-columns:1fr 1fr 1fr 25px;gap:12px;align-items:end;margin-bottom:15px}.radio-row button{background:transparent;border:0;color:#d89882;height:36px}.check-title{margin-top:30px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checklist label{display:flex;gap:10px;align-items:center;font:12px Inter,sans-serif;line-height:1.5;letter-spacing:0}.checklist input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.progress{height:4px;background:#31352a;margin-top:25px}.progress>div{height:100%;background:var(--accent);transition:width .2s}.desk-note{font:10px var(--mono);color:var(--muted);margin:20px 0 0}.enlist{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--accent);color:#0d0e0b}.enlist .eyebrow,.enlist em{color:#5c5d56}.enlist .body-copy{color:#55574f}.enlist .button{background:#0b0c09;color:var(--text);border-color:#0b0c09}.enlist-steps{list-style:none;padding:0;margin:0;align-self:center}.enlist-steps li{display:flex;gap:22px;border-top:1px solid #0a0b0840;padding:25px 0}.enlist-steps li>span{font:12px var(--mono);color:#696a61;padding-top:3px}.enlist-steps h4{font-size:18px}.enlist-steps p{color:#5b5d55;font-size:13px;margin:0}.resources{display:grid;grid-template-columns:1fr 1.4fr;gap:7%}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:13px;margin:15px 20px 0 0}footer{padding:40px 6%;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer>div{display:flex;gap:25px;align-items:center;font:9px var(--mono)}footer button{font:inherit;border:0;background:none;color:var(--muted);padding:0}footer>p{width:100%;font:9px var(--mono);color:var(--muted);margin:15px 0 0}#toast{position:fixed;right:25px;bottom:25px;z-index:100;background:var(--accent);color:#0d0e0b;padding:14px 22px;font:12px var(--mono);max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);max-width:620px;padding:40px;width:90%}dialog::backdrop{background:#0009}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:var(--accent);font-size:25px}dialog p{color:var(--muted);font-size:13px}dialog a{text-decoration:underline;color:var(--accent)}@media(min-width:1600px){.section,header,footer{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}}@media(max-width:1000px){nav{gap:17px}.brand{font-size:19px}.server-info{padding:18px}.server-actions{flex-direction:column;gap:14px}.tools-layout{grid-template-columns:165px 1fr}.panel{padding:20px}.map-controls{flex-wrap:wrap}.map-controls>label:first-child{min-width:200px}.map-controls>label:nth-child(3){flex:1}.map-results{gap:20px}.map-results strong{font-size:23px}.community{gap:5%}.unit-board{padding:20px}}@media(max-width:760px){header{height:76px;padding:0 5%;gap:15px}header .compact{display:none}.menu{display:block;background:none;border:1px solid var(--line);color:var(--accent);padding:6px 12px;font-size:22px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#080906;padding:20px 6%;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:640px}.hero-content{padding:70px 6% 120px}.hero-image{background-position:65% center}.hero:before{background:linear-gradient(90deg,#101810ed,#10181085),linear-gradient(0deg,#070806,transparent)}h1{font-size:64px}.hero-actions{flex-direction:column;align-items:start;gap:25px}.hero-foot span:first-child{display:none}.hero-foot{font-size:8px;gap:20px}.hero-foot span:last-child{white-space:nowrap}.ticker{font-size:8px;gap:15px}.ticker span:nth-child(n+4){display:none}.section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin:20px 0 0}.server-grid{grid-template-columns:1fr}.server-art{height:185px}.server-info p{min-height:0}.server-actions{flex-direction:row}.community,.enlist,.resources{grid-template-columns:1fr;gap:45px}.game-tabs button{font-size:9px;padding:15px 10px}.desk-bar{padding:15px 10px;font-size:8px;letter-spacing:0}.tools-layout{display:block}.tool-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px;gap:6px}.tool-nav button{flex:0 0 auto;width:auto;font-size:10px;padding:9px 10px;white-space:nowrap}.tool-nav small{display:none}.tool-nav button>span{font-size:14px;margin-right:4px}.panel{padding:16px}.panel-heading{flex-wrap:wrap}.map-controls{gap:10px}.map-controls>label:first-child{min-width:100%;width:100%}.map-controls>label:nth-child(2){width:95px}.map-controls .upload{font-size:8px;padding:10px 8px}.map-board{aspect-ratio:1}.map-results{gap:14px;flex-wrap:wrap}.map-results button{margin:0}.map-results span{font-size:7px}.map-results strong{font-size:25px}.map-bottom{flex-wrap:wrap}.map-bottom .small-button{font-size:8px}.calculator-grid{grid-template-columns:1fr}.readout>strong{font-size:65px}.form-grid{gap:15px}.output-strip{grid-template-columns:1fr 1fr}.radio-row{grid-template-columns:1fr 1fr 25px}.radio-row label:nth-child(3){grid-column:1/3;grid-row:2}.radio-row button{grid-column:3;grid-row:1}.checklist{grid-template-columns:1fr}.unit-list span{font-size:7px}footer{display:block}footer>div{margin-top:30px;flex-wrap:wrap;gap:18px}.enlist h2{font-size:52px}.brief-form{grid-template-columns:1fr}dialog{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.coordinate-tool{border-top:1px solid var(--line);margin-top:20px;padding:15px 0}.coordinate-tool summary{font:9px var(--mono);color:var(--accent);cursor:pointer;margin-bottom:15px}.coordinate-tool p:not(.footnote),#budget-result{font:12px var(--mono);color:var(--accent);margin-top:20px}

/* HeavyContact.com visual language. Theme overrides only; layout metrics retained. */
:root{--dust:#a89b7c;--olive:#6d7150;--red:#8e251d}
::selection{background:var(--accent);color:#0b0c09}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
header{background:#070806ed;border-color:rgba(238,232,217,.18)}
nav a{font-family:var(--mono);text-transform:uppercase;font-size:12px;color:#c9c5b8}
.insignia{border-color:#d7d1c28c;color:var(--accent)}
.hero-image{filter:grayscale(.3) sepia(.24) contrast(1.12) brightness(.7)}
.hero:before{background:linear-gradient(90deg,#050604e6 0%,#0506048a 50%,#05060438 100%),linear-gradient(0deg,#050604ed,transparent 55%)}
.hero-grid{opacity:.5;mask-image:linear-gradient(90deg,black,transparent 80%)}
h1 em{color:transparent;-webkit-text-stroke:1px rgba(238,232,217,.68)}
.community h2 em{color:transparent;-webkit-text-stroke:1px rgba(238,232,217,.65)}
.enlist h2 em{color:transparent;-webkit-text-stroke:1px #55574f}
.eyebrow{color:#b3ae9f}.hero .eyebrow{color:#c9c5b8}.dot{background:var(--olive);box-shadow:0 0 0 4px #6d71501a}
header .button{background:transparent;color:var(--text);border-color:#eee8d959}header .button:hover{background:var(--accent);color:#0b0c09}
.button{background:var(--accent);color:#080906;border-color:var(--accent)}.button:hover{background:var(--text)}
.ticker{background:var(--accent);color:#0b0c09}.ticker span:nth-child(even){color:var(--red)}
.server-art{background:#20221b}.arma .server-art{background:#1f231f}.reforger .server-art{background:#27271d}
.server-art:after{content:"";position:absolute;left:0;bottom:0;width:55px;height:3px;background:var(--red)}
.server-art h3 b{color:var(--accent)}.server{border-color:rgba(238,232,217,.18)}.terrain{opacity:.65}
.community{background:#0d0e0b}.unit-board{background:#0a0c08;border-color:#eee8d947;box-shadow:0 24px 70px #0004}.unit-board:before{background:#0d0e0b;color:var(--dust)}
.unit-list b{color:var(--dust)}.aviation{background:#6d71500e}.unit-board .board-top{color:var(--dust)}
.toolkit{background:#0a0b08}.tools-layout{background:#10120d}.desk-bar,.game-tabs button{background:#10110d}.game-tabs button.active{background:var(--accent);color:#0b0c09}
.tool-nav button.active{background:#d7d1c20b;border-color:#eee8d947;box-shadow:inset 3px 0 var(--red)}.tool-nav button>span{color:var(--dust)}
.readout{background:#0a0c08;border-color:rgba(238,232,217,.2);box-shadow:0 20px 50px #0003}.readout .eyebrow{color:var(--dust)}
.readout>strong{color:var(--accent)}.badge,.small-button{color:var(--dust)}.small-button:hover{color:var(--text);border-color:var(--accent)}
.panel input,.panel textarea,.panel select{background:#0a0c08;border-color:#eee8d929;color:var(--text)}.panel input:focus,.panel textarea:focus,.panel select:focus{border-color:var(--dust)}
.progress>div{background:var(--olive)}.enlist{background:var(--accent);color:#0d0e0b}.enlist .eyebrow{color:#5c5d56}.enlist .button{background:#0b0c09;color:var(--text)}.enlist .button:hover{background:#25271f}
footer{background:#0b0c09}.faq summary:after{color:var(--dust)}
@media(forced-colors:active){h1 em,.community h2 em,.enlist h2 em{color:CanvasText;-webkit-text-stroke:0}body:after{display:none}}

/* Checking-comms preload and live server cards. Existing page layout retained. */
.hc-preload[hidden]{display:none}.hc-preload{position:fixed;inset:0;z-index:2000;background:#050604;display:grid;place-items:center;transition:opacity .45s ease,visibility .45s ease}.hc-preload.done{opacity:0;visibility:hidden;pointer-events:none}.preload-frame{width:min(760px,86vw);border-block:1px solid #eee8d92e;padding:24px 0 20px}.preload-top,.preload-foot{display:flex;justify-content:space-between;gap:15px;font:9px/1.7 var(--mono);letter-spacing:1.3px;color:#8c8d82}.preload-top b{font-size:10px;color:#d7d1c2}.preload-frame h2{font:800 clamp(64px,10vw,130px)/.82 var(--display);letter-spacing:-2px;margin:38px 0 30px}.preload-frame h2 em{color:transparent;-webkit-text-stroke:1px #eee8d9a6}.preload-track{height:3px;background:#ffffff1f}.preload-track i{display:block;width:0;height:100%;background:#d7d1c2;transition:width .3s ease}.preload-foot{margin-top:12px}#skip-preload{background:none;border:0;color:#a89b7c;font:9px var(--mono);letter-spacing:1px;padding:0;margin-top:25px}.live-server{border-top:1px solid var(--line);padding:18px 0 0;margin-bottom:18px}.live-server-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font:8px var(--mono);letter-spacing:1px}.live-state{display:flex;gap:7px;align-items:center;color:#a89b7c}.live-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.live-state[data-state=online]{color:#b2bd8a}.live-state[data-state=stale]{color:#c9b27f}.live-state[data-state=unavailable]{color:#c7695b}.live-label{color:#777c70;font-size:7px}.population{display:flex;align-items:center;gap:12px;margin:12px 0}.population>strong{font:700 56px/1 var(--display);color:var(--text)}.population>span{font:13px var(--mono);color:#a89b7c}.population small{display:block;font:7px var(--mono);letter-spacing:1.5px;margin-top:5px;color:#9b9a90}.population .live-queue{margin-left:auto;font:8px var(--mono)}.population-track{height:3px;background:#eee8d918;margin-bottom:15px}.population-track i{display:block;height:100%;width:0;background:#6d7150;transition:width .5s}.live-map{display:flex;flex-direction:column;gap:5px}.live-map span{font:7px var(--mono);letter-spacing:1px;color:#777c70}.live-map b{font:10px var(--mono);color:#d7d1c2;overflow-wrap:anywhere}.live-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font:7px/1.5 var(--mono);letter-spacing:.5px;color:#9b9a90}.server-info>p{min-height:67px}.server-live-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:15px}.server-live-toolbar .footnote{margin:0}.server-live-toolbar button{flex-shrink:0}@media(max-width:760px){.server-live-toolbar{align-items:start;flex-direction:column}.preload-top{font-size:7px}.preload-top b{font-size:8px}.preload-foot{font-size:8px}.server-info>p{min-height:0}}@media(prefers-reduced-motion:reduce){.hc-preload,.preload-track i,.population-track i{transition:none}}