body{background:#101b20;color:#ecede7}header{background:#0b1418d6;backdrop-filter:blur(16px)}
.world-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0a141a80,#0a1418b8 65%,#101b20),url('/assets/v08/mije-far-1280.webp') center 24%/cover no-repeat;filter:saturate(.45)}
.world-page{max-width:1320px;margin:auto;padding:116px 48px 24px}.world-intro{padding-bottom:30px}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:.16em;color:#b1c4bf}.eyebrow span{margin-left:22px;letter-spacing:.08em;color:#c6c6b5}.world-intro h1{font:500 clamp(34px,4vw,54px)/1.14 var(--serif);letter-spacing:-.025em;margin:16px 0 12px}.world-tagline{font:italic 19px/1.5 var(--serif);color:#d2d1bf}.world-status{display:flex;gap:40px;flex-wrap:wrap;margin-top:24px}.world-status p{display:grid;gap:6px;margin:0}.world-status p>span{font:10px/1.5 var(--mono);color:#aebcba;text-transform:uppercase;letter-spacing:.08em}.world-status strong{font:400 13px/1.5 var(--mono);color:#e1e4d9}
.observation-window{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:48px}.world-records{min-width:0;background:linear-gradient(130deg,#101d20d9,#111d20b0);border-top:1px solid #8baba840;padding:22px 28px 16px;box-shadow:0 16px 70px #0002;backdrop-filter:blur(8px)}.feed-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.feed-heading h2{font:500 25px/1.3 var(--serif);margin:0}.feed-heading>span{font:10px/1.5 var(--mono);color:#aabcb6;text-align:right}.world-filters{display:flex;gap:20px;margin:20px 0 12px}.world-filters label{display:flex;align-items:center;gap:10px;font:11px/1.5 var(--mono);color:#b8c5c1;min-width:0}.world-filters select{max-width:100%;min-height:38px;border:0;border-bottom:1px solid #a2b7ae50;border-radius:0;background:#16272b;color:#e2e5db;padding:8px 25px 8px 10px;font:12px/1.5 var(--mono)}
#feed-window{height:clamp(300px,36vh,470px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#6b847c #142328;scrollbar-width:thin;overflow-anchor:none;padding:10px 20px 12px 0;scroll-behavior:auto}.observations{list-style:none;padding:0;margin:0}.observation{padding:19px 0 21px;position:relative}.observation+.observation:before{content:'';position:absolute;top:0;width:30px;border-top:1px solid #8ba19738}.event-meta{font:10px/1.7 var(--mono);color:#b9c8b8;display:flex;flex-wrap:wrap;gap:8px 14px}.observation>p{font:400 18px/1.65 var(--serif);color:#f0eee3;margin:9px 0 0;max-width:67ch}.observation details{font:11px/1.6 var(--mono);margin-top:7px;color:#adbbb8}.observation summary{font:10px/1.7 var(--mono);color:#a9b8b4;cursor:pointer;display:inline-block;padding:3px 0}.observation summary:before{content:'+ ';color:#92a89c}.observation details[open] summary:before{content:'− '}.event-processing,.world-proof{font:11px/1.6 var(--mono);overflow-wrap:anywhere;margin:8px 0;color:#bac5bf}.world-empty{padding:40px 0;color:#bac5bf;font:17px/1.6 var(--serif)}
.feed-controls{border-top:1px solid #a0b6ae30;padding-top:14px;display:flex;gap:12px;align-items:center;font:11px/1.5 var(--mono);color:#c2cbc4}.follow-control{display:flex;gap:8px;align-items:center;white-space:nowrap;cursor:pointer}.follow-control input{accent-color:#c8c5a2;width:16px;height:16px}#follow-status{color:#aabbb4;font-size:10px}button#jump-latest,button#more-records{background:none;border:1px solid #91a99a50;border-radius:3px;color:#e0e3ce;min-height:38px;padding:8px 12px;font:11px/1.5 var(--mono);cursor:pointer}#jump-latest{margin-left:auto;white-space:nowrap}#more-records{margin:0 0 12px}#load-status{font:10px/1.5 var(--mono);color:#b7c5bf;margin:12px 0 6px;min-height:15px}.snapshot-note{font:11px/1.6 var(--sans);color:#afbbb7;max-width:75ch;margin:0}
.world-context{padding:20px 0;min-width:0}.world-context h2{font:500 31px/1.3 var(--serif);margin:14px 0}.context-description{font:italic 17px/1.6 var(--serif);color:#bdc6bd}.world-context dl{margin:28px 0}.world-context dl>div{margin-bottom:20px}.world-context dt{font:10px/1.5 var(--mono);color:#acbbb5}.world-context dd{font:13px/1.6 var(--mono);margin:6px 0;color:#e0e4d9}.world-context details{border-top:1px solid #90a99b40;padding:14px 0;font:12px/1.7 var(--sans);color:#bec9c3}.world-context summary{cursor:pointer;color:#e1e3d5}.world-context details p{margin:12px 0}.world-table{overflow:auto;max-width:100%;margin-top:16px}.world-table table{border-collapse:collapse;font:11px/1.7 var(--mono);white-space:nowrap;text-align:left}.world-table th,.world-table td{padding:7px 12px 7px 0;border-bottom:1px solid #8ba19730}.world-table caption{text-align:left;color:#d7dfd5;margin-bottom:8px}.world-footer{background:none;padding:24px 0 0;margin:0;border:0;display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--sans);color:#afbbb7}.world-footer a{color:#e1e1ce}.world-page :focus-visible{outline:2px solid #dfd8ac;outline-offset:4px}.world-page [hidden]{display:none!important}
@media(max-width:1000px){.observation-window{grid-template-columns:minmax(0,1fr) 190px;gap:24px}.world-page{padding-left:28px;padding-right:28px}.world-records{padding-left:22px;padding-right:22px}.world-status{gap:24px}}
@media(max-width:700px){.world-page{padding:96px 18px 20px}.world-intro{padding-bottom:24px}.world-intro h1{font-size:35px}.world-tagline{font-size:17px}.eyebrow span{display:block;margin:5px 0 0}.world-status{gap:16px 24px;margin-top:20px}.world-status strong{font-size:11px}.world-status p:last-child{width:100%}.observation-window{display:block}.world-records{padding:18px 16px 14px;margin:0 -4px}.feed-heading h2{font-size:24px}.feed-heading>span{max-width:95px}.world-filters{gap:12px}.world-filters label{display:grid;gap:5px;flex:1}.world-filters label:first-child{flex:1.3}.world-filters select{width:100%;font-size:11px;padding:8px}#feed-window{height:clamp(280px,38svh,430px);min-height:280px;padding-right:8px}.observation>p{font-size:18px}.event-meta{font-size:10px;gap:2px 12px}.feed-controls{flex-wrap:wrap;gap:8px}#follow-status{order:3;width:100%}.world-context{display:block;padding:28px 6px 0}.world-context dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.world-context dl>div{margin:0}.world-context .context-description{display:none}.world-context h2{font-size:27px}.world-footer{display:block}.world-footer span{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}