:root{color-scheme:dark;--gold:#e7c793;--ink:#101519;--line:#e7c79333}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f4ead8;font:15px Georgia,serif}button,a,input,select{font:inherit}button{cursor:pointer;background:#1c272b;color:#eee1c9;border:1px solid var(--line);padding:12px 16px;border-radius:8px}button:hover{border-color:var(--gold);background:#2d3c40}button:disabled{opacity:.45;cursor:not-allowed}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{color:var(--gold);letter-spacing:4px;font:800 17px system-ui;text-decoration:none}header>span{font:10px system-ui;letter-spacing:3px}header div{display:flex;gap:7px}main{max-width:1450px;margin:auto;padding:20px}#scene{height:min(64vh,650px);min-height:340px;background-image:url('assets/rooms.png');background-size:300% 200%;background-position:0% 0%;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px}.shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#051015d9);pointer-events:none}#hotspots{position:absolute;inset:0}.spot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:46px;height:46px;padding:0;background:#0d252bdd;color:var(--gold);font:22px system-ui;box-shadow:0 0 0 9px #d9c29522;animation:breathe 3s infinite}.spot.seen{color:#a3d9cd;box-shadow:0 0 0 5px #94ccbb1a}.spot span{position:absolute;top:52px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0f202be0;font:12px system-ui;padding:5px 9px;border-radius:5px}.room-caption{position:absolute;bottom:20px;left:28px;pointer-events:none}small{letter-spacing:3px;color:var(--gold);font:10px system-ui}h1{font-size:clamp(30px,4vw,54px);font-weight:400;margin:8px 0}h2{color:var(--gold);font-size:30px;font-weight:400;margin:8px 0 18px}h3{font-size:18px;color:var(--gold)}p{line-height:1.7}#rooms{display:flex;gap:8px;padding:16px 0;flex-wrap:wrap}#rooms button{flex:1;min-width:120px}button.active{border-color:var(--gold);color:var(--gold)}#people{display:flex;gap:10px;flex-wrap:wrap}.person{display:flex;align-items:center;gap:12px;flex:1;min-width:170px;text-align:left}.person b{display:block}.person small{font:10px system-ui;letter-spacing:1px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:37px;height:37px;font:600 18px system-ui;background:#32494d;border:1px solid}footer{padding:16px 0;display:flex;justify-content:space-between;gap:12px;color:#9facaf;font:12px system-ui}dialog{background:#111e25;color:#f7ead5;border:1px solid #d9bb83;border-radius:16px;max-width:740px;width:calc(100% - 24px);max-height:90vh;padding:32px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020709bd;backdrop-filter:blur(6px)}#close{position:absolute;right:10px;top:10px;padding:3px 10px;font:24px system-ui}input,select{background:#0c161c;color:#fff0d6;border:1px solid #8d9c9d;padding:12px;border-radius:8px;max-width:100%;margin:6px}input{letter-spacing:3px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:5px;margin:5px;font:11px system-ui}.evidence{border-bottom:1px solid var(--line);padding:10px 0}.rings{display:flex;gap:18px;justify-content:center;margin:25px 0}.ring{width:100px;height:100px;border-radius:50%;position:relative;font:38px system-ui;background:#182c36}.ring .target{position:absolute;inset:10px;opacity:.25;color:#f9ddb5}.ring .pointer{position:relative;display:inline-block;color:#9feae0}.order{display:grid;gap:8px}.order button{display:flex;justify-content:space-between;text-align:left}.feedback{color:#97ddc7;min-height:24px}.hint{color:#cfb785;font-style:italic}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#203b40;color:#ead3a7;padding:12px 20px;border:1px solid #b7ab7c;border-radius:8px;display:none;z-index:5}.linkrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}@keyframes breathe{50%{box-shadow:0 0 0 13px #d9c29511}}@media(max-width:750px){header{flex-wrap:wrap;padding:12px}header>span{display:none}header div{width:100%;justify-content:space-between}header button{font-size:12px;padding:10px}main{padding:10px}#scene{height:55vh;min-height:320px}.person{min-width:140px}dialog{padding:28px 20px}#rooms button{min-width:90px;font-size:12px}.spot span{font-size:10px}.rings{gap:8px}.ring{width:80px;height:80px}.linkrow{grid-template-columns:1fr}footer{flex-wrap:wrap}}


.hidden{display:none!important}#scene{height:70vh;min-height:470px;background-size:300% 200%}#world{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none}#hotspots{z-index:2;pointer-events:none}.spot{pointer-events:auto;width:34px;height:34px;font-size:17px;opacity:.85}.spot span{top:40px}.room-caption{z-index:3;bottom:12px;left:18px}h1{font-size:30px}.shade{z-index:1;pointer-events:none}.person{min-width:120px;padding:8px}.person small{display:none}#walkControls{position:absolute;z-index:4;right:15px;bottom:15px;display:flex;gap:5px}#walkControls button{width:44px;height:44px;padding:0;font:20px system-ui;background:#10272ecc;touch-action:none}#dialogue{position:fixed;z-index:8;bottom:20px;left:50%;transform:translateX(-50%);width:min(690px,calc(100vw - 24px));padding:20px;background:#15282cf2;border:1px solid #e1c28b;border-radius:12px;box-shadow:0 12px 40px #0008}#dialogue h3{margin:5px 0}#dialogue p{font-size:18px;margin:8px 0;line-height:1.45}#dismissTalk{position:absolute;right:8px;top:8px;padding:4px 12px}.balance{height:210px;position:relative;margin:25px auto;width:min(450px,95%)}.scaleBeam{position:absolute;left:10%;right:10%;top:40px;height:8px;background:linear-gradient(#eed08b,#826645);transition:transform .45s;transform-origin:center}.scaleStand{position:absolute;width:14px;height:150px;top:45px;left:calc(50% - 7px);background:#9c8156;border-bottom:18px solid #e6bf7c}.pan{position:absolute;top:70px;min-width:130px;border-bottom:10px solid #be985a;background:#6c5a38;padding:10px;font:16px system-ui;text-align:center;border-radius:0 0 30px 30px}.pan:before{content:'';position:absolute;top:-70px;left:50%;height:70px;width:2px;background:#c3b18a}.leftPan{left:-30px}.rightPan{right:-30px}.weights,.letterRack{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.weights button{border-radius:5px 5px 18px 18px;width:62px;height:64px;background:#7b6243;font:22px system-ui}.weights button.active{transform:translateY(-8px);background:#476e64}.clockFace{position:relative;width:210px;height:210px;margin:20px auto;border:12px ridge #b49761;border-radius:50%;background:repeating-conic-gradient(#cab68a 0 1deg,transparent 1deg 30deg),radial-gradient(#1b2c31 0 65%,#a78f64 66% 68%,#253c41 69%)}.hand{position:absolute;bottom:50%;left:calc(50% - 3px);width:6px;height:77px;background:#eec98a;border-radius:8px;transform-origin:bottom;transition:transform .12s}.clockCenter{position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;background:#eec98a;border-radius:50%}.dialDisplay{text-align:center;font:28px system-ui;color:#eed296}.dialButtons{justify-content:center}.mirrorStrip{font:32px monospace;text-align:center;letter-spacing:8px;margin:20px}.letterRack button{width:50px;height:60px;font:28px Georgia;background:#405965}.letterRack .active{transform:translateY(-7px);border-color:#f5d18a}.order button{background:linear-gradient(90deg,#264748,#192b30);min-height:50px;transition:background .2s}@media(max-width:750px){#scene{height:65vh;min-height:410px}#walkControls button{width:38px;height:40px}#walkControls{right:8px;bottom:8px}.spot span{display:none}#people{gap:4px}.person{min-width:100px;font-size:11px}.person .avatar{width:25px;height:25px;font-size:14px}#dialogue p{font-size:15px}.balance{width:280px}.pan{min-width:90px;font-size:11px}.weights button{width:42px;height:50px}.letterRack{gap:4px}.letterRack button{width:32px;height:46px;font-size:21px}}