/* Night edition: readable ink, aged silver, restrained copper. */
:root{--bg:#060809;--panel:#0b0e10;--text:#e2dfd5;--muted:#a6aaa7;--gold:#bba984;--line:#b9c6bd26}
body{background:radial-gradient(ellipse at 80% 10%,#11202050,transparent 45%),#060809}
header{background:#060809f2;border-bottom-color:#9fafa52b;gap:18px}header nav{gap:17px}header nav a{font-size:11px;letter-spacing:.025em}
.hero-art img{filter:saturate(.66) brightness(.76)}.hero-shade{background:linear-gradient(90deg,#060809 0%,#060809a8 40%,#06080910 78%),linear-gradient(0deg,#060809,transparent 32%)}
.button,.button.gold{background:linear-gradient(135deg,#171d1c,#0a0d0e);border:1px solid #b3a78a70;color:#e5dcc9;box-shadow:inset 0 0 0 3px #080b0c;letter-spacing:.13em;font-size:11px;min-height:48px;transition:border-color .2s,background .2s}
.button:hover,.button.gold:hover{background:#202725;border-color:#ded4bd;transform:none;color:#fff}
.gateway-card,.nation-card,.city-card,.forms-grid article,.hub-coming,.learning-row{background-color:#0b1010;border-color:#a6b3a329}
.gateway-card:after{background:linear-gradient(0deg,#060809f0,#06080935)}
.atlas-art{background:#070b0d;border:1px solid #92826855;padding:8px;box-shadow:0 18px 65px #0008}
.atlas-art img{filter:none}.atlas-art button,.image-open{border-radius:0}
.image-expand,.atlas-art button>span{background:#090d0ef0!important;color:#e0d7c4!important;border:1px solid #b3a78a66!important;letter-spacing:.1em}
.portrait-card img{filter:saturate(.87)}.portrait-card:hover img{filter:none}
.night-tools{display:flex;align-items:center;gap:9px}.night-tools button{border:1px solid #8c998a50;padding:9px 11px;font-size:11px;color:#d5d9d1;white-space:nowrap;min-height:40px}
.night-updates{border-top:1px solid var(--line);background:radial-gradient(ellipse at 0 0,#18272275,transparent 65%),#080c0d}
.night-updates .section-top{align-items:end}.night-updates h2{font-size:clamp(38px,4.7vw,64px)}
.update-list{margin-top:38px}.update-row{display:grid;grid-template-columns:120px 1fr 36px;gap:24px;padding:27px 0;border-top:1px solid var(--line);align-items:center}.update-row time{color:#a2aaa5;font-size:12px}.update-row h3{font-size:27px;letter-spacing:-.025em}.update-row p{font-size:14px;color:#9ea8a3;margin-top:5px}.update-row>span{color:var(--gold);font-size:24px}
.night-account-banner{margin-top:42px;padding:28px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#111816}.night-account-banner h3{font-size:28px}.night-account-banner p{color:var(--muted);max-width:560px;font-size:14px}
.avatar-strip{display:flex;margin-top:17px;gap:8px}.avatar-strip img{height:50px;width:50px;object-fit:cover;object-position:50% 20%;border:1px solid #b9b09a70;border-radius:50%;background:#dfded8}
.night-dialog{width:min(510px,calc(100vw - 28px));padding:30px;background:#0d1313;color:var(--text);border:1px solid #a3987c77;max-height:90dvh;overflow:auto}.night-dialog::backdrop{background:#020404d9;backdrop-filter:blur(5px)}.night-dialog h2{font-size:38px;margin:10px 0 18px}.night-dialog .dialog-close{float:right;font-size:22px;min-width:40px;min-height:40px}.night-tabs{display:flex;gap:10px;margin:20px 0}.night-tabs button{padding:10px 0;margin-right:15px;border-bottom:1px solid transparent}.night-tabs button[aria-selected=true]{border-color:var(--gold);color:var(--gold)}
.night-dialog label{display:block;font-size:13px;margin:16px 0 7px}.night-dialog input{width:100%;padding:13px;background:#060a0b;border:1px solid #87958e70;color:#eee;font-size:16px;border-radius:0}.night-dialog fieldset{border:0;padding:0;margin:20px 0}.night-dialog legend{font-size:13px}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.avatar-choice{cursor:pointer;text-align:center;margin:0!important}.avatar-choice input{position:absolute;opacity:0;width:1px}.avatar-choice img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 20%;border:2px solid transparent;background:#deded9}.avatar-choice input:checked+img{border-color:#ccb68d}.avatar-choice input:focus-visible+img{outline:2px solid white;outline-offset:3px}.avatar-choice span{display:block;font-size:11px;margin-top:6px}.night-status{min-height:24px;font-size:13px;color:#ddd1b9;margin:12px 0}.night-small{font-size:12px;color:var(--muted)}.night-dialog .button{width:100%;margin-top:15px}
.music-panel{position:fixed;right:22px;bottom:22px;width:360px;max-width:calc(100vw - 28px);padding:18px;background:#0d1414;border:1px solid #9c947873;z-index:35;box-shadow:0 10px 70px #000b}.music-panel[hidden]{display:none}.music-panel h3{font-size:23px;margin-bottom:8px}.music-panel p{font-size:12px;color:var(--muted);margin:8px 0}.music-panel iframe{display:block;border:0;width:100%;aspect-ratio:16/9;min-height:200px}.music-close{float:right;min-width:36px;min-height:36px}.music-panel .button{width:100%;margin:10px 0}.music-panel a{font-size:12px;text-decoration:underline}.profile-summary{text-align:center}.profile-summary img{width:90px;height:90px;object-fit:cover;object-position:50% 20%;border-radius:50%;margin:15px auto}.profile-summary h3{font-size:25px}
@media(pointer:fine){body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30' viewBox='0 0 26 30'%3E%3Cpath d='M3 2L3 23L9 18L14 28L18 26L13 16L22 16Z' fill='%2305090a' stroke='%23d4d8cf' stroke-width='1.3'/%3E%3C/svg%3E") 3 2,auto}}
@media(max-width:1200px){header nav{gap:11px}header .brand{font-size:21px}.night-tools button{font-size:10px;padding:8px}.search-toggle span{display:none}}
@media(max-width:1050px){header nav{display:none}header nav.open{display:flex;position:absolute;top:100%;left:0;right:0;height:auto;flex-direction:column;align-items:stretch;background:#080d0e;padding:22px;gap:0}header nav.open a{padding:12px}.menu-toggle{display:block!important}.night-tools{margin-left:auto}header{gap:12px}}
@media(max-width:600px){.night-tools button{font-size:10px;min-height:40px}.update-row{grid-template-columns:1fr 24px;gap:7px}.update-row time{grid-column:1/-1}.update-row h3{font-size:24px}.night-account-banner{display:block;padding:22px}.night-account-banner .button{margin-top:20px}.music-panel{right:14px;bottom:14px}.night-dialog{padding:22px}.night-updates .section-top{display:block}.hero-copy h1{font-size:clamp(44px,12vw,72px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the original illustration clear; mask the lettering baked into its right side. */
.hero-shade{background:linear-gradient(90deg,transparent 20%,#06080922 35%,#060809 56%),linear-gradient(0deg,#060809,transparent 28%)}
@media(max-width:600px){header{padding:0 16px;gap:8px}header .brand{font-size:17px;flex-shrink:0}.brand span{font-size:5px;letter-spacing:.18em}.night-tools{gap:5px}.night-tools button{padding:7px;font-size:9px}.search-toggle{width:32px;height:32px;flex-shrink:0}.menu-toggle{padding:4px;font-size:20px;flex-shrink:0}.hero-shade{background:linear-gradient(0deg,#060809 0%,#060809 12%,#060809ee 40%,#06080900 83%)}.hero-art{width:100%}.hero-art img{clip-path:inset(0 44% 0 0)}}
@media(min-width:601px){.hero-shade{background:linear-gradient(90deg,transparent 20%,#06080933 38%,#060809 49%),linear-gradient(0deg,#060809,transparent 28%)}}
.profile-identity{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-identity[hidden]{display:none}.avatar-choice img{transition:border-color .2s,transform .2s}.avatar-choice:hover img{border-color:#a9956c}.avatar-choice input:checked+img{box-shadow:0 0 0 1px #cbb889;transform:translateY(-2px)}.night-dialog .profile-summary p{margin-top:7px}#profile-area fieldset{border:0;margin:22px 0;padding:0}#profile-area legend{font-size:13px}#profile-name{overflow-wrap:anywhere}@media(max-width:420px){.profile-identity{grid-template-columns:1fr;gap:0}.night-dialog h2{font-size:31px}}