@font-face{font-family:VCR;src:url(/experiments/december-preview/assets/vcr_osd_mono-Ceif2qmb.ttf)}@font-face{font-family:Upheaval;src:url(/experiments/december-preview/assets/upheaval_pro-Cn96d9UX.ttf)}:root{color:#eee8d7;font-synthesis:none;background:#11120d;font-family:VCR,ui-monospace,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 20% 0,#303427,#11120d 46%);overflow:hidden}button{font:inherit}.preview-shell{grid-template-rows:72px calc(100vh - 72px);min-height:100vh;display:grid}.preview-header{background:#12130ef0;border-bottom:1px solid #4a4a38;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;display:grid;box-shadow:0 8px 30px #0007}.preview-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.preview-mark{color:#d8bd85;border:1px solid #b79962;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Upheaval,serif;font-size:26px;display:grid}.preview-header b{color:#f4ead3;letter-spacing:.09em;font-family:Upheaval,serif;font-size:21px;display:block}.preview-header small,.preview-header i{color:#8e8d78;letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-style:normal;display:block}.preview-clock{grid-template-columns:auto auto auto;align-items:baseline;gap:10px;display:grid}.preview-clock span,.preview-clock i{color:#a09d83;letter-spacing:.1em;font-size:9px}.preview-clock strong{color:#e2c98f;font-family:Upheaval,serif;font-size:28px;font-weight:400}.header-actions{justify-content:flex-end;align-items:center;gap:13px;display:flex}.header-actions>a{color:#a7a58c;text-transform:uppercase;font-size:9px;text-decoration:none}.header-actions>a:hover{color:#e2c98f}.speed-control{justify-content:flex-end;gap:5px;display:flex}.speed-control button{color:#8e8d78;cursor:pointer;background:#1b1c15;border:1px solid #454536;padding:7px 10px}.speed-control button.active{color:#17170f;background:#d6bc83;border-color:#c0a46e}.preview-grid{grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.world-frame{background:#667a55;border-right:1px solid #494936;min-width:0;min-height:0;position:relative;overflow:hidden}.world-frame canvas{image-rendering:pixelated;display:block}.world-status,.world-help{z-index:3;color:#c9c4a9;letter-spacing:.05em;text-transform:uppercase;background:#11120de0;border:1px solid #4f513e;padding:8px 10px;font-size:9px;position:absolute;bottom:14px}.world-status{left:14px}.world-help{color:#8f8e79;right:14px}.pulse{background:#8baa72;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.7s infinite pulse;display:inline-block;box-shadow:0 0 0 5px #8baa721f}@keyframes pulse{50%{opacity:.35}}.observer-panel{background:#171812;min-height:0;overflow-y:auto}.observer-panel section{border-bottom:1px solid #3b3c2f;padding:20px}.fixture-note{background:#222116}.fixture-note span{color:#d1ad68;letter-spacing:.14em;font-size:9px}.fixture-note p{color:#9a9780;margin:8px 0 0;font:11px/1.55 ui-monospace,monospace}.panel-heading{color:#b0ad93;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;display:flex}.panel-heading b{color:#6f705f;font-family:VCR,monospace;font-size:8px;font-weight:400}.resident-list{gap:5px;display:grid}.resident-list button{color:#aaa78e;text-align:left;cursor:pointer;background:#1d1e17;border:1px solid #0000;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.resident-list button:hover,.resident-list button.selected{color:#eee8d7;background:#28271d;border-color:#756a4d}.resident-list i{width:7px;height:24px}.resident-list b{font-family:VCR,monospace;font-size:11px}.resident-list small{color:#776;margin-top:4px;font-size:8px}.resident-list em{font-style:normal}.selected-task{background:#202018;border-left:2px solid #c0a46e;margin-top:9px;padding:11px}.selected-task span,.selected-task small{color:#727262;text-transform:uppercase;font-size:8px;display:block}.selected-task b{color:#d4cfb7;margin:7px 0;font:11px/1.45 VCR,monospace;display:block}.body-vitals{background:#37382c;border:1px solid #37382c;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:9px;display:grid}.body-vitals div{background:#1d1e17;padding:9px}.body-vitals span,.body-vitals b{display:block}.body-vitals span{color:#727262;text-transform:uppercase;font-size:7px}.body-vitals b{color:#d4cfb7;white-space:nowrap;margin:6px 0;font-size:8px}.body-vitals i{background:#35362b;height:3px;display:block;overflow:hidden}.body-vitals em{background:#c0a46e;height:100%;display:block}.resource-grid{border:1px solid #37382c;grid-template-columns:1fr 1fr;display:grid}.resource-grid div{border-bottom:1px solid #37382c;border-right:1px solid #37382c;min-height:82px;padding:11px}.resource-grid div:nth-child(2n){border-right:0}.resource-grid div:nth-last-child(-n+2){border-bottom:0}.resource-grid span,.resource-grid small{color:#737361;font-size:8px;display:block}.resource-grid b{color:#e1d5b7;margin:8px 0 5px;font-family:Upheaval,serif;font-size:21px;font-weight:400;display:block}.event-section ol{margin:0;padding:0;list-style:none}.event-section li{border-top:1px solid #303126;grid-template-columns:40px 1fr;gap:10px;padding:11px 0;display:grid}.event-section time{color:#6f705f;font-size:9px}.event-section li span{color:#c2a66f;letter-spacing:.08em;font-size:8px}.event-section p{color:#bbb69d;margin:5px 0;font:10px/1.5 ui-monospace,monospace}.event-section code{color:#626353;font-size:8px}@media (width<=900px){body{overflow:auto}.preview-shell{grid-template-rows:auto auto}.preview-header{grid-template-columns:1fr auto;gap:12px;min-height:72px}.preview-clock{display:none}.preview-grid{grid-template-columns:1fr}.world-frame{border-bottom:1px solid #494936;border-right:0;height:65vh}.observer-panel{overflow:visible}}@media (width<=520px){.preview-header{padding:0 12px}.preview-header small,.header-actions>a{display:none}.speed-control button{padding:6px 8px}.world-help{display:none}}