body.region-page{color-scheme:dark;--lime:#a7f57b;--muted:#9aaba4;--line:#a7d6b922;--bg:#060d0d;font-family:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.region-page{margin:0;background:var(--bg);color:#eef5ef}
.region-page a{color:inherit;text-decoration:none}.region-page button{font:inherit}.region-page a:focus-visible,.region-page button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.region-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(24px,5vw);border-bottom:1px solid var(--line);background:#07100eea;position:relative;z-index:3}
.region-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:-.6px}.region-brand img{width:43px;height:43px;object-fit:contain}.region-brand em{font-style:normal;color:var(--lime)}.region-brand small{display:block;font:8px monospace;letter-spacing:1.7px;color:#84968c;margin-top:5px}
.region-header nav{display:flex;align-items:center;gap:24px;font-size:11px;letter-spacing:1px}.region-header nav a:hover{color:var(--lime)}
.region-eyebrow{font:10px/1.7 monospace;letter-spacing:2.5px;color:var(--lime);text-transform:uppercase}.region-gateway{max-width:1190px;margin:auto;padding:66px 32px 40px}
.region-gateway h1{font-size:clamp(38px,5.5vw,73px);line-height:1.01;letter-spacing:-3px;margin:18px 0}.region-gateway h1 span{color:var(--lime)}
.region-intro{color:#adbbb4;font-size:15px;line-height:1.8;max-width:590px}.gateway-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#060d0df5,#060d0d90),linear-gradient(0deg,#060d0d,transparent),url('/assets/design/cobble-cinematic.webp') center/cover;opacity:.72}
.region-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.region-option{position:relative;display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid #89b39a45;border-radius:12px;background:linear-gradient(135deg,#101e18ef,#091210f0);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.region-option:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0%,#a7f57b15,transparent 65%);pointer-events:none}.region-option:hover{transform:translateY(-5px);border-color:#a7f57b99;box-shadow:0 15px 50px #0006,0 0 25px #a7f57b0b}
.region-option-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.region-flag{width:81px;height:54px;object-fit:cover;border-radius:5px;box-shadow:0 4px 20px #0007;border:1px solid #ffffff30}.region-chip{font:9px monospace;letter-spacing:1px;padding:8px 10px;border:1px solid #a7d6b933;border-radius:4px;color:#bbc9be}.region-chip.pending{color:#e5c986;border-color:#e5c98644}
.region-option h2{font-size:31px;letter-spacing:-1px;margin:26px 0 10px}.region-option p{color:#a5b4ac;font-size:13px;line-height:1.7;margin:0 0 16px}.region-option .region-enter{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--lime)}
.gateway-note{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:10px/1.7 monospace;color:#81948a;margin-top:25px}.region-footer{max-width:1190px;margin:30px auto 0;padding:24px 32px;border-top:1px solid var(--line);font:10px/1.8 monospace;color:#81948a;display:flex;justify-content:space-between;gap:20px}
.region-regionbar{display:flex;gap:10px;align-items:center;font:10px monospace;letter-spacing:1px}.region-regionbar img{width:30px;height:20px;border-radius:2px}.region-regionbar a{padding:10px 12px;border:1px solid var(--line);border-radius:5px;color:var(--lime)}
.sa-main{max-width:1280px;margin:auto;padding:32px}.sa-hero{padding:54px 40px;min-height:300px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,#07110fec,#07110f60),linear-gradient(0deg,#07110f,transparent),url('/assets/design/cobble-cinematic.webp') center/cover}
.sa-hero h1{font-size:clamp(38px,5vw,65px);line-height:1.02;letter-spacing:-2.5px;margin:15px 0 20px}.sa-hero h1 span{color:var(--lime)}.sa-hero p{color:#b7c6bd;line-height:1.8;max-width:530px;font-size:14px}
.sa-notice{display:flex;gap:16px;align-items:center;border:1px solid #e5c98633;background:#e5c98609;padding:18px 22px;border-radius:8px;margin:22px 0 32px}.offline-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#d6ac65;flex:none}.sa-notice strong{display:block;font-size:12px;color:#e5c986;margin-bottom:5px}.sa-notice p{font-size:12px;color:#a9b7af;margin:0;line-height:1.7}
.sa-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 20px}.sa-section-head h2{font-size:27px;letter-spacing:-.7px;margin:7px 0}.sa-section-head p{color:#91a69a;font-size:12px}
.sa-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sa-server-card{overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#0c1713}.sa-server-art{height:190px;position:relative;background:#0c1713}.sa-server-art>img{height:100%;width:100%;object-fit:cover;object-position:center 40%;filter:saturate(.65)}.sa-server-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1713,transparent 75%)}
.sa-server-status{position:absolute;top:16px;right:16px;z-index:1;padding:9px 11px;border:1px solid #d6ac6550;border-radius:5px;background:#0a1310ed;color:#e5c986;font:10px monospace;letter-spacing:1px}
.sa-server-copy{padding:0 25px 25px}.sa-server-copy h3{font-size:25px;margin:0 0 12px;letter-spacing:-.7px}.sa-server-copy h3 span{color:var(--lime)}.sa-server-copy p{color:#a4b4a9;font-size:13px;line-height:1.8}.sa-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sa-tags span{font:9px monospace;padding:7px 8px;border:1px solid var(--line);color:#b6c6bb;border-radius:3px}.sa-offline-button{width:100%;padding:14px;border:1px solid #a7d6b925;border-radius:5px;background:#17221c;color:#84968a;font-size:11px;font-weight:800;letter-spacing:1px;cursor:not-allowed}
.sa-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sa-map-grid .map-card{margin:0;position:relative;overflow:hidden;height:160px;border:1px solid var(--line);border-radius:6px}.sa-map-grid img{width:100%;height:100%;object-fit:cover}.sa-map-grid .map-shade{position:absolute;inset:0;background:linear-gradient(0deg,#06100ff2,transparent)}.sa-map-grid .map-meta{position:absolute;bottom:16px;left:14px}.sa-map-grid .map-meta h3{font-size:15px;letter-spacing:.5px;margin:0}.sa-map-grid .map-meta span,.sa-map-grid .map-meta small{display:none}
.sa-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.sa-panel{background:#0c1713;border:1px solid var(--line);border-radius:8px;padding:25px}.sa-panel h2{font-size:20px;margin:0 0 12px}.sa-panel p,.sa-panel li{font-size:13px;line-height:1.9;color:#a4b4a9}.sa-panel a{color:var(--lime)}.sa-panel ul{padding-left:18px;margin-bottom:0}
.csn-region-switch{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:0 0 16px;border:1px solid #a7f57b35;border-radius:6px;color:#bce6ab!important;font:10px monospace;text-decoration:none!important;background:#101d15}.csn-region-switch img{width:27px;height:18px}.csn-region-switch span:last-child{margin-left:auto}
@media(min-width:1400px){.region-gateway{padding-top:85px}}
@media(max-width:760px){.region-header{padding:16px 20px;gap:14px;flex-wrap:wrap}.region-header nav{gap:15px;font-size:10px}.region-brand{font-size:17px}.region-brand img{width:35px;height:35px}.region-gateway{padding:36px 20px}.region-gateway h1{letter-spacing:-1.7px}.region-options{grid-template-columns:1fr;gap:16px;margin-top:26px}.region-option{min-height:275px;padding:24px}.region-option h2{font-size:27px;margin-top:22px}.region-footer{padding:20px;flex-direction:column;margin-top:10px;gap:6px}.sa-main{padding:20px}.sa-hero{padding:32px 24px}.sa-server-grid,.sa-panels{grid-template-columns:1fr}.sa-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-map-grid .map-card{height:145px}.sa-section-head{display:block}.region-regionbar{font-size:9px}.sa-notice{padding:16px}.sa-hero h1{letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.region-option{transition:none}.region-option:hover{transform:none}}

.csn-logout{width:100%;padding:10px;background:#0b1914;color:#b6cbbd;border:1px solid #a7f57b33;border-radius:5px;cursor:pointer;font:10px monospace}