:root{color-scheme:dark;--ink:#e8edde;--muted:#9aa99b;--line:#33473d;--gold:#dfcd91}*{box-sizing:border-box}body{margin:0;background:#14241e;color:var(--ink);font:14px 'Segoe UI',sans-serif}header{height:88px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:bold 31px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span,.world-title span{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:2.3px;color:var(--muted);margin-top:5px}.world-title{text-align:center;font:17px Georgia,serif}#connection{font-size:11px;color:#b7d3a3}#connection.offline{color:#f0bd80}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:650px;height:calc(100dvh - 130px)}.viewport{position:relative;overflow:hidden;background:#224954}#map{width:100%;height:100%;touch-action:none;outline-offset:-3px}canvas{display:block;image-rendering:pixelated}.map-heading{position:absolute;left:30px;top:26px;pointer-events:none;text-shadow:0 2px 14px #12312b}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);font-weight:600}h1{font:30px/1.16 Georgia,serif;margin:10px 0;color:#fff5d9}.map-tag{position:absolute;right:22px;top:30px;font-size:20px}.map-tag span{display:block;font-size:8px;letter-spacing:1.4px;margin-top:10px}.map-tools{position:absolute;right:22px;bottom:52px;display:flex;align-items:center;background:#182e25ed;border:1px solid #637457;border-radius:6px;overflow:hidden}button{color:var(--ink);font:inherit;cursor:pointer;background:transparent;border:0}button:hover{background:#ffffff12}button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.map-tools button{font-size:24px;width:40px;height:40px}.map-tools output{font-size:11px;min-width:48px;text-align:center}.map-help{position:absolute;bottom:18px;width:100%;text-align:center;font-size:10px;color:#eef0d5;text-shadow:0 1px 4px #000}.map-help span{padding:0 10px}aside{padding:28px 24px;overflow:auto;border-left:1px solid var(--line)}h2{font:26px Georgia,serif;margin:10px 0}.intro{color:var(--muted);font-size:12px;line-height:1.7}.stats{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:20px 0;margin:22px 0}.stats strong{display:block;font:28px Georgia,serif;color:var(--gold)}.stats span{font-size:10px;color:var(--muted)}.inspection{background:#20362b;border:1px solid #3c5541;border-radius:6px;padding:18px}h3{font-size:15px;font-weight:500;margin:12px 0}.inspection p{font-size:12px;line-height:1.7;color:#bcc9b6}.inspection button{width:100%;text-align:left;border-top:1px solid #40573f;padding:12px 0 0;font-size:11px;color:var(--gold)}.inspection button span{float:right}.section-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.section-row span{font-size:9px;color:var(--muted)}ol{list-style:none;padding:0;margin:4px 0}li{position:relative;border-left:1px solid #476047;padding:0 0 17px 15px;margin-left:4px;font-size:11px;line-height:1.5}li:before{content:'';position:absolute;left:-3px;top:4px;width:5px;height:5px;background:var(--gold);border-radius:50%}li time{display:block;color:#91a18f;font-size:9px;margin-top:4px}.footnote{font-size:10px;color:#91a18f;line-height:1.7}footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:var(--muted);font-size:9px;letter-spacing:1px}footer i{display:inline-block;background:#a8c686;border-radius:50%;width:5px;height:5px;margin-right:7px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:15px;background:#182e25;border-radius:6px}#loading[hidden]{display:none}@media(max-width:800px){header{height:72px;padding:0 18px}.world-title{display:none}main{display:block;height:auto;min-height:0}.viewport{height:65dvh;min-height:420px}aside{border-left:0;padding:24px}h1{font-size:24px}.map-tag{display:none}.map-heading{left:20px;top:20px}.history{max-height:260px;overflow:auto}footer span:nth-child(2){display:none}.map-help{font-size:9px}.map-help span{padding:0 3px}}
.join-link{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid #687953;border-radius:5px;color:var(--gold);text-decoration:none;font-size:12px;margin-top:18px}.join-link:hover{background:#ffffff0a}#inhabitants{width:100%;padding:10px;background:#20362b;color:var(--ink);border:1px solid #4d6248;border-radius:5px;margin:10px 0 18px;font:12px 'Segoe UI',sans-serif}
.minimap-panel{position:absolute;left:22px;bottom:52px;width:182px;background:#152d27e8;border:1px solid #637457;border-radius:5px;padding:7px}.minimap-panel span{display:block;font-size:8px;letter-spacing:1.7px;color:var(--gold);padding-bottom:6px}.minimap-panel canvas{width:100%;height:auto;cursor:crosshair;image-rendering:pixelated}.map-tools output{min-width:55px}.map-tag{display:none}@media(max-width:800px){.minimap-panel{width:112px;left:12px;bottom:58px}.map-tools{right:12px;bottom:58px}.map-tools button{width:31px}.map-heading .eyebrow{font-size:8px;letter-spacing:1px}}
#conversation,#communities{font-size:11px;line-height:1.65;color:var(--muted)}#conversation{max-height:210px;overflow:auto}#conversation p{margin:8px 0;padding:9px 11px;background:#20362b;border-radius:5px}#conversation strong{display:block;color:var(--gold);font-weight:500;font-size:10px}#conversation span{display:block;overflow-wrap:anywhere}#communities p{padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
/* Compact map chrome; help stays available on demand. */
header{height:48px;padding:0 20px;gap:16px;position:relative;z-index:10}.brand{font-size:23px}#connection{margin-left:auto;font-size:0}#connection::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#b7d3a3}#connection.offline{font-size:11px}#connection.offline::before{display:none}main{height:calc(100dvh - 48px);min-height:0}aside{padding:16px 20px}.join-link{margin-top:0}.stats{margin:16px 0;padding:14px 0}.stats strong{font-size:23px}.map-tools,.minimap-panel{bottom:18px}.help{position:relative}.help summary{list-style:none;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;text-align:center;line-height:24px;cursor:pointer;color:var(--muted)}.help summary::-webkit-details-marker{display:none}.help>div{position:absolute;right:0;top:35px;width:min(300px,85vw);padding:18px;background:#20362b;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 30px #0005;font-size:12px;line-height:1.6}.help p{color:var(--muted);margin-bottom:0}@media(max-width:800px){main{height:auto}.viewport{height:70dvh;min-height:360px}.map-tools,.minimap-panel{bottom:14px}aside{padding:20px}}
.world-details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}.world-details summary{cursor:pointer;color:var(--ink)}.world-details p{line-height:1.7;overflow-wrap:anywhere}.world-details ol{margin-top:14px}#follow-person{margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:4px;width:100%;font-size:12px;color:var(--gold)}#follow-person[aria-pressed=true]{background:#34452c}
#world-environment{font-size:9px;letter-spacing:1px;color:var(--gold)}

#motion-toggle{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:6px 8px;color:var(--muted);white-space:nowrap}#motion-toggle[aria-pressed=true]{color:var(--gold)}
#civilization-view details{margin:10px 0;border-top:1px solid var(--line);padding-top:10px}#civilization-view summary{font-size:11px}#civilization-view a{color:var(--gold);font-size:11px}#civilization-view p{font-size:11px}
.map-card{position:absolute;z-index:8;width:280px;max-width:calc(100% - 16px);background:#172b25f5;border:1px solid #a69465;border-radius:8px;box-shadow:0 8px 30px #0008;overflow:hidden;font-size:12px}.map-card[hidden]{display:none}.map-card>header{position:static;height:auto;padding:12px;gap:10px;justify-content:flex-start}.map-card-portrait{width:48px;height:48px;background:#243c31;border-radius:4px}.map-card header>div{flex:1;min-width:0}.map-card h3{margin:4px 0;overflow-wrap:anywhere}.map-card small{color:var(--gold);font-size:10px;text-transform:capitalize}.map-card header button{align-self:flex-start;font-size:20px}.map-card-body{padding:0 14px 12px;max-height:240px;overflow:auto}.map-card-status{color:var(--gold)}.map-card-stat{display:grid;grid-template-columns:1fr auto;gap:4px;margin:9px 0}.map-card meter{width:100%;grid-column:1 / -1;height:8px;accent-color:#9ab67a}.map-card-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.map-card-row span{color:var(--muted)}.map-card-row strong{font-weight:400;text-align:right;overflow-wrap:anywhere}.map-card-goal{line-height:1.5;color:var(--muted)}.map-card>footer{height:auto;padding:10px 14px;gap:8px;border-top:1px solid var(--line);letter-spacing:0}.map-card footer button{padding:6px 10px;border:1px solid #667654;border-radius:4px;color:var(--gold)}.map-card select{min-width:0;max-width:160px;background:#20362b;color:var(--ink)}#watch-activity{width:100%;padding:10px;border:1px solid #667654;border-radius:4px;color:var(--gold)}#activity-status{font-size:11px;color:var(--muted);margin:8px 0 16px}@media(max-width:600px){.map-card{width:260px}.map-card-body{max-height:140px}.map-card>header{padding:8px}.map-card-portrait{height:32px;width:32px}}
.map-card-section{margin-top:14px}.map-card-section h4{font-size:10px;color:var(--gold);margin:0 0 5px;font-weight:500}.map-card-section p{margin:0;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.map-card-body{max-height:min(410px,55dvh)}@media(max-width:600px){.map-card-body{max-height:210px}}