@charset "UTF-8";
:root{color-scheme:dark;--bg:#020e16;--panel:#061824;--gold:#edbd6b;--gold-light:#ffe2a1;--muted:#aec6d2;--line:#365664;--online:#00f2bb;--frame:#5d8494;--display:Georgia,'Times New Roman',serif;font-family:Segoe UI,Arial,sans-serif;color:#e5f2f9;background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#123043,transparent 70%),#020c13;font-size:14px;line-height:1.5}button,a,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid #ffe4a7;outline-offset:5px}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;left:10px;background:#000;padding:12px;z-index:100}.skip:focus{top:10px}.local-note{text-align:center;background:#173c49;color:#d8eef4;font-size:12px;padding:5px}.site-shell{max-width:1680px;margin:auto;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;gap:25px;padding:0 3%;background:linear-gradient(180deg,#03101bef,#041423d9);position:relative;z-index:5;border-bottom:1px solid #bc8b4566}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand svg{width:65px;height:65px;color:var(--gold);filter:drop-shadow(0 0 4px #fdb32d55)}.brand b{font:small-caps 29px/1.1 var(--display);color:var(--gold-light);text-shadow:0 2px 4px #000;white-space:nowrap}.brand small{display:block;color:#bad5e5;font-size:10px;letter-spacing:.03em}.topbar nav{display:flex;align-items:center;justify-content:center;gap:18px;flex:1;align-self:stretch}.topbar nav>a,.topbar nav>button{font-size:12px;text-transform:uppercase;display:flex;align-items:center;padding:0;position:relative;white-space:nowrap}.topbar nav .active{color:var(--gold-light)}.topbar nav .active:after{content:'◆';position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;line-height:1px;background:linear-gradient(90deg,transparent,#edbd6b,transparent);height:1px;color:#ffeab5;box-shadow:0 0 7px #ffb02999}.topbar nav a:hover,.topbar nav button:hover{color:var(--gold-light)}.menu-toggle{display:none}.ornate-button{--corner:10px;display:inline-flex;align-items:center;justify-content:center;gap:15px;position:relative;padding:11px 27px;min-height:44px;color:var(--gold-light);font:small-caps bold 19px/1.15 var(--display);background:linear-gradient(180deg,#473014 0%,#1b160c 20%,#050d10 55%,#241b0d 100%);border:1px solid #dda951;outline:1px solid #776043;outline-offset:-5px;clip-path:polygon(var(--corner) 0,calc(100% - var(--corner)) 0,100% var(--corner),100% calc(100% - var(--corner)),calc(100% - var(--corner)) 100%,var(--corner) 100%,0 calc(100% - var(--corner)),0 var(--corner));box-shadow:inset 0 0 12px #bd862945;text-shadow:0 1px 3px #000;transition:filter .2s,background .2s}.ornate-button:before,.ornate-button:after{content:'❖';color:#d5ad64;font-size:11px;position:absolute;top:50%;transform:translateY(-50%)}.ornate-button:before{left:8px}.ornate-button:after{right:8px}.ornate-button:hover{filter:brightness(1.25)}.ornate-button:focus-visible{outline:3px solid #fff;outline-offset:-3px}.play-button{font-size:16px;min-width:192px;min-height:43px}.hero{height:240px;position:relative;isolation:isolate;background:#0e2636;overflow:hidden}.hero-layer{position:absolute;inset:0;background-image:url('hero-worlds.png');background-size:100% 400%;background-repeat:no-repeat;opacity:0;transition:opacity 1.1s ease;z-index:-3}.hero-layer.visible{opacity:1}.h0{background-position:0 0}.h1{background-position:0 33.333333%}.h2{background-position:0 66.666667%}.h3{background-position:0 100%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0000 12%,#020f1945 38%,#04101b22 75%,transparent),linear-gradient(0deg,#03101b99,transparent 35%);z-index:-1}.hero-copy{height:100%;padding:20px 60px 41px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-left:12%;text-shadow:0 2px 7px #000,0 0 14px #000}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold-light);margin:0 0 7px}.hero h1{font:small-caps bold clamp(26px,3vw,46px)/1.12 var(--display);color:#ffe3a8;margin:0;max-width:1050px;text-wrap:balance}.hero-copy>p:not(.eyebrow){font-size:18px;margin:4px 0 12px}.hero-copy .ornate-button{font-size:19px;padding:10px 32px}.hero-arrow{position:absolute;top:42%;font-size:40px;line-height:1;color:#f8e4b0;background:#07192488;border-radius:4px;width:34px;height:50px}.prev{left:10px}.next{right:10px}.carousel-controls{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px}.carousel-controls #dots{display:flex;gap:7px}.carousel-controls button{border:1px solid #a8c1cd88;width:25px;height:25px;border-radius:4px;font-size:14px;background:#03121aa6}.carousel-controls #dots button{font-size:0;width:11px;height:11px;border-radius:50%;padding:0;background:#718a98}.carousel-controls #dots button[aria-current=true]{background:var(--gold-light);box-shadow:0 0 9px #ffb025;border-color:#ffcc72}.carousel-controls #dots button:before{content:'';display:block;position:relative;width:25px;height:28px;left:-7px;top:-9px}main{padding:0 2.1% 0}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.server-section{position:relative;z-index:1;margin-top:-1px;scroll-margin-top:14px}.game-card{--accent:#7fadb9;position:relative;min-width:0;border:1px solid var(--accent);border-radius:10px 10px 6px 6px;background:linear-gradient(135deg,#0c2330,#011018 55%,#0b1b22);padding:4px;box-shadow:inset 0 0 0 2px #03121b,inset 0 0 0 3px #54798688,0 4px 15px #000b}.game-card.ark{--accent:#3ed1ec}.game-card.scum{--accent:#d65745}.game-card.dune{--accent:#e0b55e}.game-card:before,.game-card:after{content:'◇';font-family:var(--display);position:absolute;z-index:3;color:var(--accent);font-size:26px;line-height:1;text-shadow:0 0 3px #000,0 0 5px var(--accent)}.game-card:before{top:-8px;left:calc(50% - 10px)}.game-card:after{bottom:-8px;right:12px;font-size:22px}.game-art{height:198px;position:relative;background:#152a31;overflow:hidden;border-radius:5px 5px 0 0}.card-picture,.news-picture{position:absolute;inset:0;background-image:url('game-worlds.png');background-size:200% 200%;background-repeat:no-repeat}.a0{background-position:0 0}.a1{background-position:100% 0}.a2{background-position:0 100%}.a3{background-position:100% 100%}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#001018 0%,transparent 40%),linear-gradient(90deg,#0006,transparent 12%,transparent 88%,#0006);box-shadow:inset 0 0 0 1px #c9a96744}.game-art h2{position:absolute;bottom:5px;left:4px;right:4px;text-align:center;z-index:1;margin:0;color:var(--gold-light);font:small-caps bold clamp(19px,1.65vw,25px)/1.1 var(--display);text-shadow:0 2px 3px #000,0 0 8px #000}.game-name{position:relative;text-align:center;font-size:15px;margin:0 0 0;padding:2px 0 7px;border-bottom:1px solid #9b814d}.game-name:after{content:'◆';position:absolute;bottom:-7px;left:50%;font-size:8px;color:var(--gold);background:#03141e;padding:0 5px}.game-data{padding:4px 14px 6px}.game-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0 9px;border-bottom:1px solid #29454e;min-height:47px}.status{display:inline-flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap}.status i{display:block;border-radius:50%;width:17px;height:17px;background:#7d94a2;box-shadow:0 0 0 2px #011620,0 0 0 3px #668090;flex-shrink:0}.status.online{color:#16ffbf}.status.online i{background:#00eeb0;box-shadow:0 0 0 2px #003429,0 0 0 3px #00d6a1,0 0 15px #00dcad88}.status.offline{color:#eaa69c}.status.offline i{background:#c56253}.status.planned{color:#dbe6e7}.status.planned i{background:#e2b560;border-radius:2px;transform:rotate(45deg);width:12px;height:12px;box-shadow:none;margin:0 2px}.players{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.players .icon{width:22px;height:22px;fill:#dba24b33}.game-facts{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 0;font-size:12px;flex-wrap:wrap}.game-facts>span{display:flex;align-items:center;gap:7px}.game-facts .icon{width:23px;height:23px}.game-facts .version{overflow-wrap:anywhere}.game-facts .planned-text{font-size:12px;text-align:center;display:block;width:100%;color:#bed1d8}.game-card .ornate-button{width:100%;font-size:21px;min-height:57px;margin-bottom:2px;letter-spacing:.01em}.game-card .ornate-button:before,.game-card .ornate-button:after{font-size:23px;color:var(--accent);top:50%}.game-card .ornate-button:before{content:'❧';left:12px}.game-card .ornate-button:after{content:'❧';transform:translateY(-50%) rotate(180deg);right:12px}.frame{position:relative;border:1px solid #53798a;background:linear-gradient(120deg,#0b2431c9,#03151eea);box-shadow:inset 0 0 0 3px #04121b,inset 0 0 0 4px #34556399;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.system-panel{display:flex;align-items:center;gap:20px;margin:16px 0 14px;padding:13px 18px;min-height:98px}.system-brand{display:flex;align-items:center;gap:13px;min-width:280px}.system-brand h2{font:small-caps 25px/1.1 var(--display);color:var(--gold-light);margin:0 0 5px}.system-brand p{font-size:12px;margin:0;color:#b7d2df}.system-brand .text-link{font-size:11px;margin-top:4px}.server-emblem{width:66px;height:68px;border:2px solid #b18c55;border-radius:5px;background:linear-gradient(130deg,#9c7443,#261d15 25%,#111b1a 80%);transform:perspective(150px) rotateY(13deg);box-shadow:3px 3px 0 #252b2d;display:flex;align-items:center;justify-content:center;position:relative}.server-emblem svg{width:49px;height:49px}.server-emblem i{position:absolute;left:18px;top:23px;width:5px;height:5px;background:#09eab7;box-shadow:0 0 7px #00ffb0}.server-emblem i+i{top:47px}.system-metrics{display:grid;grid-template-columns:.7fr 1fr 1.1fr 1fr;flex:1;gap:12px;margin:0;min-width:0}.system-metrics>div{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto auto;column-gap:10px;border-left:1px solid #254959;padding-left:18px;align-content:center}.system-metrics .icon{grid-row:1/4;align-self:center;width:30px;height:30px}.system-metrics dt{font-size:12px}.system-metrics dd{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.system-metrics .muted{font-size:11px;color:#9db2bc}.system-summary{border-left:1px solid #254959;padding-left:18px;min-width:170px}.system-summary small{display:block;font-size:11px;margin-top:5px;color:#bbd0dc;line-height:1.5}.system-summary .status{font-size:13px}.system-summary .status i{width:12px;height:12px}progress{appearance:none;-webkit-appearance:none;width:100%;max-width:110px;height:6px;border:1px solid #456979;border-radius:10px;background:#001019;margin-top:5px}progress::-webkit-progress-bar{background:#001019;border-radius:10px}progress::-webkit-progress-value{background:#07dfad;border-radius:10px}progress::-moz-progress-bar{background:#07dfad;border-radius:10px}.bottom-panels{display:grid;grid-template-columns:44% 1fr;gap:20px;margin-bottom:15px}.bottom-panels h2{font:small-caps 27px/1.1 var(--display);color:var(--gold-light);margin:0}.news-panel{padding:11px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #766444;padding-bottom:7px}.text-link{font-size:12px;color:#e6bd79;padding:0}.text-link:hover{text-decoration:underline}.news-row{display:grid;grid-template-columns:92px 1fr;gap:15px;padding:7px 0;border-bottom:1px solid #2e4a54;align-items:center;text-align:left;width:100%;color:inherit}.news-row:last-child{border-bottom:0}.news-thumb{height:46px;position:relative;overflow:hidden;border-radius:4px;border:1px solid #bd9759}.news-row h3{font-size:14px;font-weight:500;margin:0 0 1px}.news-row:hover h3{color:var(--gold-light)}.news-row p{font-size:11px;color:#b9cfdb;margin:0}.news-row time{font-size:10px;color:#a8bfcd;float:right;margin:2px 0 4px 8px}.community-panel{min-height:220px;display:grid;grid-template-columns:1fr 210px;padding:12px 20px;gap:16px;isolation:isolate}.community-art{position:absolute;inset:0;background:linear-gradient(90deg,#04141def 0%,#04141de8 25%,#03111c22 55%,#04121ce8 76%,#04121c 100%),url('community.png') center/cover;z-index:-1}.community-copy ul{list-style:none;margin:10px 0;padding:0}.community-copy li{display:flex;align-items:center;gap:10px;font-size:12px;margin:5px 0}.community-copy li .icon{width:19px;height:19px}.community-copy .ornate-button{min-height:35px;font-size:14px;padding:8px 25px}.mission{text-align:center;align-self:center}.mission h2{font-size:24px}.mission p{font-size:12px;line-height:1.6;color:#c7d7df;margin:6px 0}.divider{display:block;color:var(--gold);position:relative;margin:5px 0}.divider:before,.divider:after{content:'';display:inline-block;width:42px;height:1px;vertical-align:middle;margin:0 8px;background:linear-gradient(90deg,transparent,#c19b59)}.divider:after{transform:rotate(180deg)}footer{border-top:1px solid #8f804f77;padding:9px 2%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#020f18cc}.footer-brand b{font-size:22px}.footer-brand svg{width:52px;height:52px}.footer-brand small{font-size:11px}footer nav{display:flex;gap:18px;margin-left:auto}footer nav button{font-size:10px;color:#adc3d1;padding:7px 0}.footer-mountains{font-size:36px;color:var(--gold);text-shadow:0 0 12px #bc872155}dialog{width:min(760px,calc(100% - 28px));max-height:90dvh;margin:auto;padding:36px;border:1px solid #c4a366;border-radius:9px;background:linear-gradient(145deg,#0b2636,#03131f);color:#deedf5;box-shadow:0 15px 90px #000b;overflow:auto}dialog::backdrop{background:#010810cf;backdrop-filter:blur(5px)}#close-dialog{position:sticky;float:right;top:0;margin:-22px -21px 0 10px;width:38px;height:38px;background:#03131f;border:1px solid #6d8794;border-radius:50%;font-size:26px;z-index:2}#dialog-body{overflow-wrap:anywhere}#dialog-body h2{font:small-caps bold 32px/1.2 var(--display);color:var(--gold-light);padding-right:18px;margin:0 0 20px}#dialog-body h3{font-size:19px;color:var(--gold-light);margin-top:25px}#dialog-body p,#dialog-body li{font-size:15px;line-height:1.8}#dialog-body a:not(.ornate-button){color:#efc174;text-decoration:underline}#dialog-body .meta{color:#a7c0cd;font-size:12px}#dialog-body details{border-bottom:1px solid #315164;padding:12px 0}#dialog-body summary{cursor:pointer;color:#f1d294;font-weight:600}#dialog-body dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px 0}#dialog-body dt{color:#9cb9cb;font-size:12px}#dialog-body dd{margin:4px 0;font-size:16px}.address-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #64757a;background:#041019;border-radius:5px}.address-box code{overflow-wrap:anywhere;font-size:15px}.address-box button,.dialog-button{border:1px solid #b29159;color:#f0ce97;padding:8px 16px;border-radius:4px}.dialog-games{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialog-game{border:1px solid #55717f;padding:18px;text-align:left;border-radius:5px}.dialog-game strong{display:block;color:#efd49d;font:22px var(--display);margin-bottom:8px}.dialog-game:hover{background:#163b4c}.dialog-news{border-bottom:1px solid #426171;padding:16px 0}.dialog-news time{color:#abc2d1;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:12px 20px;background:#173a49;border:1px solid #c8a76a;border-radius:5px;z-index:20;display:none}.modal-open{overflow:hidden}noscript p{text-align:center;padding:20px}
@media(min-width:1700px){.hero{height:270px}.game-art{height:230px}.game-facts{min-height:52px}.bottom-panels{margin-bottom:20px}.community-panel{min-height:235px}}
@media(max-width:1250px){.topbar{gap:15px;padding:0 2%}.brand b{font-size:24px}.brand svg{width:55px;height:55px}.topbar nav{gap:12px}.topbar nav>a,.topbar nav>button{font-size:11px}.play-button{min-width:155px;font-size:14px}.system-panel{flex-wrap:wrap;gap:15px}.system-brand{min-width:240px;flex:1}.system-metrics{flex:3;min-width:550px}.system-summary{width:100%;display:flex;align-items:center;gap:20px;border-left:0;border-top:1px solid #254959;padding:7px 0 0}.system-summary small{margin:0}.system-summary small br{display:none}.system-summary small time{margin-left:8px}.community-panel{grid-template-columns:1fr 170px;padding:12px}.game-data{padding:4px 9px}.game-topline{gap:4px}.players{font-size:12px;gap:5px}.status{font-size:13px;gap:7px}.game-art h2{font-size:20px}.game-card .ornate-button{font-size:19px}.game-grid{gap:12px}.news-row{grid-template-columns:70px 1fr;gap:10px}.bottom-panels{gap:15px}.news-panel{padding:11px 15px}}
@media(max-width:1000px){.topbar{height:72px}.topbar nav{display:none;position:absolute;top:72px;left:0;right:0;background:#061722;border-bottom:1px solid #aa894e;padding:20px;flex-wrap:wrap;gap:22px}.topbar nav.open{display:flex}.topbar nav>a,.topbar nav>button{padding:10px;font-size:13px}.topbar nav .active:after{bottom:0}.menu-toggle{display:block;margin-left:auto;border:1px solid #507183;padding:7px 12px;border-radius:4px}.hero-copy{margin-left:8%;padding-inline:45px}.hero h1{font-size:33px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-art{height:225px}.game-art h2{font-size:26px}.players{font-size:14px}.game-topline .status{font-size:15px}.game-data{padding-inline:15px}.game-facts{font-size:14px;min-height:50px}.system-metrics{min-width:100%;gap:12px}.system-metrics>div:first-child{border:0;padding-left:0}.bottom-panels{grid-template-columns:1fr}.community-panel{min-height:245px;grid-template-columns:1fr 220px;padding:20px}.community-art{background-position:center}.news-row{grid-template-columns:90px 1fr}.news-thumb{height:54px}.news-row h3{font-size:16px}.news-row p{font-size:13px}.news-row time{font-size:11px}.news-panel{padding:17px 20px}.footer-mountains{display:none}.footer-brand b{font-size:21px}.footer-brand small{font-size:10px}}
@media(max-width:600px){.topbar{height:68px;padding-inline:12px;gap:8px}.brand b{font-size:21px}.brand svg{width:46px;height:46px}.brand small{font-size:8px}.play-button{display:none}.menu-toggle{font-size:12px;padding:7px 9px}.topbar nav{top:68px}.hero{height:300px}.hero-layer{background-size:auto 400%;background-position-x:24%}.hero-shade{background:linear-gradient(90deg,#03101b55,#03101b77),linear-gradient(0deg,#03101bb0,transparent)}.hero-copy{margin:0;padding:28px 33px 49px}.hero h1{font-size:32px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:280px;margin:10px 0 17px}.hero-copy .ornate-button{font-size:18px}.hero-arrow{width:25px;font-size:30px;top:42%;background:#07192455}.prev{left:3px}.next{right:3px}main{padding-inline:14px}.game-grid{grid-template-columns:1fr;gap:19px}.server-section{margin-top:12px}.game-art{height:220px}.game-card{border-radius:8px}.game-art h2{font-size:27px}.game-card .ornate-button{font-size:21px}.system-panel{padding:17px;gap:20px}.system-brand h2{font-size:24px}.system-brand{min-width:0}.system-metrics{grid-template-columns:1fr 1fr;row-gap:22px}.system-metrics>div{padding-left:12px;grid-template-columns:27px 1fr;column-gap:7px}.system-metrics>div:nth-child(3){padding-left:0;border:0}.system-metrics .icon{width:24px;height:24px}.system-metrics dd{font-size:14px}.system-summary{display:block}.system-summary small{margin-top:8px}.system-summary small br{display:block}.system-summary small time{margin:0}.community-panel{grid-template-columns:1fr;padding:20px;gap:20px}.community-art{background:linear-gradient(90deg,#04141de6,#04141d9c),url('community.png') center/cover}.community-copy li{font-size:14px;margin:10px 0}.community-copy .ornate-button{font-size:16px}.mission{border-top:1px solid #978052;padding-top:15px}.mission p{font-size:14px}.bottom-panels h2{font-size:25px}.news-panel{padding:15px}.news-row{grid-template-columns:65px 1fr;gap:11px;padding:12px 0}.news-row h3{font-size:14px}.news-row p{font-size:12px}.news-row time{float:none;display:block;margin:0 0 4px;font-size:10px}footer{padding:15px;flex-direction:column;gap:12px}.footer-brand svg{width:45px;height:45px}footer nav{margin:0;gap:20px}footer nav button{font-size:11px}dialog{padding:26px 20px}#close-dialog{margin:-15px -10px 0 8px}#dialog-body h2{font-size:28px}.address-box{flex-direction:column;align-items:stretch}.dialog-games{grid-template-columns:1fr}.ornate-button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-layer{transition:none}*{transition-duration:.01ms!important}}

/* Responsive refinement: comfortable reading, touch controls and wide screens. */
html{scroll-padding-top:20px}body{font-size:15px}.site-shell{width:100%;max-width:1920px}.topbar{gap:clamp(12px,1.5vw,28px)}.topbar nav{gap:clamp(12px,1.2vw,24px)}.topbar nav>a,.topbar nav>button{font-size:13px;min-height:44px}.game-grid{align-items:stretch}.game-card{display:flex;flex-direction:column}.game-data{display:flex;flex-direction:column;flex:1}.game-facts{flex:1;min-height:56px}.game-card .ornate-button{margin-top:auto}.game-art{height:auto;aspect-ratio:1.65}.game-topline{flex-wrap:wrap;row-gap:10px}.game-facts{font-size:14px}.players{font-size:14px}.game-art h2{font-size:clamp(23px,1.65vw,30px);text-wrap:balance}.system-metrics>div{min-width:0}.system-summary{min-width:190px}.news-row p,.community-copy li,.mission p{font-size:14px}.news-row h3{font-size:16px}.news-row time{font-size:12px}.news-thumb{height:60px}.text-link{font-size:14px;display:inline-flex;align-items:center;min-height:44px}.community-copy .ornate-button{min-height:44px}.hero-arrow{width:44px;height:52px}.carousel-controls{bottom:3px;gap:4px}.carousel-controls button{min-width:44px;min-height:44px}.carousel-controls #dots{gap:0}.carousel-controls #dots button{width:44px;height:44px;border:0;background:transparent;position:relative;box-shadow:none}.carousel-controls #dots button:before{position:absolute;width:10px;height:10px;top:17px;left:17px;border:1px solid #b1c7cf;border-radius:50%;background:#718a98}.carousel-controls #dots button[aria-current=true]{background:transparent;box-shadow:none}.carousel-controls #dots button[aria-current=true]:before{background:var(--gold-light);box-shadow:0 0 9px #ffb025}.carousel-controls #pause{background:#03121aaa;border-color:#839da766}.hero-copy{padding-bottom:55px}footer nav button{font-size:13px;min-height:44px;padding:8px 4px}#close-dialog{width:44px;height:44px}.address-box button,.dialog-button{min-height:44px}#dialog-body summary{padding:8px 0;min-height:44px}dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}.local-note{padding:6px 12px}.brand{max-width:100%}
@media(min-width:1600px){body{font-size:16px}.topbar{height:88px}.topbar nav>a,.topbar nav>button{font-size:15px}.brand b{font-size:32px}.brand small{font-size:12px}.hero{height:clamp(290px,19vw,360px)}.hero h1{font-size:clamp(44px,2.8vw,54px)}.hero-copy>p:not(.eyebrow){font-size:21px}.hero-copy .ornate-button{margin-top:10px;min-height:50px}.game-data{padding:8px 18px 12px}.game-topline{padding-block:14px}.game-name{font-size:17px}.game-facts{min-height:64px}.game-card .ornate-button{min-height:60px}.bottom-panels{grid-template-columns:44% 1fr}.community-panel{min-height:280px;grid-template-columns:1fr 240px}.news-row{padding-block:12px}.system-panel{padding:20px}.system-metrics dd{font-size:17px}}
@media(min-width:1001px) and (max-width:1350px){.topbar{height:auto;min-height:112px;flex-wrap:wrap;padding-top:8px;padding-bottom:4px;gap:4px 20px}.topbar .brand{order:0}.topbar .play-button{order:1;margin-left:auto}.topbar nav{order:2;flex-basis:100%;gap:24px;min-height:44px}.topbar nav .active:after{bottom:0}}
@media(min-width:601px) and (max-width:1200px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-art{aspect-ratio:1.85;height:auto}.game-data{padding:6px 16px 12px}.game-art h2{font-size:28px}.game-card .ornate-button{font-size:22px}.game-topline .status{font-size:15px}.bottom-panels{grid-template-columns:1fr}.community-panel{grid-template-columns:1fr 240px;min-height:260px;padding:22px}.hero{height:280px}.system-metrics{min-width:100%;flex-basis:100%}}
@media(max-width:1000px){.menu-toggle{min-height:44px;min-width:64px;font-size:14px}.topbar nav{max-height:calc(100dvh - 110px);overflow-y:auto;gap:8px;padding:12px}.topbar nav>a,.topbar nav>button{justify-content:center;flex:1 0 25%;font-size:14px}.hero h1{font-size:clamp(30px,4vw,40px)}.hero-copy{margin-left:0}.system-brand{flex-basis:100%}.system-metrics{gap:16px}.system-metrics>div{padding-left:12px;column-gap:8px}}
@media(max-width:600px){.topbar{height:76px;padding-inline:10px}.topbar nav{top:76px}.brand b{font-size:clamp(18px,5.2vw,25px)}.brand small{font-size:8px}.brand svg{width:42px;height:48px}.brand{gap:5px}.menu-toggle{padding:7px 9px;min-width:62px}.hero{height:350px}.hero-copy{padding:22px 42px 58px}.hero h1{font-size:clamp(27px,7.5vw,36px)}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-arrow{width:34px;height:52px;top:40%}.prev{left:0}.next{right:0}main{padding-inline:clamp(10px,3.5vw,20px)}.game-art{height:auto;aspect-ratio:1.5}.game-art h2{font-size:clamp(25px,6.5vw,32px)}.game-name{font-size:16px;padding-block:5px 9px}.game-data{padding:8px 13px 12px}.game-topline{padding-block:12px}.game-facts{min-height:60px}.game-card .ornate-button{min-height:56px}.system-panel{padding:18px 14px}.system-brand h2{font-size:clamp(21px,5.6vw,27px)}.system-brand{gap:10px}.server-emblem{flex-shrink:0;width:52px;height:62px}.system-metrics{gap:20px 10px}.system-metrics>div{padding-left:8px;grid-template-columns:24px minmax(0,1fr);column-gap:7px}.system-metrics dd{font-size:15px}.news-row{grid-template-columns:66px minmax(0,1fr)}.news-row p{font-size:14px;line-height:1.6}.news-row h3{font-size:16px;line-height:1.4}.section-heading{flex-wrap:wrap;gap:0 12px}.community-panel{padding:22px 18px}.community-copy li,.mission p{font-size:15px}.community-copy .ornate-button{width:100%}.bottom-panels h2{font-size:27px}footer nav{flex-wrap:wrap;justify-content:center;gap:4px 14px}.footer-brand small{font-size:11px}dialog{width:calc(100% - 20px);padding:24px 18px;max-height:calc(100dvh - 20px)}#dialog-body h2{font-size:27px;padding-right:28px}#dialog-body dl{gap:18px 12px}#dialog-body p,#dialog-body li{font-size:16px}.address-box code{font-size:14px}.local-note{font-size:11px}}
@media(max-width:360px){.brand svg{width:35px}.brand b{font-size:18px}.brand small{font-size:7px}.topbar{gap:5px}.game-data{padding-inline:10px}.players{font-size:13px}.status{font-size:14px}.hero-copy{padding-inline:34px}.hero-copy .ornate-button{font-size:16px;padding-inline:23px}.system-metrics{grid-template-columns:1fr}.system-metrics>div{border:0;padding-left:0}.system-brand h2{font-size:21px}}
@media(max-height:500px) and (orientation:landscape){dialog{max-height:calc(100dvh - 16px)}.hero{height:280px}.topbar nav{max-height:calc(100dvh - 88px)}}

/* Reference artwork proportions and continuous scenic masthead. */
.site-shell{background:#020f17}.topbar{background:linear-gradient(#03101cce,#03101cde),url('hero-worlds.png') center top/100% 1600%;border-bottom:1px solid #c3a76655}.hero{height:clamp(240px,16vw,315px)}.hero-copy{margin-left:9%;padding-top:15px}.hero-shade{background:linear-gradient(90deg,transparent 15%,#03101b22 35%,#03101b11 78%,transparent),linear-gradient(0deg,#03101b88,transparent 35%)}.eyebrow{display:none}.hero h1{font-size:clamp(30px,2.7vw,51px);font-weight:500;letter-spacing:-.025em}.hero-copy>p:not(.eyebrow){font-size:clamp(16px,1.3vw,24px);margin:5px 0 14px}.brand b{font-weight:400}.ornate-button{border-color:#e7b965;box-shadow:inset 0 0 0 2px #392810,inset 0 0 0 4px #ba8b44,inset 0 0 20px #c4923244;text-shadow:0 2px 3px #000}.game-grid{gap:16px}.game-card{border-radius:0;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);border:2px solid var(--accent);background:repeating-linear-gradient(135deg,transparent 0 8px,#8a78470d 8px 10px),linear-gradient(120deg,#0e2632,#001019 50%,#071a23);box-shadow:inset 0 0 0 2px #020b12,inset 0 0 0 4px #ad915b77,0 4px 15px #000}.game-art{aspect-ratio:1.52;border-radius:0}.game-art h2{font-weight:500;font-size:clamp(23px,1.8vw,34px)}.game-name{background:#001019}.game-data{background:linear-gradient(#00121be8,#03141af0);padding-top:0}.game-topline{min-height:52px}.game-facts{min-height:57px}.game-card .ornate-button{min-height:68px}.game-card:before{content:'❖';font-size:24px;top:0;left:0;color:#c4a675}.game-card:after{content:'❖';font-size:24px;right:0;bottom:0;color:#c4a675}.system-panel{background:linear-gradient(90deg,#031521ed,#071925e8),url('hero-worlds.png') center top/100% 800%;margin-block:14px}.community-art{background:linear-gradient(90deg,#03131de6 0%,#03131da6 24%,transparent 43%,transparent 64%,#03131dcc 79%,#03131df2 100%),url('community.png') center/cover}.community-panel{grid-template-columns:1fr 26%;min-height:240px}.community-copy{max-width:275px}.community-copy .ornate-button{width:100%}.bottom-panels h2,.system-brand h2{font-weight:400}.news-panel{background:repeating-linear-gradient(45deg,transparent 0 10px,#43708208 10px 12px),#03141e}.news-row{padding-block:7px}.news-row h3{font-size:15px}.news-row p{font-size:13px}.news-thumb{height:52px}.news-row time{font-size:11px}.system-panel .text-link{min-height:24px}.footer-brand b{font-weight:400}footer{background:linear-gradient(90deg,#03121bf5,#03121be6),url('hero-worlds.png') center top/100% 1000%}
@media(min-width:1600px){.topbar{height:76px}.game-art{aspect-ratio:1.52}.game-data{padding-bottom:7px}.game-facts{min-height:60px}.system-panel{padding:14px 18px}.community-panel{min-height:250px}.hero-copy .ornate-button{margin-top:0}.news-row{padding-block:9px}}
@media(min-width:601px) and (max-width:1200px){.game-art{aspect-ratio:1.8}.hero{height:280px}.community-panel{grid-template-columns:1fr 240px}}
@media(max-width:600px){.hero{height:340px}.hero-copy{margin-left:0;padding-inline:38px}.hero h1{font-size:clamp(28px,7.5vw,36px);font-weight:600}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-shade{background:#03101b66}.game-art{aspect-ratio:1.45}.game-art h2{font-size:28px}.community-panel{grid-template-columns:1fr}.community-copy{max-width:none}.community-art{background:linear-gradient(#03131d99,#03131dce),url('community.png') center/cover}.news-row p{font-size:14px}.news-row h3{font-size:16px}.system-panel{padding:18px 14px}}
.game-card .ornate-button{--row:0%;background: url('button-ornaments.png') center var(--row)/100% 400% no-repeat,linear-gradient(#0b1318,#171609);border:0;outline:0;clip-path:none;box-shadow:none;aspect-ratio:4;height:auto;min-height:74px;padding:15px 17% 15px 23%;font-size:clamp(15px,1.2vw,22px);gap:8px;white-space:nowrap}.game-card .ornate-button:before,.game-card .ornate-button:after{display:none}.game-card.ark .ornate-button{--row:33.333333%}.game-card.scum .ornate-button{--row:66.666667%}.game-card.dune .ornate-button{--row:100%}.game-card .ornate-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.game-card .ornate-button:hover{filter:brightness(1.2)}
@media(max-width:1200px){.game-card .ornate-button{font-size:clamp(17px,2vw,23px)}}
@media(max-width:600px){.game-card .ornate-button{font-size:clamp(16px,4.5vw,23px)}}

/* System metrics: CPU, RAM and uptime only. */
.system-metrics{grid-template-columns:.8fr 1.3fr 1fr}
@media(max-width:600px){.system-metrics{grid-template-columns:1fr 1fr}.system-metrics>div:last-child{grid-column:1/-1;border-left:0;padding-left:0}}
@media(max-width:360px){.system-metrics{grid-template-columns:1fr}}
/* Original user-supplied card artwork; live fields overlay the printed examples. */
.game-card{container-type:inline-size;aspect-ratio:887.5/928;display:block;padding:0;border:0;border-radius:0;clip-path:none;box-shadow:none;background-image:url('original-serverkarten.png');background-size:400% 100%;background-repeat:no-repeat;background-position:0 0}.game-card.ark{background-position:33.333333% 0}.game-card.scum{background-position:66.666667% 0}.game-card.dune{background-position:100% 0}.game-card:before,.game-card:after{display:none}.game-card .game-art,.game-card .game-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}.game-card .game-data{display:contents}.game-card .game-topline{position:absolute;inset:59% 5% auto 7%;height:9%;border:0;padding:0;display:block;min-height:0;background:none}.game-card .game-topline>span:first-child{position:absolute;left:0;top:0;width:44%;height:100%;background:#00131d;display:flex;align-items:center;padding-left:2%}.game-card .status{font-size:4cqw;gap:2cqw}.game-card .status i{width:4.2cqw;height:4.2cqw}.game-card .players{position:absolute;right:0;top:0;width:33%;height:100%;background:#00131d;display:flex;justify-content:flex-start;align-items:center;font-size:3.7cqw;white-space:nowrap}.game-card .players>.icon{display:none}.game-card .game-facts{position:absolute;left:24%;right:6%;top:70%;height:8%;min-height:0;padding:0;display:flex;align-items:center;gap:0;background:#00131d;font-size:3.7cqw;flex-wrap:nowrap}.game-card .game-facts .icon{display:none}.game-card .game-facts>span{gap:0}.game-card .game-facts .version{white-space:nowrap}.game-card.ark .game-facts{left:23%;right:5%;background:none}.game-card.ark .game-facts>span:first-child{background:#00131d;width:42%;height:100%;display:flex;align-items:center;font-size:3.4cqw}.game-card.ark .game-facts>span:last-child{background:#00131d;margin-left:13%;width:45%;height:100%;font-size:3.3cqw}.game-card.scum .game-facts{left:27%}.game-card.dune .game-facts{left:20%;right:7%;background:#00131d}.game-card.dune .planned-text{font-size:3.6cqw;line-height:1.2}.game-card .ornate-button{position:absolute;left:4%;right:4%;bottom:3%;width:92%;height:18%;min-height:0;aspect-ratio:auto;margin:0;padding:0;background:none;border:0;box-shadow:none;outline:0;font-size:0;color:transparent;clip-path:none}.game-card .ornate-button span{display:none}.game-card .ornate-button:hover{background:#ffe4a00c;filter:none}.game-card .ornate-button:focus-visible{outline:2px solid #ffe2a1;outline-offset:-8px}.game-card.dune .status i{display:none}.game-card.dune .game-topline>span:first-child{left:11%;width:33%}
.game-card.valheim{background-size:395.37% 100%;background-position:0 0}.game-card.ark{background-size:426.67% 100%;background-position:33.737% 0}.game-card.scum{background-size:425.78% 100%;background-position:64.773% 0}.game-card.dune{background-size:395.37% 100%;background-position:98.56% 0}.game-card.dune .game-topline>span:first-child{left:7%;width:40%}.game-card .game-topline>span:first-child{background:linear-gradient(90deg,#00131d,#00131d 90%,#00131d00)}.game-card .players{background:linear-gradient(90deg,#00131d,#00131d 90%,#00131d00)}
.game-card .game-topline{background:#00131d;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center}.game-card .game-topline>span:first-child,.game-card.dune .game-topline>span:first-child{position:static;width:auto;height:100%;background:none;padding-left:1%}.game-card .players{position:static;width:auto;background:none;font-size:3.7cqw;gap:2cqw}.game-card .players>.icon{display:block;width:6cqw;height:6cqw;fill:#dfb463;stroke:#dfb463}.game-card.dune .status i{display:block;transform:none;width:6cqw;height:6cqw;margin:0;background:none;color:#e2b560}.game-card.dune .status i:before{content:'⌛';font-style:normal;font-size:5cqw;line-height:1}.game-card .game-facts{background:#00131d}

/* Softer overall palette, preserving text contrast and the approved artwork. */
.site-shell{filter:saturate(.72)}
:root{--gold:#d2b47e;--gold-light:#ead4a6;--online:#72cfb3}
.status.online{color:#83dfc4}.status.online i{background:#5ccbac;box-shadow:0 0 0 2px #163c34,0 0 0 3px #63bda4,0 0 7px #5cb69a44}
progress::-webkit-progress-value{background:#68bea3}progress::-moz-progress-bar{background:#68bea3}
.hero h1{color:#eddbb5;text-shadow:0 2px 6px #000}.ornate-button:hover{filter:brightness(1.08)}

/* Shared server-details UI. Artwork is decorative; every field and action is HTML. */
dialog.server-modal{--modal-accent:#b88948;--modal-edge:#785b39;--modal-bg:#121814;width:min(1100px,90vw);max-height:90dvh;padding:0;border:2px solid var(--modal-accent);border-radius:8px;background:var(--modal-bg);box-shadow:0 25px 100px #000d,inset 0 0 0 4px #020b12,inset 0 0 0 6px var(--modal-edge);isolation:isolate;animation:modal-enter .18s ease-out}dialog.server-modal--asa{--modal-accent:#6baaa7;--modal-edge:#536847;--modal-bg:#071d23}dialog.server-modal--scum{--modal-accent:#b05b4d;--modal-edge:#643c36;--modal-bg:#161a1c}dialog.server-modal--dune{--modal-accent:#c1a065;--modal-edge:#786342;--modal-bg:#241e14}dialog.server-modal::backdrop{background:#010810b8;backdrop-filter:blur(4px)}dialog.server-modal.closing{animation:modal-leave .14s ease-in forwards}.server-modal #close-dialog{position:sticky;top:12px;float:right;right:12px;margin:12px 12px -56px 0;width:44px;height:44px;border:1px solid var(--modal-accent);color:#eed6a7;background:#03121be6;z-index:10}.server-modal-content{padding:6px}.server-modal-header{height:265px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--modal-accent)}.server-modal-art{position:absolute;inset:0;background-image:url('hero-worlds.png');background-size:100% 400%;background-repeat:no-repeat;z-index:-2;filter:saturate(.72)}.server-modal-header:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,var(--modal-bg),#03101966 48%,#0310190a 85%)}.server-modal-heading{text-align:center;padding:20px 60px 24px;max-width:100%;text-shadow:0 2px 5px #000}.server-modal #dialog-body .server-modal-heading h2{font-size:clamp(27px,3.6vw,46px);line-height:1.15;margin:0 0 8px;padding:0;color:#eed6a7;font-variant:small-caps}.server-modal-heading strong{display:block;font-size:19px;font-weight:600}.server-modal #dialog-body .server-modal-heading p{font-size:14px;line-height:1.5;margin:4px 0 0;color:#c4e0e9}.server-modal-main{padding:0 28px 12px;position:relative}.server-modal-main:before,.server-modal-main:after{content:'◇';position:absolute;top:10px;bottom:15px;width:10px;color:var(--modal-accent);border-block:1px solid var(--modal-accent);background:repeating-linear-gradient(45deg,transparent 0 12px,#b58c4926 12px 14px);pointer-events:none}.server-modal-main:before{left:4px}.server-modal-main:after{right:4px}.server-modal #dialog-body .server-modal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px;padding:0;position:relative}.modal-stat{display:flex;align-items:center;gap:12px;min-width:0;min-height:92px;padding:15px 12px;background:linear-gradient(135deg,#0b2028,#020e16);border:1px solid var(--modal-edge);border-radius:5px}.modal-stat>.icon{width:31px;height:31px;flex:none;color:#d9b979}.modal-stat>div{min-width:0}.server-modal #dialog-body .modal-stat dt{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.07em;color:#b7d2dd;white-space:nowrap}.server-modal #dialog-body .modal-stat dd{font-size:16px;line-height:1.45;margin:6px 0 0;overflow-wrap:anywhere}.modal-stat .status{font-size:16px;gap:9px}.modal-stat .status i{width:9px;height:9px;box-shadow:0 0 5px #65bd9866}.modal-stat #detail-time{white-space:pre-line;font-size:14px}.server-modal-address{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--modal-accent);box-shadow:inset 0 0 0 3px #03131a,inset 0 0 0 4px var(--modal-edge);padding:12px 16px;background:linear-gradient(100deg,#08151ae8,#181b15);border-radius:4px}.server-modal-address>div{min-width:0}.server-modal-address>div>span{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#dcc397}.server-modal-address code{display:block;font-family:inherit;font-size:20px;line-height:1.5;overflow-wrap:anywhere}.modal-action{min-height:48px;padding:12px 24px;border:1px solid var(--modal-accent);border-radius:4px;background:linear-gradient(#42331d,#071017 50%,#211b12);box-shadow:inset 0 0 0 3px #090f12,inset 0 0 0 4px #a7834644;color:#ecd3a3;font:bold small-caps 17px/1.3 Georgia,serif}.modal-action:hover:not(:disabled){filter:brightness(1.15)}.modal-action:disabled{opacity:.42;cursor:not-allowed}.server-modal-join{display:flex;gap:15px;padding:16px;margin:12px 0;background:#03131bc9;border:1px solid #36515a;border-radius:4px}.join-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:50%;background:#163341;color:#b8e4ee;font-size:27px}.server-modal #dialog-body .server-modal-join h3{margin:0 0 5px;font:11px/1.4 'Segoe UI',sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#c2dce7}.server-modal #dialog-body .server-modal-join p{margin:0;font-size:14px;line-height:1.6}.inline-link{padding:0;color:#efc174;text-decoration:underline;font:inherit}.server-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.server-modal-actions .modal-action{display:flex;justify-content:space-between;align-items:center}.server-modal #dialog-body .server-modal-note{display:flex;gap:10px;margin:13px 0 2px;font-size:11px;line-height:1.5;color:#a3b9c4}.server-modal-note>span{font-size:18px;line-height:1}.server-modal--scum .modal-action{background:linear-gradient(#3d211d,#11161b 55%,#241716)}.server-modal--dune .modal-stat,.server-modal--dune .server-modal-join{background:linear-gradient(130deg,#302719,#171711)}.server-modal--asa .server-modal-main{background:linear-gradient(90deg,#12453622,transparent 15%,transparent 85%,#12453622)}.server-modal--valheim .server-modal-main{background:repeating-linear-gradient(92deg,#68452308 0 4px,transparent 4px 12px)}
@keyframes modal-enter{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes modal-leave{to{opacity:0;transform:scale(.97)}}
@media(max-width:800px){dialog.server-modal{width:94vw}.server-modal-header{height:210px}.server-modal-main{padding-inline:16px}.modal-stat{padding:12px 9px;gap:8px}.modal-stat>.icon{width:25px;height:25px}.server-modal #dialog-body .modal-stat dd,.modal-stat .status{font-size:14px}.server-modal-address code{font-size:17px}.modal-action{padding:12px 16px;font-size:16px}}
@media(max-width:600px){dialog.server-modal{width:calc(100vw - 18px);max-height:92dvh}.server-modal-header{height:190px}.server-modal-heading{padding:20px 32px 18px}.server-modal #dialog-body .server-modal-heading h2{font-size:27px}.server-modal-heading strong{font-size:16px}.server-modal #dialog-body .server-modal-heading p{font-size:12px}.server-modal-art{background-size:auto 400%;background-position-x:30%}.server-modal #dialog-body .server-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal-stat{min-height:85px;gap:9px}.server-modal-main{padding-inline:11px}.server-modal-address{grid-template-columns:26px minmax(0,1fr);gap:10px;padding:14px 12px}.server-modal-address .modal-action{grid-column:1/-1;width:100%}.server-modal-actions{grid-template-columns:1fr;gap:10px}.server-modal-join{padding:13px 10px;gap:10px}.join-symbol{flex-basis:28px;height:28px;font-size:21px}.server-modal #dialog-body .server-modal-join p{font-size:13px}.server-modal #close-dialog{top:8px;margin-top:8px;margin-right:8px}.server-modal #dialog-body .server-modal-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){dialog.server-modal,dialog.server-modal.closing{animation:none}}
.server-modal-content{position:relative;padding:12px}.server-modal-content:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:url('modal-frames.png') 0 0/200% 200% no-repeat;opacity:.82;filter:saturate(.65)}.server-modal--asa .server-modal-content:after{background-position:100% 0}.server-modal--scum .server-modal-content:after{background-position:0 100%}.server-modal--dune .server-modal-content:after{background-position:100% 100%}.server-modal-main{padding:0 44px 26px}.server-modal-main:before,.server-modal-main:after{display:none}.modal-emblem{position:absolute;left:5%;bottom:30px;width:85px;height:85px;fill:#0b1b20bb;stroke:#dab674;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px #000)}.server-modal-heading{padding-inline:125px}.server-modal--scum .modal-emblem{stroke:#c5a677;fill:#343a28cc}.server-modal--asa .modal-emblem{stroke:#d0b674;fill:#153930c9}.server-modal--dune .modal-emblem{fill:#49351cbf}.server-modal #close-dialog{right:24px;top:20px;margin:20px 24px -64px 0}
@media(max-width:800px){.server-modal-main{padding-inline:27px}.server-modal-heading{padding-inline:78px}.modal-emblem{width:56px;height:56px;left:2%;bottom:24px}}
@media(max-width:600px){.server-modal-content{padding:8px}.server-modal-content:after{opacity:.45}.server-modal-main{padding:0 14px 20px}.modal-emblem{width:44px;height:44px;left:6px;bottom:18px}.server-modal-heading{padding-inline:44px}.server-modal #close-dialog{top:10px;margin:10px 10px -54px 0}.server-modal #dialog-body .server-modal-heading h2{font-size:24px}}
/* Keep decorative frame entirely outside the readable content. */
.server-modal-content:after{padding:22px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.95}
@media(max-width:600px){.server-modal-content:after{padding:10px;opacity:.8}}
/* Match the approved subdued homepage palette without darkening readable text. */
dialog.server-modal{filter:saturate(.72)}.server-modal-art{filter:brightness(.88)}.server-modal-content:after{filter:brightness(.88)}.server-modal .modal-action{color:#e3cda5}.server-modal #dialog-body .server-modal-heading h2{color:#e7d5b0}

/* Reference-led modal finishing: themed lettering, ornamental real buttons. */
.server-modal{--button-row:0%}.server-modal--asa{--button-row:33.333333%}.server-modal--scum{--button-row:66.666667%}.server-modal--dune{--button-row:100%}
.server-modal-header{height:250px;justify-content:flex-start}.server-modal-heading{width:76%;padding:24px 28px 20px 115px;position:relative;z-index:1}.server-modal #dialog-body .server-modal-heading h2{font-size:42px;font-weight:600;letter-spacing:.01em}.server-modal--valheim #dialog-body .server-modal-heading h2{font-size:64px;letter-spacing:.025em;color:#edc58b;text-shadow:1px 2px #351305,0 0 3px #b05423,0 0 15px #b0542344}.server-modal--scum #dialog-body .server-modal-heading h2{font:bold 76px/1 Impact,'Arial Black',sans-serif;letter-spacing:.09em;color:#d4d0c6;text-shadow:2px 3px #3c2420,-1px -1px #9e9287,0 5px #652b29}.server-modal--dune #dialog-body .server-modal-heading h2{font-weight:400;letter-spacing:.15em;font-size:42px;color:#ddc092}.server-modal-header:after{background:linear-gradient(0deg,var(--modal-bg),transparent 50%),linear-gradient(90deg,#03101933,#03101999 20%,#03101966 57%,transparent 78%)}.server-modal .modal-action{position:relative;background:url('button-ornaments.png') center var(--button-row)/100% 400% no-repeat,#081116;border:0;box-shadow:none;min-height:63px;padding:15px 21%;text-align:center;border-radius:0;font-size:16px;white-space:nowrap}.server-modal-actions .modal-action{justify-content:center;gap:8px;min-height:73px}.server-modal .modal-action:disabled{filter:grayscale(1);opacity:.45}.server-modal-address .modal-action{min-width:245px;padding:15px 45px;font-size:14px}.server-modal-address{border-radius:0;outline:1px solid var(--modal-edge);outline-offset:-5px;background:repeating-linear-gradient(170deg,transparent 0 7px,#9e774b0c 7px 9px),linear-gradient(90deg,#07141a,#161a16)}.server-modal--valheim .server-modal-address{background:repeating-linear-gradient(2deg,#40291633 0 4px,transparent 4px 11px),#0d1517}.server-modal--scum .server-modal-address{border-color:#955344}.server-modal #dialog-body .server-modal-stats{gap:8px}.modal-stat{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);border-radius:0}.modal-stat>.icon{width:34px;height:34px}.modal-emblem{width:78px;height:78px;left:3.5%;bottom:25px}.server-modal #dialog-body .server-modal-note{padding-bottom:4px}.server-modal .modal-action:focus-visible{outline:2px solid #ffe0a1;outline-offset:2px}
@media(max-width:800px){.server-modal-heading{padding-left:80px;width:85%}.server-modal--valheim #dialog-body .server-modal-heading h2{font-size:48px}.server-modal--scum #dialog-body .server-modal-heading h2{font-size:55px}.server-modal--dune #dialog-body .server-modal-heading h2{font-size:32px}.server-modal #dialog-body .server-modal-heading h2{font-size:30px}.server-modal-address .modal-action{min-width:200px;font-size:12px}.modal-emblem{width:52px;height:52px;left:3%}.server-modal .modal-action{font-size:14px}}
@media(max-width:600px){.server-modal-header{height:200px}.server-modal-heading{width:100%;padding:25px 36px 18px 52px}.server-modal--valheim #dialog-body .server-modal-heading h2{font-size:37px}.server-modal--scum #dialog-body .server-modal-heading h2{font-size:46px}.server-modal--dune #dialog-body .server-modal-heading h2{font-size:25px;letter-spacing:.06em}.server-modal #dialog-body .server-modal-heading h2{font-size:25px}.modal-emblem{width:38px;height:38px;left:8px;bottom:22px}.server-modal .modal-action{min-height:64px;font-size:14px}.server-modal-actions .modal-action{min-height:70px}.server-modal-address .modal-action{min-width:0;font-size:14px}.modal-stat>.icon{width:27px;height:27px}}
.server-modal-art{background-image:url('modal-headers.png');filter:brightness(.93)}.server-modal .modal-emblem{display:none}.server-modal-heading{padding-left:100px}.server-modal-header:after{background:linear-gradient(0deg,var(--modal-bg),transparent 48%),linear-gradient(90deg,transparent 12%,#03101922 27%,#03101922 60%,transparent 82%)}
@media(max-width:600px){.server-modal-heading{padding-left:35px}.server-modal-art{background-position-x:45%}}

/* Correction sprint: a compact, continuous game interface. */
dialog.server-modal{width:min(1000px,92vw);border:0;border-radius:2px;box-shadow:0 24px 90px #000e;background:#051017;--modal-accent:#bd955a;--modal-edge:#665335}.server-modal-content{padding:24px 0 36px;background:repeating-linear-gradient(95deg,#7b62300b 0 2px,transparent 2px 9px),var(--modal-bg)}.server-modal-content:after{padding:0;mask:none;opacity:1;filter:saturate(.85) brightness(.85);z-index:4}.server-modal-header{height:202px;margin:0 24px;border:0;overflow:hidden}.server-modal-heading{width:72%;padding:10px 20px 14px 105px}.server-modal #dialog-body .server-modal-heading h2{margin:0 0 4px;font-size:35px}.server-modal--valheim #dialog-body .server-modal-heading h2{font-size:55px;font-weight:500}.server-modal--scum #dialog-body .server-modal-heading h2{font-size:63px}.server-modal--dune #dialog-body .server-modal-heading h2{font-size:35px}.server-modal-heading strong{font-size:17px}.server-modal #dialog-body .server-modal-heading p{font-size:12px;line-height:1.4;margin-top:3px;max-width:350px;margin-inline:auto;text-wrap:balance}.server-modal-art{background-size:100% 400%}.server-modal-header:after{background:linear-gradient(0deg,var(--modal-bg),transparent 35%),linear-gradient(90deg,transparent,#02101a45 30%,transparent 78%)}.server-modal-main{padding:0 70px 0;margin-top:-3px;position:relative;z-index:2}.server-modal #close-dialog{top:27px;width:38px;height:38px;margin:27px 32px -65px 0;font-size:24px;background:#051014ed;border:1px solid #d2ab68}.server-modal #dialog-body .server-modal-stats{gap:5px;margin:0 0 8px;padding:0}.modal-stat{min-height:76px;padding:10px 9px;gap:10px;border:1px solid #6b705a;background:repeating-linear-gradient(135deg,transparent 0 3px,#aabfa005 3px 4px),radial-gradient(ellipse at 20% 0,#263a3499,transparent 70%),linear-gradient(#071b24,#001019);box-shadow:inset 0 0 0 2px #020b11,inset 0 0 0 3px #58717344;position:relative}.modal-stat:before{content:'◆';position:absolute;left:5px;top:1px;font-size:7px;color:var(--modal-accent)}.modal-stat>.icon{width:32px;height:32px;filter:drop-shadow(0 1px 2px #000);color:#d2ae67}.server-modal #dialog-body .modal-stat dt{font-size:9px;letter-spacing:.055em}.server-modal #dialog-body .modal-stat dd{font-size:14px;line-height:1.3;margin-top:5px}.modal-stat .status{font-size:14px}.modal-stat #detail-time{font-size:12px}.server-modal-address{position:relative;min-height:62px;padding:7px 13px;gap:11px;grid-template-columns:30px minmax(0,1fr) 225px;border:1px solid #a88850;outline:1px solid #342c1d;outline-offset:-4px;background:repeating-linear-gradient(1deg,transparent 0 5px,#af875112 5px 6px),linear-gradient(100deg,#111b19,#04121a 65%,#322515);clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);box-shadow:inset 0 0 0 5px #071015,inset 0 0 0 6px #8d734944}.server-modal-address:before,.server-modal-address:after{content:'❖';position:absolute;color:var(--modal-accent);font-size:17px;top:50%;transform:translateY(-50%);pointer-events:none}.server-modal-address:before{left:0}.server-modal-address:after{right:0}.server-modal-address>.icon{margin-left:6px;width:27px;height:27px}.server-modal-address>div>span{font-size:9px}.server-modal-address code{font-size:18px;line-height:1.4}.server-modal .modal-action{position:relative;min-width:0;min-height:49px;padding:11px 20px;background:linear-gradient(0deg,#201a10,#020c12 45%,#3c2a15);border:1px solid #ad8548;box-shadow:inset 0 0 0 3px #090f13,inset 0 0 0 4px #9a743e66,inset 0 0 14px #ad7b1b22;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);font-size:15px;transition:box-shadow .18s,filter .18s;color:#ebd2a1}.server-modal .modal-action:before,.server-modal .modal-action:after{content:'◇';position:absolute;top:50%;transform:translateY(-50%);font-size:14px;color:var(--modal-accent);pointer-events:none}.server-modal .modal-action:before{left:4px}.server-modal .modal-action:after{right:4px}.server-modal .modal-action:hover:not(:disabled){filter:brightness(1.16);box-shadow:inset 0 0 0 3px #090f13,inset 0 0 0 4px #bf985c,inset 0 0 20px #dca33155}.server-modal-address .modal-action{min-width:0;font-size:13px;min-height:46px;padding:10px 13px}.server-modal-actions{gap:14px}.server-modal-actions .modal-action{min-height:51px;padding:10px 20px;justify-content:space-between;font-size:15px}.server-modal-join{padding:10px 12px;margin:8px 0;gap:12px;border-radius:0;min-height:67px;border-color:#36505a;background:linear-gradient(115deg,#08202bdd,#03111be8);box-shadow:inset 0 0 0 2px #0009}.join-symbol{flex-basis:32px;height:32px;font-size:20px;background:#173846}.server-modal #dialog-body .server-modal-join h3{font-size:10px;margin-bottom:3px}.server-modal #dialog-body .server-modal-join p{font-size:12px;line-height:1.5}.server-modal #dialog-body .server-modal-note{font-size:9px;line-height:1.45;gap:8px;margin:9px 0 0;padding:0 10px}.server-modal-note>span{font-size:15px}.server-modal--asa{--modal-accent:#97b68c;--modal-edge:#3b6970}.server-modal--scum{--modal-accent:#b66b56;--modal-edge:#683a36}.server-modal--dune{--modal-accent:#c1a36c;--modal-edge:#756040}.server-modal--scum .modal-action{border-color:#a4513f;background:linear-gradient(#3a201c,#071015 55%,#251613)}.server-modal--asa .modal-stat{border-color:#4c807c}.server-modal--scum .modal-stat{border-color:#76564c}.server-modal--dune .modal-stat{border-color:#8d764d;background:linear-gradient(110deg,#372d1edb,#171813)}.server-modal--scum .server-modal-address{border-color:#a36a56}.server-modal--asa .server-modal-address{border-color:#82986c}.server-modal .inline-link,.server-modal #dialog-body .server-modal-join a{color:#e9bf78}.modal-menu-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.join-symbol .modal-menu-icon{width:24px;height:24px;color:#b0dbe6}
@media(max-width:800px){dialog.server-modal{width:96vw}.server-modal-main{padding-inline:45px}.server-modal-header{margin-inline:15px;height:195px}.server-modal-content{padding-top:18px;padding-bottom:27px}.server-modal-heading{padding-left:65px;width:80%}.modal-stat{gap:6px;padding:8px 7px}.modal-stat>.icon{width:26px;height:26px}.server-modal #dialog-body .modal-stat dd{font-size:13px}.modal-stat #detail-time{font-size:11px}.server-modal-address{grid-template-columns:26px minmax(0,1fr) 180px}.server-modal-address code{font-size:16px}.server-modal-actions .modal-action{font-size:13px}.server-modal #close-dialog{top:21px;margin-top:21px;margin-right:23px}}
@media(max-width:600px){dialog.server-modal{width:calc(100vw - 14px)}.server-modal-content{padding-top:12px;padding-bottom:22px}.server-modal-content:after{mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:16px;opacity:.95}.server-modal-header{height:178px;margin-inline:10px}.server-modal-heading{width:100%;padding:10px 27px 15px}.server-modal #dialog-body .server-modal-heading h2{font-size:25px}.server-modal--valheim #dialog-body .server-modal-heading h2{font-size:37px}.server-modal--scum #dialog-body .server-modal-heading h2{font-size:45px}.server-modal--dune #dialog-body .server-modal-heading h2{font-size:27px}.server-modal-heading strong{font-size:15px}.server-modal #dialog-body .server-modal-heading p{font-size:11px}.server-modal-main{padding-inline:22px}.server-modal #dialog-body .server-modal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.modal-stat{min-height:73px;padding:8px;gap:8px}.server-modal-address{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:11px}.server-modal-address code{font-size:15px}.server-modal-address .modal-action{grid-column:1/-1;min-height:44px}.server-modal-actions{grid-template-columns:1fr;gap:7px}.server-modal-actions .modal-action{min-height:46px;font-size:14px}.server-modal-join{padding:10px 8px;gap:8px}.join-symbol{flex-basis:25px;height:28px}.server-modal #dialog-body .server-modal-join p{font-size:12px}.server-modal #dialog-body .server-modal-note{padding:0;font-size:9px}.server-modal #close-dialog{top:14px;margin:14px 17px -52px 0;width:36px;height:36px}.server-modal-art{background-size:auto 400%}}
/* Keep the frame behind controls and reserve room for its lower carving. */
.server-modal-content{padding-bottom:58px;overflow:hidden}.server-modal-content:after{z-index:1}.server-modal-main{z-index:2}.server-modal #dialog-body .server-modal-note{position:relative;background:var(--modal-bg);margin-inline:18px}.server-modal-actions{padding-inline:10px}.server-modal-address{background-color:#04131a}.server-modal--valheim .server-modal-address{background:repeating-linear-gradient(2deg,#6a4b2614 0 3px,transparent 3px 9px),linear-gradient(90deg,#141711,#07121a)}
@media(max-width:600px){.server-modal-content{padding-bottom:24px}.server-modal-actions{padding-inline:0}.server-modal #dialog-body .server-modal-note{margin-inline:0}}
.server-modal-content:after{background-size:200% 205.6%}.server-modal-actions .modal-action{gap:9px}.server-modal-actions .modal-action>span:nth-child(2){flex:1;text-align:center}
@media(max-width:600px){.server-modal-actions .modal-action{gap:7px}}
@media(max-width:600px){.server-modal-address>.icon{width:22px;height:22px;margin-left:0}.server-modal-address{column-gap:10px}}

/* 2026-10-09: preserve the 1:1 artwork atlas and crop individual 4:1 scenes. */
.hero,.server-modal-header{container-type:size}.h0{--scene:0}.h1{--scene:1}.h2{--scene:2}.h3{--scene:3}
.hero-layer,.server-modal-art{background-image:none!important;overflow:hidden}
.hero-layer:before,.server-modal-art:before{content:'';position:absolute;width:max(100cqw,400cqh);aspect-ratio:1;height:auto;left:50%;top:50%;transform:translate(-50%,calc(-12.5% - var(--scene,0)*25%));background:url('hero-worlds.png') center/100% 100% no-repeat;pointer-events:none}
.server-modal-art:before{background-image:url('modal-headers.png')}
.hero-layer{filter:saturate(.86) brightness(.95)}.game-card{filter:saturate(.9) brightness(.98)}.community-art{filter:saturate(.86)}
@media(max-width:600px){.hero-layer:before{left:0;transform:translate(0,calc(-12.5% - var(--scene,0)*25%))}.server-modal-art:before{left:35%;transform:translate(-45%,calc(-12.5% - var(--scene,0)*25%))}}
/* All games share the same readable details layout, with themed framing. */
.server-modal #dialog-body .modal-stat dd{font-size:15px}.server-modal #dialog-body .server-modal-join p{font-size:13px}.server-modal-address code{font-size:19px}.server-modal .modal-stat .status{font-size:15px}
@media(max-width:600px){.server-modal #dialog-body .modal-stat dd,.server-modal .modal-stat .status{font-size:13px}.server-modal-address code{font-size:15px}}
/* Keep complete figures visible at desktop widths instead of cropping heads. */
@media(min-width:1001px){.hero{height:clamp(280px,25vw,480px)}}
@media(min-width:801px){.server-modal-header{height:235px}}