:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;color:#e8edf0;background:#111c25;--gold:#e4bc74;--line:#34414a;--muted:#a9b5bf}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;font-size:14px}button{border:1px solid var(--line);background:#202e38;color:#e8edf0;padding:10px 15px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#30414c;border-color:#7d8c97}button:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button.active{border-color:var(--gold);color:var(--gold);background:#453d2e}button.primary{background:var(--gold);border-color:var(--gold);color:#18232b;font-weight:700}button.primary:hover{background:#f4d39a}.wide{width:100%;margin-top:16px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:3px;text-decoration:none;color:#fff;white-space:nowrap}.brandmark{color:var(--gold);font-size:34px;vertical-align:-3px;margin-right:9px}.edition{font-size:12px;letter-spacing:2px;color:var(--muted);display:grid;gap:7px}.edition b{font-weight:400;font-size:11px;color:var(--gold)}nav{display:flex;gap:8px}nav button{background:transparent}main{display:grid;grid-template-columns:minmax(0,1fr) 352px;min-height:calc(100vh - 129px)}.world{position:relative;min-height:690px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#2e4951 0,#172a35 40%,#111e28 73%)}.world-top{position:absolute;top:32px;left:36px;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:12px 0 10px}p{line-height:1.55;font-size:16px}.world-top p{color:var(--muted);max-width:550px;margin:0;font-size:14px}#viewport{position:absolute;inset:90px 0 55px;touch-action:none}canvas{display:block;width:100%;height:100%}.view-controls{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap}.view-controls button{background:#142430dc}.world-bottom{position:absolute;bottom:22px;left:36px;right:32px;display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1.2px;color:var(--muted)}.world-bottom i{font-style:normal;color:#617781;margin:0 6px}aside{border-left:1px solid var(--line);background:#17232d;padding:28px 24px;overflow:auto;max-height:calc(100vh - 129px);min-height:690px}h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:12px 0}h3{font-size:14px;letter-spacing:1px;margin:0 0 16px}.turn>p{color:var(--muted);font-size:14px;margin:0 0 20px}.panel{border-top:1px solid var(--line);padding-top:23px;margin-top:22px}label{font-size:14px;color:var(--muted);display:block;margin-bottom:8px}select{padding:10px;background:#25343e;border:1px solid #52616c;border-radius:5px;color:#fff;width:100%}.muted{color:var(--muted);font-size:14px}.inspect h3{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:0;margin:12px 0 8px}.inspect p{font-size:14px;color:var(--muted);margin:0}.score{display:flex;align-items:center;padding:9px 0;gap:9px;font-size:14px}.score .dot{height:9px;width:9px;border-radius:50%}.score strong{margin-left:auto}.score.current{color:var(--gold)}.resource-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:15px 0}.resource{background:#24323c;border:1px solid #3b4952;border-radius:5px;padding:9px 1px;text-align:center}.resource b{display:block;font-size:21px;font-weight:500}.resource span{display:block;font-size:11px;margin-top:5px}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-grid button{padding:11px 6px}.build-grid small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.dice{font-size:28px;color:var(--gold);letter-spacing:4px}.actions-row{display:flex;gap:8px;margin:10px 0}.actions-row button{flex:1}.locations{max-height:150px;overflow:auto;display:grid;gap:6px;margin-top:10px}.locations button{text-align:left;font-size:13px;padding:8px}.log{padding-left:17px;color:var(--muted);font-size:13px;line-height:1.5}.log li{margin:7px 0}footer{border-top:1px solid var(--line);padding:13px 36px;font-size:11px;letter-spacing:1px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}dialog{background:#192a35;color:#e8edf0;border:1px solid #50616d;border-radius:12px;max-width:650px;width:calc(100% - 32px);padding:32px;max-height:85vh}dialog::backdrop{background:#071017ba;backdrop-filter:blur(5px)}dialog h2{color:var(--gold);padding-right:25px}dialog li{line-height:1.6;margin:12px 0}dialog p{color:#c3ccd2}.close{position:absolute;right:15px;top:15px;font-size:22px;padding:3px 11px}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);max-width:90%;background:#e4bc74;color:#111e28;padding:13px 23px;border-radius:8px;box-shadow:0 10px 40px #0005;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;font-size:15px}#toast.visible{opacity:1}.help-inline{font-size:12px;color:var(--muted)}@media(min-width:1600px){.world{min-height:800px}aside{padding:36px;max-height:none}main{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1000px){header{padding:0 20px}.edition{display:none}main{grid-template-columns:minmax(0,1fr) 310px}.world-top{left:22px}h1{font-size:30px}.world-bottom span:last-child{display:none}aside{padding:24px 18px}.world-bottom{left:22px}}@media(max-width:720px){header{height:auto;padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:21px}nav button{padding:7px 11px}main{display:block}.world{min-height:530px;height:65vh;max-height:700px}.world-top{top:22px;left:20px}h1{font-size:28px}#viewport{inset:85px 0 40px}.world-bottom{bottom:14px;font-size:10px}.view-controls{bottom:42px}aside{max-height:none;min-height:0;border-left:0;border-top:1px solid var(--line);padding:24px}.resource span{font-size:12px}footer{padding:14px 20px;line-height:1.5}footer span:last-child{display:none}.world-top p{max-width:85vw}dialog{padding:24px}}

label{display:block;margin-top:12px} .view-controls{flex-wrap:wrap} #boardStats{font-size:10px}
.world-sample{margin:18px 0;padding:12px;border:1px solid #435d68;border-radius:12px;background:radial-gradient(ellipse at top,#294759,#0b1926);color:#dbe8ee}.world-sample svg{display:block;width:100%;height:auto}.world-sample figcaption{font-size:12px;line-height:1.6}.world-sample figcaption strong{color:#f0d096}.world-sample figcaption span{color:#aabec9}.world-sample p{margin:6px 0}

[hidden]{display:none!important}

.placement-confirm{background:#164b35!important;border-color:#64d79b!important;color:#b8ffdb!important;font-size:24px;min-width:64px}.placement-cancel{background:#54282e!important;border-color:#e08b95!important;color:#ffd7dc!important;font-size:24px;min-width:64px}.placement-choice{border:1px solid #64d79b;padding:12px;border-radius:8px;margin-bottom:14px}.placement-choice button{margin-right:8px}

.storm-prompt{padding:12px 16px;border-left:4px solid #91f3c7;background:#132e2ded;border-radius:6px;color:#e1fff1!important;font-weight:600}.placement-confirm{font-size:18px}

.map-maker-link{display:block;text-align:center;padding:12px 16px;background:#20333e;border:1px solid #384e5b;border-radius:6px;color:#eef4f7;text-decoration:none}.map-maker-link:hover{background:#2b4553}

.room-content-options{display:grid;gap:10px;grid-column:1/-1}.room-content-options label{display:grid;gap:5px}.creation-preview[hidden]{display:none}
/* Custom maps retain the same grid position and selector layout as random globes. */.room-content-options p,.room-content-options>a{grid-column:1/-1}@media(max-width:600px){.creation-world.fixed-map .room-content-options{grid-template-columns:1fr}}