:root { color-scheme: light; --paper:#ecece2; --ink:#31493c; --sage:#6f896d; --line:#cdd5c6; --cream:#f8f7ee; }
* { box-sizing: border-box; }
html, body { margin:0; min-height:100%; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
body { min-height:100vh; display:grid; grid-template-rows:auto 1fr; }
header { height:68px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); font:11px ui-monospace,monospace; letter-spacing:.08em; }
.brand { color:var(--ink); text-decoration:none; font:600 17px ui-sans-serif,system-ui; letter-spacing:-.04em; }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:#829d72; box-shadow:0 0 0 4px #829d7222; }
main { min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 340px; }
.world-shell { min-height:calc(100vh - 68px); position:relative; overflow:hidden; border-right:1px solid var(--line); }
#world { position:absolute; inset:0; }
.world-title { position:absolute; left:25px; top:22px; pointer-events:none; padding:14px 17px; border:1px solid #d3d8ca; border-radius:7px; background:#f8f7eef0; backdrop-filter:blur(8px); }
.world-title p,.eyebrow { margin:0 0 7px; color:#84927e; font:9px ui-monospace,monospace; letter-spacing:.16em; }
.world-title h1 { margin:0 0 4px; font-size:24px; font-weight:500; letter-spacing:-.05em; }
.world-title span { font-size:11px; color:#788477; }
.revision { position:absolute; right:18px; bottom:17px; padding:8px 10px; border-radius:4px; background:#f8f7eedb; font:8px ui-monospace,monospace; letter-spacing:.1em; }
aside { padding:38px 26px; overflow:auto; background:#f4f3e9; }
aside h2 { margin:0 0 28px; font-size:29px; font-weight:500; letter-spacing:-.06em; }
.events { display:grid; gap:10px; }
.event { padding:13px 0; border-top:1px solid var(--line); }
.event:first-child { border-top:0; }
.event strong { display:block; margin-bottom:5px; font-size:13px; font-weight:600; }
.event p { margin:0; font-size:12px; line-height:1.55; color:#6c796b; }
.event time { display:block; margin-top:7px; color:#9aa294; font:8px ui-monospace,monospace; }
.about { margin-top:34px; padding-top:20px; border-top:1px solid var(--line); color:#778174; font-size:11px; line-height:1.7; }
.empty { color:#849080; font-size:12px; }
@media (max-width:760px) {
  main { grid-template-columns:1fr; }
  .world-shell { min-height:65vh; border-right:0; border-bottom:1px solid var(--line); }
  aside { max-height:none; }
  .world-title { left:12px; top:12px; }
}