/* Realm Titan — midnight, antique gold and an ivory writing surface. */
:root{--rt-night:#0b1220;--rt-panel:#111c30;--rt-raised:#1b2940;--rt-line:#2d3d55;--rt-gold:#d4b16b;--rt-gold-light:#f2dfb2;--rt-ivory:#f2efe7;--rt-paper:#faf8f2;--rt-ink:#273346;--rt-muted:#a9b7cb;--rt-soft-line:#d8dce1;--rt-display:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif}
body{background:var(--rt-ivory);color:var(--rt-ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--rt-gold);outline-offset:3px}input,select,textarea{background:var(--rt-paper);color:var(--rt-ink);border-color:var(--rt-soft-line);border-radius:4px}input[type=checkbox],input[type=range]{accent-color:#927033}h1,h2,h3{font-family:var(--rt-display)}
.primary{background:var(--rt-gold);color:#172033;border:1px solid var(--rt-gold);border-radius:4px;font-weight:650}.primary:hover{background:var(--rt-gold-light);border-color:var(--rt-gold-light)}.outline-btn{background:var(--rt-paper);border-color:var(--rt-soft-line);border-radius:4px;color:var(--rt-ink)}.outline-btn:hover{background:#e9e5db;border-color:#9a8b6d}
.header{height:76px;padding:0 24px;background:var(--rt-night);border-bottom:1px solid #d4b16b66;color:var(--rt-ivory);gap:24px}.brand{gap:11px;flex-shrink:0;font:600 21px/1 var(--rt-display);letter-spacing:1.1px;color:var(--rt-ivory)}.brand img{width:43px;height:43px}.brand .brand-titan,.realm-brand .brand-titan{color:var(--rt-gold)}.brand small{color:var(--rt-muted);font:500 8px/1.2 system-ui;letter-spacing:2.1px;margin-top:7px}.main-nav{gap:20px}.main-nav button{font-size:12px;color:var(--rt-muted)}.main-nav button:hover{color:#fff}.main-nav .active{color:var(--rt-gold-light)}.main-nav .active:after{height:2px;background:var(--rt-gold);border-radius:0}.header-actions{gap:6px}.header-actions .outline-btn,.header-actions .hosted-account-link{background:transparent;color:var(--rt-ivory);border:1px solid var(--rt-line);border-radius:4px;text-decoration:none}.header-actions .outline-btn:hover,.header-actions .hosted-account-link:hover{background:var(--rt-raised);border-color:#65718a}.header-actions #header-design{border-color:#d4b16b88;color:var(--rt-gold-light)}#save-status{color:#a7cbbd}.header-actions .icon-btn{color:var(--rt-muted)}
.workspace{height:calc(100dvh - 76px);grid-template-columns:224px minmax(0,1fr) 280px}.sidebar{background:var(--rt-panel);border-color:var(--rt-line);color:var(--rt-ivory)}.project-heading{padding:24px 21px;border-color:var(--rt-line)}.project-heading h1{font-size:24px;color:var(--rt-ivory)}.sidebar .eyebrow,.section-title{color:var(--rt-gold)}.sidebar .subtle,.side-note,.sidebar-foot,.world-item small,.place-item small{color:var(--rt-muted)}.sidebar .world-item.active,.sidebar .place-item.active{background:var(--rt-raised);color:var(--rt-gold-light);box-shadow:inset 2px 0 var(--rt-gold)}.sidebar .world-item:hover,.sidebar .place-item:hover{background:var(--rt-raised)}.world-symbol{color:var(--rt-gold);border-color:#d4b16b55}.sidebar .search{background:var(--rt-night);color:var(--rt-ivory);border-color:var(--rt-line)}.sidebar-foot{border-color:var(--rt-line)}.sidebar-foot small{color:var(--rt-muted)}.tiny-orbit{color:var(--rt-gold)}
.inspector{background:var(--rt-paper);border-color:var(--rt-soft-line)}.inspector .eyebrow{color:#826633}.entry-content h2,.inspector-empty h2,.page-heading h2{color:var(--rt-ink)}.inspector-empty p,.entry-content p,.note-text,.page-heading p{color:#626f80}.inspector-empty .orb{border-color:#c4b18d;color:#967438}.inspector-empty .callout{border-color:var(--rt-gold);color:#627083}.entry-category{background:#eee6d5;color:#715c32;border-color:#d6c5a1}.entry-tabs{border-color:var(--rt-soft-line);color:#75603a}.entry-tabs span{border-color:#a48345}.entry-content label{color:#58667a}.entry-content input:not([type=checkbox]),.entry-content select,.entry-content textarea{background:#fffefa;border-color:var(--rt-soft-line)}
.view:not(#atlas-view){background:var(--rt-ivory)}.page-heading{border-bottom:1px solid var(--rt-soft-line);margin-bottom:24px}.page-heading .eyebrow{color:#8a6a32}.page-heading h2{font-size:36px;letter-spacing:-.7px}.article-detail,.article-directory{background:var(--rt-paper);border-color:var(--rt-soft-line)}.empty-state{color:#657185;border-color:#bcc4ce;background:#f6f3ec}.event-card,.media-card{background:var(--rt-paper);border-color:var(--rt-soft-line)}.event-card h3{color:var(--rt-ink)}.event-year{color:#9a773a}.event-card p,.media-card p{color:#627083}#timeline-ruler{background:#e3e5e8}.star-stage{background:var(--rt-night);border-radius:5px}
dialog{background:var(--rt-paper);color:var(--rt-ink);border:1px solid #b7a17b;border-radius:7px;box-shadow:0 20px 70px #0006}dialog::backdrop{background:#060d1b99;backdrop-filter:none}dialog h2{color:var(--rt-ink)}dialog p,dialog label,dialog small{color:#5d6b7e}.project-actions button{border-color:var(--rt-soft-line);border-radius:4px}.project-actions button:hover{background:#ebe7dc}.project-actions small{color:#657185}
.map-button,.map-tools,.map-card,.map-navigation{background:var(--rt-panel);border-color:#65718a80;backdrop-filter:none;color:var(--rt-ivory);box-shadow:0 3px 14px #0002;border-radius:5px}.map-button{font-size:10px;color:#e6ebf2}.map-button:hover,.map-tools button:hover,.map-navigation button:hover{background:var(--rt-raised)}.map-tools button{color:#b8c6d8}.map-tools button.active,.map-navigation button.active{background:#d4b16b26;color:var(--rt-gold-light);box-shadow:inset 2px 0 var(--rt-gold)}.map-tools span{font-size:8px}.map-navigation button{color:#e0e6ee}.legend-heading{color:var(--rt-gold-light)}.legend label{color:#c3cddd}.legend-edit{color:var(--rt-gold)}.map-top h2{font-family:var(--rt-display);text-shadow:0 2px 6px #0005}.map-top .light{color:#d8c29c}.map-top #world-subtitle{color:#c4cddd}.map-bottom{background:var(--rt-night);border-color:var(--rt-line);color:#b7c4d5}.map-bottom span{color:#aebcd0}.map-bottom #map-scale{color:var(--rt-gold-light);border-color:var(--rt-gold)}
#studio-bar{background:var(--rt-panel);border-color:#65718a80;color:var(--rt-ivory);border-radius:5px;box-shadow:0 3px 14px #0002}#studio-bar button{font-size:11px}#studio-bar button:hover{background:var(--rt-raised);color:var(--rt-gold-light)}#studio-status{background:var(--rt-panel);color:#c4cddd;border:1px solid var(--rt-line)}#tool-panel-close{background:var(--rt-paper);color:var(--rt-ink)}.tool-options{background:var(--rt-paper);color:var(--rt-ink);border:1px solid #c4b18d;border-radius:5px;box-shadow:0 5px 24px #0003}.tool-options h2,.tool-options h3{color:var(--rt-ink)}.tool-options label,.tool-options small,.tool-options p,.tool-options summary{color:#5d6b7e}.tool-options input,.tool-options select,.tool-options textarea{border-color:var(--rt-soft-line);color:var(--rt-ink);background:#fffefa}.tool-options .tool-grid button:not(.primary){background:#ebe8df;color:#38475b;border-color:#c8c9c9}.outline-footer{border-color:#d0c5ad}.tool-options .primary,.outline-workspace .tool-options .primary{background:var(--rt-gold);color:#172033;border-color:var(--rt-gold)}
#map-start{background:var(--rt-panel);color:var(--rt-ivory);border:1px solid #d4b16b88;border-radius:5px;padding:22px;box-shadow:0 8px 28px #0003}#map-start:before{content:'THE REALM FORGE';display:block;font:600 8px/1.4 system-ui;letter-spacing:2px;color:var(--rt-gold);margin-bottom:13px}#map-start h3{font:26px/1.15 var(--rt-display);color:var(--rt-ivory)}#map-start p,#map-start small{color:#b7c4d5}#map-start button{margin-top:4px}#history-strip{background:var(--rt-panel);color:var(--rt-ivory);border-color:var(--rt-line)}#history-strip button{border-color:#53627a;color:#dce4ef;background:transparent}#history-strip button:hover{background:var(--rt-raised)}#history-strip input{accent-color:var(--rt-gold)}#toast{background:var(--rt-panel);color:var(--rt-ivory);border-color:#d4b16b88;border-radius:5px}.hosted-collaboration{background:var(--rt-panel)!important;color:var(--rt-ivory)!important;border-color:var(--rt-gold)!important}.hosted-collaboration button,.hosted-collaboration a{background:var(--rt-raised)!important;border-color:var(--rt-line)!important;color:var(--rt-gold-light)!important}.hosted-account-link{background:transparent!important;border-color:var(--rt-line)!important;color:var(--rt-ivory)!important}
/* Accounts */
body.realm-account{color-scheme:dark;--paper:var(--rt-night);--ink:var(--rt-ivory);--muted:var(--rt-muted);--line:var(--rt-line);--green:var(--rt-gold);--gold:var(--rt-gold);background:var(--rt-night);color:var(--rt-ivory)}.realm-account .account-header{background:var(--rt-night);border-bottom:1px solid #d4b16b55;padding-top:19px;padding-bottom:19px}.realm-account .realm-brand{color:var(--rt-ivory);font:600 24px/1 var(--rt-display);letter-spacing:1px}.realm-account .realm-brand img{width:48px;height:48px}.realm-account .realm-brand small{font:500 8px/1.4 system-ui;letter-spacing:2.5px;color:var(--rt-muted);margin-top:7px}.realm-account nav>span{font-size:13px;color:var(--rt-muted)}
.realm-account button,.realm-account a.button{border-color:#43516a;background:transparent;color:var(--rt-ivory);border-radius:4px}.realm-account button:hover,.realm-account a.button:hover{background:var(--rt-raised);border-color:#b49a68}.realm-account .primary{background:var(--rt-gold)!important;color:#172033!important;border-color:var(--rt-gold)!important;font-weight:650}.realm-account .primary:hover{background:var(--rt-gold-light)!important}.realm-account .quiet{border-color:transparent;color:var(--rt-muted)}.realm-account .form-links button{color:var(--rt-muted);text-decoration:none;font-size:12px}.realm-account .form-links button:hover{color:var(--rt-gold-light)}
.realm-account #account-main{padding-top:54px;max-width:1180px}.realm-account .welcome-grid{max-width:none;grid-template-columns:1.2fr 1fr;gap:80px;margin-top:12px;align-items:center}.realm-account .intro{padding:0}.realm-account .eyebrow{color:var(--rt-gold);letter-spacing:2.4px;font-size:10px}.realm-account .intro h1{font:400 clamp(42px,4.9vw,66px)/1.03 var(--rt-display);letter-spacing:-1.7px;margin:22px 0}.realm-account .intro h1 em{font-style:normal;color:var(--rt-gold-light)}.realm-account .intro p{font-size:16px;line-height:1.75;max-width:450px;color:var(--rt-muted)}.realm-account .intro .motif{height:255px;max-width:470px;width:100%;margin:15px 0 0;border:0;background:url('realm-atlas.svg') center/contain no-repeat;border-radius:0;transform:none}.realm-account .intro .intro-caption{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;margin-top:0;color:#9daec5}
.realm-account .panel,.realm-account .project-card{background:var(--rt-panel);border:1px solid var(--rt-line);border-radius:6px;padding:30px;box-shadow:none}.realm-account .welcome-grid>.panel{border-top:2px solid var(--rt-gold);padding:34px}.realm-account h2{font-family:var(--rt-display);font-size:29px;font-weight:400}.realm-account h3{color:var(--rt-ivory)}.realm-account .panel>p{font-size:14px;margin-bottom:24px;line-height:1.7}.realm-account label{font-size:12px;font-weight:550;color:#d2dbe7;gap:8px}.realm-account input,.realm-account select,.realm-account textarea{color-scheme:dark;background:var(--rt-night);border-color:#43516a;color:var(--rt-ivory);border-radius:4px;padding:12px}.realm-account input::placeholder{color:#8394ac}.realm-account input:focus,.realm-account select:focus,.realm-account textarea:focus{border-color:var(--rt-gold)}.realm-account form{gap:18px}.realm-account form>.primary{min-height:46px}.realm-account small{font-size:12px;line-height:1.7}
.realm-account .dashboard-heading{border-bottom:1px solid var(--rt-line);padding-bottom:25px;margin-bottom:28px}.realm-account .dashboard-heading h1{font:400 43px/1.15 var(--rt-display);color:var(--rt-ivory);letter-spacing:-.6px;margin:12px 0}.realm-account .dashboard-heading p{font-size:14px}.realm-account .dashboard-grid{gap:28px;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.realm-account .stack{gap:25px}.realm-account .badge{border:1px solid #d4b16b55;border-radius:3px;background:#d4b16b12;color:var(--rt-gold-light);font-size:9px;letter-spacing:1px;padding:5px 9px}.realm-account .project-card{position:relative;overflow:hidden;padding:29px}.realm-account .project-card:before{content:'';position:absolute;right:-24px;top:38px;width:175px;height:175px;background:url('icon.svg') center/contain no-repeat;opacity:.055;pointer-events:none}.realm-account .project-card h2{font-size:36px;margin-top:22px;overflow-wrap:anywhere}.realm-account .project-card .actions{position:relative;margin-top:25px}.realm-account .project-card>p{max-width:380px;font-size:14px}.realm-account .settings-grid{position:relative;border-color:var(--rt-line);padding-top:25px}.realm-account .notice{background:#d4b16b0d;border:1px solid #d4b16b66;border-radius:4px;color:var(--rt-ivory);padding:22px}.realm-account .notice p{color:var(--rt-muted)}.realm-account .code-result{background:var(--rt-night);border-color:#8c774f;border-radius:4px}.realm-account .danger{color:#efaa98}.realm-account .account-foot{border-top:1px solid var(--rt-line);max-width:1132px;margin:25px auto 0;padding:24px;font:500 10px/1.7 system-ui;letter-spacing:2px;text-transform:uppercase;color:#91a3bb}.realm-account .account-message{background:#213a39;color:#e2f5e9;border:1px solid #80ab92;border-radius:5px}.realm-account .account-message.error{background:#462b31;border-color:#bd8b83}.realm-account .member,.realm-account .invite-row,.realm-account .archive-row{border-color:var(--rt-line)}.realm-account details>summary{color:var(--rt-gold-light)}
@media(min-width:1700px){.workspace{grid-template-columns:245px minmax(0,1fr) 305px}.header{padding:0 30px}}
@media(max-width:1400px){.brand{font-size:18px}.brand small{font-size:7px}.main-nav{gap:15px}.header{gap:16px;padding:0 18px}.header-actions{gap:4px}#save-status{font-size:0;margin:0}#save-status:before{font-size:8px}}
@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr)}.inspector{position:absolute;top:76px;bottom:0;right:0;display:none;width:290px;z-index:8}.inspector.open{display:flex}.brand small{display:none}.header{gap:12px}.main-nav{gap:13px}.main-nav button{font-size:11px}.brand{font-size:17px}.brand img{width:36px;height:36px}.realm-account .welcome-grid{gap:45px}.realm-account .dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}}
@media(max-width:850px){.header{height:110px;position:relative;align-items:flex-start;padding:15px 16px}.main-nav{position:absolute;left:16px;right:16px;bottom:0;height:41px;justify-content:space-between;gap:12px}.main-nav button{font-size:12px}.header-actions{margin-left:auto}.workspace{height:calc(100dvh - 110px);grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.inspector{top:110px}.realm-account .dashboard-grid{grid-template-columns:1fr}.realm-account .welcome-grid{gap:28px;grid-template-columns:1fr 1fr}.realm-account .intro h1{font-size:44px}.realm-account .welcome-grid>.panel{padding:26px}.realm-account .realm-brand{font-size:21px}}
@media(max-width:650px){.header{padding:13px}.brand{font-size:16px;gap:7px}.brand img{width:34px;height:34px}.header-actions{gap:3px}.header-actions .outline-btn,.header-actions .hosted-account-link{font-size:10px;padding:8px}.header-actions .icon-btn{width:22px}.main-nav{left:13px;right:13px}.main-nav button{font-size:11px}.map-top{top:18px;left:16px;right:16px;flex-direction:column;gap:13px}.map-top h2{font-size:31px;max-width:100%;margin:7px 0}.map-top-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;gap:5px}.map-button{font-size:9px;padding:8px 4px;min-width:0}.map-tools{top:238px;left:12px;padding:4px}.map-tools button{width:36px;height:44px}.map-tools span{font-size:7px}body:not(.drawing-focus) #studio-bar{top:189px;left:67px;right:16px;max-width:none;justify-content:space-between}#studio-bar button{padding:7px 9px;min-height:29px;font-size:10px}body:not(.drawing-focus) #tool-options{top:233px;bottom:92px;max-height:none;left:64px;right:12px;width:auto;max-width:none;overflow:auto;transform:none}body:not(.drawing-focus) #tool-panel-close{right:15px;top:216px}#map-start{top:auto;bottom:145px;left:68px;width:245px;max-width:calc(100% - 84px);padding:19px}#map-start h3{font-size:26px}.map-navigation{bottom:91px;right:13px}.legend{bottom:144px;right:13px}.map-bottom{font-size:8px}.map-readout{gap:0}#studio-status{bottom:82px;left:13px;max-width:calc(100% - 185px);font-size:9px}.page-heading{padding:23px 20px;margin-bottom:18px}.page-heading h2{font-size:30px}.realm-account .account-header{padding:16px;gap:10px;align-items:center}.realm-account .realm-brand{font-size:19px;gap:8px}.realm-account .realm-brand img{width:40px;height:40px}.realm-account .realm-brand small{font-size:6px;letter-spacing:1.5px}.realm-account nav{font-size:11px;gap:3px}.realm-account nav button{padding:7px 9px}.realm-account #account-main{padding:30px 19px}.realm-account .welcome-grid{grid-template-columns:1fr;gap:26px;margin:0}.realm-account .intro h1{font-size:43px;max-width:360px;margin:15px 0}.realm-account .intro p{font-size:15px}.realm-account .intro .motif,.realm-account .intro-caption{display:none}.realm-account .welcome-grid>.panel{padding:25px}.realm-account .dashboard-heading h1{font-size:35px}.realm-account .panel,.realm-account .project-card{padding:24px}.realm-account .project-card h2{font-size:31px}.realm-account .project-card .card-top{gap:8px}.realm-account .project-card .eyebrow{font-size:9px}.realm-account .badge{font-size:8px}.realm-account .account-foot{font-size:8px;letter-spacing:1.5px;margin:5px 19px 0}.realm-account .dashboard-heading{padding-bottom:20px}}
@media(max-width:430px){.brand{font-size:13px}.brand img{width:29px;height:29px}.header-actions .outline-btn,.header-actions .hosted-account-link{padding:7px 6px}.header-actions #global-find{display:none}.map-button{font-size:8px}.realm-account .realm-brand small{display:none}.realm-account .realm-brand{font-size:17px}.realm-account .intro h1{font-size:39px}}
/* Drawing focus retains its existing geometry and canvas dimensions. */
.drawing-focus .header{height:48px;padding:0 12px;align-items:center}.drawing-focus .workspace{height:calc(100dvh - 48px);grid-template-columns:minmax(0,1fr)}.drawing-focus .brand img{width:30px;height:30px}.drawing-focus .brand{font-size:16px}.drawing-focus .main-nav{display:none}.drawing-focus .map-tools{top:auto}.drawing-focus .map-top{flex-direction:row}.drawing-focus #exit-drawing-focus{background:var(--rt-panel);color:var(--rt-gold-light);border-color:var(--rt-line)}
@media(max-height:650px) and (min-width:651px){.header{height:64px;align-items:center}.workspace{height:calc(100dvh - 64px);min-height:280px}.map-tools{top:auto}.main-nav{position:static;height:auto;align-self:stretch}.brand small{display:none}.map-top{top:18px}.drawing-focus .header{height:48px}.drawing-focus .workspace{height:calc(100dvh - 48px)}}
/* On very short, narrow windows keep controls in a scrollable workspace. */
@media(max-height:650px) and (max-width:650px){body:not(.drawing-focus) .workspace{height:640px;min-height:640px}.drawing-focus .workspace{min-height:0}}
@media(max-width:430px){body:not(.drawing-focus) .header{height:146px}.header-actions{position:absolute;top:55px;left:13px;right:13px;justify-content:flex-end}.header-actions .hosted-account-link{margin-right:auto}.main-nav{gap:5px}.main-nav button{font-size:10px}body:not(.drawing-focus) .workspace{height:calc(100dvh - 146px)}.map-top-actions{grid-template-columns:repeat(3,minmax(0,1fr))}body:not(.drawing-focus) #studio-bar{top:221px;left:13px;right:13px}.map-tools{top:268px}body:not(.drawing-focus) #tool-options{top:267px}body:not(.drawing-focus) #tool-panel-close{top:250px}.drawing-focus .header-actions{position:static;justify-content:flex-end}.drawing-focus .brand>span{display:none}.drawing-focus .brand img{width:26px;height:26px}.realm-account .account-header{flex-wrap:wrap}.realm-account nav{margin-left:auto}}
@media(max-height:650px) and (max-width:430px){body:not(.drawing-focus) .workspace{height:680px;min-height:680px}}
@media(max-width:650px){.map-tools{flex-direction:column;transform:none;bottom:auto}.drawing-focus .map-tools{flex-direction:row;top:auto}}