:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e1e7d8;font-synthesis:none;background:#172327;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 40% 0,#2c4243,#0000 70%),#172327;min-height:100svh;margin:0}button,select{font:inherit;font-size:15px}button{cursor:pointer;color:#f1e4bf;background:#2d4140;border:1px solid #637567;border-radius:5px;padding:9px 13px}button:hover{background:#435a4e}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #ecc76c}[hidden]{display:none!important}.desk{max-width:1040px;margin:auto;padding:18px 24px}.masthead{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}h1{color:#f0dfb5;margin:0;font:27px Georgia,serif}h1 span{color:#adbbac;font:14px system-ui,sans-serif}.header-actions{gap:8px;display:flex}kbd{color:#203831;background:#dfbd73;border-radius:3px;padding:3px 6px;font:14px ui-monospace,monospace}.header-actions kbd{color:#c8d0bc;background:#203733;margin-left:6px}.workbar{background:#233a37;border:1px solid #55695c;border-radius:8px 8px 0 0;align-items:center;gap:12px;padding:10px 14px;display:flex}.current-task{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.status-dot{background:#e4c579;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 12px #dfbb6b44}#task{margin:0;font-size:17px;line-height:1.4}#repair-badges,#inventory{gap:6px;display:flex}#repair-badges button{background:#243733;border-color:#667968;width:42px;height:42px;padding:5px;position:relative}#repair-badges button.done{background:#50774f;border-color:#a6c895}#repair-badges button.active{border-color:#f1d17e;box-shadow:inset 0 -3px #f1d17e}#repair-badges button.done:after{content:"✓";color:#e8f4d5;background:#365233;border-radius:50%;font-size:17px;position:absolute;bottom:-2px;right:0}.slot{border:1px dashed #73836b;border-radius:4px;place-items:center;width:40px;height:40px;display:grid}.slot.occupied{background:#485f48;border-style:solid}.slot.empty:after{content:"";background:#83927c;width:9px;height:2px}#inventory{border-left:1px solid #5b705c;padding-left:12px}canvas[role=img]{width:28px;height:28px;image-rendering:pixelated;flex-shrink:0}.screen-shell{background:#111f23;border:1px solid #55695c;border-top:0;border-radius:0 0 8px 8px;padding:8px;box-shadow:0 12px 32px #08151955}.room-strip{justify-content:space-between;align-items:center;gap:10px;padding:3px 9px 10px;display:flex}.room-strip h2{color:#c8d7c3;margin:0;font-size:17px;font-weight:500}.room-strip button{color:#e4c579;background:0 0;border-color:#0000;padding:5px 10px;font-size:14px}.viewport{background:#101d21;justify-content:center;display:flex}.scene{max-width:100%;position:relative}#adventure{aspect-ratio:4/3;width:640px;max-width:100%;height:auto;image-rendering:pixelated;display:block}#arrival{pointer-events:none;background:#152c2cf0;border-left:3px solid #e3c57a;padding:13px 16px;position:absolute;top:9%;left:8%;right:8%}#arrival strong{color:#f0ddb0;font:clamp(21px,3vw,30px) Georgia,serif}#reaction,#online{color:#eff2cf;text-align:center;pointer-events:none;background:#1a3533f5;border:1px solid #b5c89b;width:max-content;max-width:94%;padding:8px 14px;font-size:15px;line-height:1.35;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}#reaction[data-kind=pet]{color:#f2c4b0;border-color:#ddb29c}#reaction[data-kind=error]{color:#f1c69f;border-color:#dba482}#online{color:#e1f0c1;background:#3c613bee;top:6%;bottom:auto}.prompt-strip{align-items:center;gap:12px;min-height:49px;padding:9px 12px;font-size:16px;line-height:1.4;display:flex}:root[data-interactive=true] .prompt-strip{color:#f5e9c2;background:#304c3e}.radio{background:#213737;border:1px solid #435e53;border-radius:6px;align-items:center;gap:12px;min-height:60px;margin-top:12px;padding:12px 15px;display:flex}.radio-light{background:repeating-linear-gradient(#d4b270 0 2px,#0000 2px 4px);flex-shrink:0;width:7px;height:18px}#dialogue{margin:0;font-size:16px;line-height:1.5}footer{color:#a3b5a5;justify-content:space-between;gap:12px;padding-top:12px;font-size:14px;display:flex}footer b{color:#d9c38c;font-variant-numeric:tabular-nums;font-weight:500}dialog{color:#e7e9d3;background:#243d3c;border:1px solid #8d9c80;border-radius:9px;width:calc(100% - 28px);max-width:480px;max-height:90svh;padding:28px;overflow:auto;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#09171be8}dialog h2{color:#f1dfb4;margin:0 0 20px;font:33px/1.15 Georgia,serif}dialog p,blockquote{font-size:16px;line-height:1.6}dialog .eyebrow{color:#c4b784;letter-spacing:1px;font-size:14px}dialog button{width:100%;margin-top:12px;display:block}dialog label{align-items:center;gap:12px;margin:20px 0;font-size:16px;display:flex}select{color:#e8dab8;background:#182e2e;padding:5px}.primary{color:#23382e;background:#dfbf77;border-color:#efd797;font-weight:700}.primary:hover{background:#efd698}.help{color:#b9c8b3}#journal{max-width:650px}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.dialog-heading button{width:auto;margin:0 0 20px}#map-route{color:#ecd08d;margin-top:0}#floor-map{background:#172d2f;border-radius:6px;gap:8px;padding:8px;display:grid;position:relative}.map-room{z-index:1;text-align:center;background:#304a45;border:1px solid #647c70;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:64px;padding:5px 2px;display:flex}.map-room span{overflow-wrap:anywhere;font-size:14px;line-height:1.2}.map-room.current{background:#4b6350;border:3px solid #e5e3c0}.map-room.destination{box-shadow:0 0 0 2px #e5bd60}.map-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-key{color:#b6c6b3;font-size:14px}#repair-list{gap:10px;padding:0;list-style:none;display:grid}#repair-list li{align-items:center;gap:12px;font-size:16px;display:flex}summary{cursor:pointer;color:#e6d097;padding:12px 0;font-size:16px}#dispatch-log{padding-left:24px;font-size:16px;line-height:1.5}#dispatch-log li{padding:5px 0}@media (max-width:600px){.desk{padding:12px}h1{font-size:25px}h1 span,.header-actions kbd{display:none}.header-actions button{padding:8px 10px}.workbar{flex-wrap:wrap;gap:8px;padding:10px}.current-task{flex-basis:100%;margin-bottom:3px}#inventory{margin-left:auto}.room-strip{padding:3px 5px 9px}#task{font-size:16px}#dialogue{font-size:15px}.prompt-strip{padding:9px 5px;font-size:16px}.radio{padding:10px}dialog{padding:20px}#journal{padding:16px}#floor-map{gap:6px;padding:6px}.map-room span{font-size:14px}}
