:root{color-scheme:dark}body{background:radial-gradient(ellipse at top,#263a3a,#101b20 70%)}main{max-width:1400px}h1{font-weight:normal;letter-spacing:1px}nav button{background:transparent;border-color:#41534f}.scene{background:linear-gradient(90deg,#172624,var(--room),#172624);height:310px;box-shadow:inset 0 0 80px #0008}.scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 35px,#b4a5770c 36px 38px)}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 40%,#c7dadd12 41%,transparent 65%)}.window{top:35px;height:170px;box-shadow:0 0 60px #8faea944;border-radius:45px 45px 0 0;background:repeating-linear-gradient(110deg,transparent 0 15px,#d1e9ee22 16px 17px),linear-gradient(#738e95,#233f4d)}.desk{left:20%;width:60%;height:24px;bottom:53px}.desk:after{content:'';position:absolute;top:24px;left:10%;height:60px;width:9px;background:#6f4c33;box-shadow:230px 0 #6f4c33}.lamp{font-size:43px;bottom:78px;left:35%;filter:drop-shadow(0 0 15px #e7c583)}.shelf{position:absolute;left:4%;top:35px;width:75px;height:170px;border:8px solid #48382a;background:repeating-linear-gradient(0deg,transparent 0 43px,#48382a 44px 50px),repeating-linear-gradient(90deg,#624935 0 9px,#2f3933 10px 17px,#764b40 18px 25px)}.portrait{position:absolute;right:7%;top:45px;width:64px;height:92px;background:radial-gradient(ellipse at 50% 32%,#938069 0 15%,transparent 16%),radial-gradient(ellipse at 50% 95%,#1d2425 0 40%,#4e5246 41%);border:7px ridge #ac874c;box-shadow:0 5px 15px #0007}.plant,.bell-art{display:none}.scene[data-room=Conservatory] .plant{display:block;position:absolute;right:12%;bottom:23px;font-size:135px;color:#718a60;text-shadow:0 0 10px #182923}.scene[data-room=Conservatory] .window{width:65%;left:18%;height:220px;top:0;border-radius:0}.scene[data-room=Conservatory] .shelf,.scene[data-room=Conservatory] .portrait{display:none}.scene[data-room=Hall] .bell-art{display:block;position:absolute;left:48%;top:5px;font-size:70px;color:#c6a36a}.scene[data-room=Hall] .desk,.scene[data-room=Hall] .lamp,.scene[data-room=Hall] .shelf{display:none}.scene[data-room=Hall] .window{left:12%;width:55px}.scene[data-room=Hall] .bell-art:after{content:'';display:block;height:150px;border-left:2px solid #ad9571;margin-left:30px}.scene[data-room=Kitchen] .shelf{background:repeating-linear-gradient(0deg,#858076 0 20px,#413c32 21px 27px);height:95px;top:45px}.scene[data-room=Kitchen] .portrait{background:radial-gradient(circle,#151f22 0 47%,#a99c7b 48% 55%,#333 56%);border:0;border-radius:50%;height:65px}.scene[data-room=Library] .window{display:none}.scene[data-room=Library] .shelf{width:60%;height:190px}.scene[data-room=Library] .desk{left:50%;width:40%}.scene[data-room=Library] .lamp{left:66%}.scene[data-room=Library] .portrait{right:5%;top:30px}.evidence{display:block;background:#203236;color:#eee6d2;text-align:left;width:100%;margin:6px 0;font-size:15px;padding:8px 10px}#count{font:13px sans-serif;color:#d7c28e}select{display:block;width:100%;font-size:15px;margin:6px 0 12px;background:#22373a;color:#eee6d2}label{font:14px/1.5 sans-serif;color:#e6dfcc}.deduction{border-top:1px solid #52605a;padding:15px 0}.deduction h3{margin:0 0 12px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}button.primary{background:#d3b47e;color:#152627;border-color:#d3b47e}#conversation button{display:block;text-align:left;margin:8px 0;width:100%}dialog{background:#1b2c2d;color:#eee6d2;border:1px solid #b69a68;max-width:min(650px,92vw);max-height:90vh;padding:28px;overflow:auto}dialog::backdrop{background:#080e12d9}dialog p{line-height:1.8}.file{display:inline-flex;align-items:center;border:1px solid #697467;padding:10px 15px;border-radius:3px;cursor:pointer}.file input{width:160px;margin-left:8px}footer{align-items:center;padding:10px 0 30px}#notice{background:#152327;padding:12px;border-left:2px solid #b69a68}#notice:empty{display:none}[hidden]{display:none!important}button,select{min-height:44px}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e3bd77;outline-offset:3px}@media(min-width:901px){aside{max-height:750px;overflow:auto}nav{position:sticky;top:20px;align-self:start}.layout{grid-template-columns:180px minmax(0,1fr) 240px}}@media(max-width:900px){.layout{margin-top:16px;gap:16px}.scene{height:230px}article,aside{padding:18px}h1{font-size:32px}nav button{padding:8px 12px}aside{order:3}.pair{grid-template-columns:1fr}footer button{font-size:14px}.file{flex-wrap:wrap;gap:8px}main>p{font-size:15px}.window{height:140px;top:10px}}@media(prefers-reduced-motion:no-preference){.scene{animation:arrive .4s ease-out}@keyframes arrive{from{opacity:.65}to{opacity:1}}}
body{background-color:#101b20}.file{background-color:#26383b;color:#eee6d2}nav button{background-color:#142427;color:#eee6d2}.timeline{padding-left:20px}.timeline li{padding:5px 0}.timeline b{color:#e0c18b}
.file{position:relative}.file input{position:absolute;width:1px;height:1px;margin:0;clip-path:inset(50%);overflow:hidden}.file:focus-within{outline:3px solid #e3bd77;outline-offset:3px}