:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14171b;--panel:#1c2027;--line:#323946;--text:#e8eaf0;--muted:#a4afbe;--accent:#82bdff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button,select,input{border:1px solid var(--line);color:var(--text);background:#222833;border-radius:7px;padding:8px 12px}button,.button{cursor:pointer}button:hover,.button:hover{background:#2e394a;text-decoration:none}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p{margin:0 0 10px}h1{font-size:24px}h2{font-size:17px}h3{font-size:15px}small,.muted{color:var(--muted)}.shell{max-width:1500px;min-height:100vh;margin:auto;padding:20px 28px}.header,.overview-toolbar,.brand,.header-meta,.atlas-controls{align-items:center;gap:12px;display:flex}.header,.overview-toolbar{justify-content:space-between}.brand p{color:var(--muted);letter-spacing:.1em;margin:0;font-size:11px}.brand h1{margin:1px 0}.brand-mark{color:#e2be79;background:#302a23;border:1px solid #5b4b36;border-radius:10px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.header-meta{font-size:13px}.ready{color:#7cda94}.error{color:#ff9b9b}.nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px;margin:16px 0;padding-bottom:9px;display:flex}.nav a{color:var(--muted);padding:7px 10px}.nav a[aria-current=page]{color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:5px}.nav a:last-child{margin-left:auto}.panel,.notice{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px}.notice{margin:10px 0}.sign-in{max-width:480px;margin:28px auto}.sign-in .button{margin-top:8px;display:inline-block}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-grid .error{grid-column:1/-1}label{color:var(--muted);gap:5px;margin:0 0 10px;display:grid}label select,label input{width:100%}.overview-toolbar{margin:12px 0}.character{align-items:center;gap:12px;display:flex}.character small{display:block}.portrait{border:1px solid var(--line);background:url(/character-portraits.webp) 0 0/600% no-repeat;border-radius:8px;width:46px;height:46px}.portrait.placeholder{color:var(--muted);background:#272d35;place-items:center;display:grid}.period{gap:4px;padding:4px;display:flex}.period span{color:var(--muted);border-radius:4px;padding:5px 12px}.period [data-selected=true]{color:var(--text);background:#354861}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.metrics strong{margin-top:5px;font-size:22px;display:block}.bars{gap:6px;margin:22px 0 0;display:flex}.bar-column{text-align:center;flex:1;grid-template-rows:150px 22px;min-width:0;display:grid}.bar-track{border-bottom:1px solid var(--line);flex-direction:column;justify-content:end;display:flex}.bar{background:#538cce;border-radius:4px 4px 0 0;align-self:center;width:85%;max-width:65px;position:relative}.bar span{white-space:nowrap;color:var(--text);font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.bar-column>small{white-space:nowrap;padding-top:4px;font-size:10px}.overview-lists,.journal{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.journal{grid-template-columns:minmax(245px,.75fr) minmax(0,1.4fr);align-items:start}.map-list{max-height:calc(100vh - 145px);overflow:auto}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.rows li:last-child{border:0}.rows small{margin-left:4px}.map-row{text-align:left;gap:3px;width:100%;margin:4px 0;display:grid}.map-row[aria-pressed=true],.detail-tabs [aria-selected=true]{background:#2c3d51;border-color:#6e9ed0}.pagination,.detail-tabs{gap:7px;margin:12px 0;display:flex}.detail-tabs{flex-wrap:wrap}table{border-collapse:collapse;text-align:left;width:100%}td,th{border-bottom:1px solid var(--line);padding:8px 4px}td:first-child,th:first-child{overflow-wrap:anywhere}.setup-slot{background:#202734;border-radius:8px;margin:10px 0;padding:10px}.setup-slot ul{margin:7px 0}.ritual-totals{flex-wrap:wrap;gap:12px;display:flex}.ritual-totals dd{margin:4px 0;font-weight:700}.atlas-controls{flex-wrap:wrap;margin-bottom:10px}.atlas-controls select,.atlas-controls input{max-width:225px}.atlas-stage{border:1px solid var(--line);background:#11161e;border-radius:8px;height:max(420px,100vh - 220px);position:relative;overflow:hidden}.atlas-stage canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.atlas-stage canvas:active{cursor:grabbing}.atlas-detail{border:1px solid var(--line);background:#1f2632;border-radius:8px;width:min(330px,85%);max-height:80%;padding:12px;position:absolute;top:12px;right:12px;overflow:auto}.atlas-detail>button{float:right;padding:2px 7px}.atlas-detail h3{margin:0 22px 4px 0}.atlas-detail p{margin:8px 0}@media (max-width:700px){.shell{padding:12px}.header-meta{flex-wrap:wrap;justify-content:end;gap:6px}.metrics{gap:6px}.metrics strong{font-size:16px}.panel{padding:12px}.overview-lists,.journal,.settings-grid{grid-template-columns:1fr}.map-list{max-height:55vh}.bars{gap:2px}.bar span{font-size:8px}}