body{background:#163337;color:#f3cb9a;font:14px/1.5 'VT323',monospace;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px}
main{max-width:1180px;margin:35px auto;padding:0 25px}
h1,h2,p{margin:0}
h2{font-size:24px;font-weight:400}
a{text-underline-offset:4px}
.room-shell{border:1px solid #839f8b;box-shadow:8px 8px #0a2329;background:#203e3f}
.room-top{display:flex;justify-content:space-between;gap:20px;background:#ecc295;color:#243b39;padding:8px 15px;font:11px monospace}
.room-layout{display:grid;grid-template-columns:230px 1fr}
.room-sidebar{padding:25px 20px;border-right:1px solid #839f8b;position:relative}
.room-sidebar h1{font:62px/.8 'VT323';color:#f3d3a5;letter-spacing:-2px;margin:20px 0 32px}
.room-sidebar h1 span{color:#db906e;font-size:95px}
.room-sidebar>p{font-size:20px}
.room-sidebar nav{display:grid;gap:15px;padding:25px 0;border-bottom:1px dashed #91aa94}
.room-sidebar nav a{font-size:20px}
.room-sidebar nav a:before{content:'▸ ';color:#db906e}
.room-status{padding:22px 0;font-size:18px}
.room-status small{color:#a6b8a3;font-size:16px}
.pixel-dot{display:inline-block;width:8px;height:8px;background:#a7c383;box-shadow:0 0 0 3px #a7c38322;margin-right:8px}
.mini-calendar{margin-top:18px;background:#ecc295;color:#253c39;border:3px double #6a593f;text-align:center;padding:14px 5px;font:12px monospace;transform:rotate(-3deg)}
.mini-calendar b{font:75px/1 'VT323';display:block}
.mini-calendar span{font-size:9px}
.room-scene{margin:18px;border:2px ridge #94b2a5;background:#142c31}
.window-title{display:flex;justify-content:space-between;background:#34585a;color:#d5d8bc;padding:6px 10px;font:11px monospace}
.room-scene>img{width:100%;height:400px;object-fit:contain;image-rendering:pixelated;padding:15px 20px 0}
.room-caption{font-size:18px;text-align:center;margin:5px 20px 20px!important;color:#aabfa9}
.object-tabs{background:#f1cfa3;color:#303e37;margin:0 18px 18px;border:2px ridge #bb987e;box-shadow:5px 5px #090d1130}
.object-tabs nav{display:flex;border-bottom:1px solid #785e48}
.object-tabs button{flex:1;padding:10px 8px;background:#d5aa82;border:0;border-right:1px solid #785e48;font:14px monospace}
.object-tabs button[aria-pressed=true]{background:#f1cfa3;box-shadow:inset 0 3px #274448}
.object-tabs article{padding:16px 20px;min-height:125px}
.object-tabs article p{font:12px/1.65 monospace;margin-top:10px}
.room-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:25px 18px}
.room-letter{border:1px solid #859883;padding:18px;background:#294b49}
.room-letter time{font:10px monospace;color:#a6b8a3;display:block;margin:10px 0}
.room-letter p{font:12px/1.6 monospace;margin-bottom:15px}
.room-letter a{font:12px monospace}
.room-pins{padding:18px;background:#bd8060;color:#193237;border:4px double #f0c699;transform:rotate(1deg)}
.room-pins p{font:12px/1.8 monospace;margin:12px 0}
.room-pins>span{display:block;border:2px ridge #ab6749;background:#ecc295;padding:5px;font:9px monospace;text-align:center;margin-top:8px}
.room-neighbors{padding:20px;border-top:1px dashed #91aa94}
.room-neighbors a{display:inline-block;font:11px monospace;margin:15px 20px 0 0}
.ring{border-bottom:1px solid #789381;margin-top:20px;color:#b6c6ae}
.mock-note{text-align:center;color:#a4b9a4}
@media(max-width:760px){main{padding:0 12px;margin-top:20px}
.room-layout{grid-template-columns:1fr}
.room-sidebar{border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #839f8b}
.room-sidebar h1{grid-row:1/3;margin:5px 0}
.room-sidebar nav{padding:0;border:0;gap:7px}
.room-status{padding:5px 0}
.mini-calendar{display:none}
.room-scene{margin:12px}
.room-scene>img{height:280px;padding:5px}
.room-top{font-size:9px}
.object-tabs{margin:0 8px 12px}
.object-tabs button{font-size:10px;padding:12px 5px}
.room-bottom{grid-template-columns:1fr;margin:20px 12px}
.room-neighbors{padding:15px}
.room-caption{font-size:16px}
}