@import url('');
:root{color-scheme:dark;--bg:#0d0c16;--panel:#151420;--border:#2b283c;--text:#e9e5f2;--muted:#9590aa;--purple:#b7a0fc;--cyan:#6ed8d7;--warn:#ff9f87}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button{border:1px solid var(--border);background:#1c1929;color:var(--text);border-radius:6px;padding:9px 14px;cursor:pointer;transition:border-color .2s,background .2s}button:hover{border-color:var(--purple);background:#29233d}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--purple);color:#181125;border-color:var(--purple);font-weight:650}.primary:hover{background:#cab8ff}a{color:inherit;text-decoration:none}header{height:84px;padding:0 4%;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;letter-spacing:3px;font-size:13px}.brand strong{font-weight:750}.sigil{font-family:Georgia,serif;font-size:30px;border:1px solid #786196;width:42px;height:42px;line-height:39px;text-align:center;color:var(--purple);transform:skewY(-7deg)}.header-right{display:flex;align-items:center;gap:12px}.signal{font-size:10px;letter-spacing:1.5px;color:var(--cyan)}.signal:before{content:'●';margin-right:8px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--purple);margin:0 0 15px}h1,h2,h3{font-weight:500;line-height:1.25}h1{font-size:34px;letter-spacing:-1px}h2{font-size:25px}h3{font-size:14px;color:#cfc8df;margin-top:25px}.muted,.fine{color:var(--muted)}.fine{font-size:11px;line-height:1.7}.welcome{min-height:calc(100vh - 154px);position:relative;display:flex;align-items:center;padding:7% 10%;overflow:hidden}.welcome-copy{z-index:1;max-width:640px}.welcome h1{font-size:clamp(38px,5.3vw,74px);line-height:1.12;margin:25px 0}.lede{font-size:17px;max-width:470px;color:#b3adc4;margin-bottom:28px}.welcome button{margin:12px 0}.welcome .fine{margin-top:30px}.hero-art{position:absolute;right:0;top:0;width:70%;height:100%;background:radial-gradient(ellipse at 80% 50%,#46274a66,transparent 60%),linear-gradient(90deg,var(--bg),transparent);overflow:hidden}.planet{position:absolute;width:470px;height:470px;border:1px solid #9782c34d;border-radius:50%;right:-100px;top:12%;box-shadow:0 0 70px #a267c022,inset 12px 8px 70px #9d6add22;background:repeating-linear-gradient(0deg,transparent,transparent 18px,#ae8cd506 20px)}.horizon{position:absolute;width:100%;height:220px;bottom:-70px;background:repeating-linear-gradient(90deg,#79659633 0 1px,transparent 1px 70px),repeating-linear-gradient(0deg,#79659633 0 1px,transparent 1px 40px);transform:perspective(300px) rotateX(55deg)}.coordinate{position:absolute;bottom:60px;right:40px;color:#857696;font-size:10px;letter-spacing:3px}.layout{display:grid;grid-template-columns:230px minmax(360px,1fr) 270px;max-width:1600px;margin:auto}.left-rail,.right-rail{padding:34px 25px}.left-rail{border-right:1px solid var(--border)}.right-rail{border-left:1px solid var(--border)}.left-rail h2{margin-bottom:5px}.separator{height:1px;background:var(--border);margin:26px 0}.stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:20px 0 10px}.stat strong{color:var(--text);font-size:18px}.progress{height:4px;background:#30293f;border-radius:4px}.progress>div{height:100%;background:var(--purple);transition:width .4s}.milestones{display:flex;justify-content:space-between;font-size:10px;color:#746981;margin:10px 0}.milestones .done{color:var(--cyan)}.record-list{list-style:none;padding:0;color:var(--muted);font-size:12px}.record-list li{padding:9px 0;border-bottom:1px solid #272233}.ship{margin-top:40px;padding:17px 0;border-top:1px solid var(--border)}.ship h3{font-size:21px;margin:8px 0}.ship p:not(.eyebrow){font-size:12px;color:var(--muted)}.tag{display:inline-block;font-size:9px;letter-spacing:1px;color:var(--cyan);border:1px solid #3b5a5c;border-radius:3px;padding:4px 7px;white-space:nowrap}.chronicle{padding:34px 36px 45px}.chapter-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.chapter-heading h1{font-size:27px;margin:8px 0 24px}.scene-banner{height:145px;position:relative;overflow:hidden;border:1px solid #53405e;border-radius:5px;background:linear-gradient(110deg,#171224 15%,#392140 55%,#151e32);margin-bottom:30px}.window-light{position:absolute;inset:-70px 10% -70px 45%;background:repeating-linear-gradient(0deg,#251632 0 10px,transparent 10px 39px),linear-gradient(90deg,#ba64c044,#9379dd88,#56dbde77);transform:skew(-18deg);box-shadow:0 0 70px #cd78d255}.scene-banner span{position:absolute;bottom:14px;left:20px;font-size:9px;letter-spacing:2px;color:#e5d1ef}.journal{max-height:640px;overflow-y:auto;padding-right:8px;scrollbar-color:#554268 transparent}.entry{border-bottom:1px solid var(--border);padding:0 0 23px;margin-bottom:24px}.entry p{font-family:Georgia,serif;font-size:18px;line-height:1.9;color:#d7d1e2;white-space:pre-wrap}.entry .action-label{font:12px/1.6 ui-sans-serif,system-ui;color:var(--purple)}.entry .model-status{font:11px/1.7 ui-sans-serif,system-ui;color:#a49ab6}.entry .roll-subtitle{font:11px/1.6 ui-sans-serif,system-ui;color:var(--muted);letter-spacing:.5px;margin-bottom:6px}.action-box{padding:22px;border:1px solid #473655;border-radius:6px;background:#191522}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.actions button{font-size:12px}.input-row{display:flex;gap:10px;align-items:center}.input-row>input,.input-row>textarea,.input-row>select{flex:1;min-width:0}input,textarea,select{width:100%;border:1px solid #3c324f;background:#100e19;border-radius:5px;padding:11px;color:var(--text)}textarea{resize:vertical}label{display:block;font-size:12px;color:#bcb2cc;margin-bottom:15px}label input{margin-top:7px}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}details{font-size:11px;color:var(--muted);margin-top:15px}summary{cursor:pointer}.thread{padding:10px 13px;border-left:2px solid #6c508c;background:#171320;margin-bottom:12px;font-size:12px;color:#a99ebc}.npc{font-size:12px;color:var(--muted);margin-bottom:14px}.npc strong{color:var(--text)}.npc.deceased{opacity:.55}.npc-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.relationship{font-size:11px;font-weight:600}.relationship.positive{color:var(--cyan)}.relationship.negative{color:var(--warn)}.worlds-list{display:flex;flex-direction:column;gap:18px;margin:18px 0}.world-group h3{font-size:13px;color:var(--purple);margin:0 0 8px}.world-row{display:block;width:100%;text-align:left;margin-bottom:6px;font-size:12px}.world-row.current{border-color:var(--cyan);color:var(--cyan)}.order-list{list-style:none;margin:0;padding:0}.order-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:13px}.order-row button{padding:3px 9px;font-size:11px}.image-buttons{display:flex;gap:7px}.image-buttons button{font-size:10px;padding:8px}.image-card{border:1px solid var(--border);margin-top:14px;padding:10px;border-radius:5px;font-size:11px;color:var(--muted)}.image-card img{display:block;width:100%;border-radius:4px;margin-top:8px}.image-card button{font-size:11px;margin-top:8px}.creation{max-width:600px;margin:70px auto;padding:35px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.creation form{margin-top:30px}dialog{background:#17131f;color:var(--text);border:1px solid #594568;border-radius:10px;padding:30px;width:min(620px,92vw);max-height:88vh}dialog::backdrop{background:#06040bbb;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;gap:15px}.dialog-heading h2{margin-top:0}.dialog-heading button{align-self:flex-start}fieldset{border:1px solid var(--border);padding:18px;margin:24px 0;border-radius:5px}legend{font-size:12px;color:var(--purple);padding:0 8px}.check{display:flex;align-items:flex-start;gap:10px;margin:15px 0}.check input{width:auto;margin-top:5px;accent-color:var(--purple)}footer{padding:22px 4%;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.7px;color:#787087}#notice:empty{display:none}#notice{position:sticky;top:0;z-index:5;padding:12px 4%;background:#342443;border-bottom:1px solid #776186;font-size:13px}[hidden]{display:none!important}@media(max-width:1150px){.layout{grid-template-columns:190px minmax(350px,1fr)}.right-rail{grid-column:1/-1;border-top:1px solid var(--border);border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.chronicle{padding:30px 25px}.signal{display:none}}@media(max-width:680px){header{padding:15px;height:auto}.brand{font-size:10px;letter-spacing:1px}.header-right{gap:5px}.header-right button{font-size:10px;padding:7px}.sigil{width:30px;height:30px;line-height:28px;font-size:22px}.layout{display:flex;flex-direction:column}.left-rail{border-right:0;border-bottom:1px solid var(--border);padding:20px}.left-rail .ship{display:none}.left-rail section{display:inline-block;width:48%;vertical-align:top}.chronicle{padding:26px 18px}.chapter-heading{flex-wrap:wrap}.chapter-heading .tag{margin-bottom:16px}.right-rail{display:block;padding:25px 20px}.welcome{padding:70px 25px;min-height:75vh}.hero-art{width:100%;opacity:.6}.planet{right:-280px}.creation{margin:30px 15px;padding:25px}.input-row{flex-wrap:wrap}.action-box .input-row button{width:100%}.input-row textarea{flex-basis:100%}footer span:nth-child(2){display:none}.entry p{font-size:17px}.journal{max-height:none}}