:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#e5eeeb;background:#101b1d;--line:#314244;--muted:#98adad;--teal:#94d8c3}*{box-sizing:border-box}body{margin:0}header{height:96px;padding:21px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-size:26px;margin:5px 0 0;font-weight:500;letter-spacing:4px}h1 span{font-size:16px;letter-spacing:2px;margin-left:16px;color:#aec0bb}.version{font-size:12px;color:var(--muted)}.version b{font-size:10px;display:block;color:var(--teal);letter-spacing:2px;margin-top:7px}main{height:calc(100dvh - 96px);display:grid;grid-template-columns:310px 1fr}aside{overflow:auto;background:#142123;padding:24px 22px;scrollbar-width:thin}section{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}h2{font-size:19px;font-weight:500;margin:10px 0 20px}button,select{font:inherit;color:inherit;background:#203234;border:1px solid #3a5153;border-radius:6px;cursor:pointer;padding:10px 12px;min-height:40px;font-size:13px}button:hover{background:#2c4949}button:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{opacity:.4;cursor:wait}.segmented,.row{display:flex;gap:6px;margin:9px 0}.segmented button,.row button{flex:1}.segmented button[aria-pressed=true]{background:#365b54;color:#c1f3df;border-color:#80bea9}.primary{background:var(--teal);color:#15372c;width:100%;font-weight:600;margin:8px 0}.primary:hover{background:#b4efda}label{display:block;font-size:12px;color:var(--muted);margin:16px 0 7px}select{width:100%;max-width:100%}#room-go{width:100%;margin-top:7px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title strong{font-size:12px;color:var(--teal)}#map{width:100%;height:auto;border-radius:5px;background:#102023;margin-top:13px}.legend{font-size:10px;color:#9bacab;display:flex;justify-content:space-between;margin-top:6px}.teal{color:var(--teal)}.instructions{font-size:12px;line-height:2;color:#bed0cb}kbd{font:11px monospace;background:#304443;padding:3px 5px;border-radius:3px}#lock,#interact{width:100%;margin:4px 0}#hint{font-size:12px;line-height:1.7;color:var(--teal);min-height:34px}#lift-name{font-size:12px}details{font-size:12px;color:var(--muted);line-height:1.8}summary{cursor:pointer;color:#d1dfda}a{color:var(--teal)}#viewport{position:relative;overflow:hidden;background:#a4b5b7}#viewport>canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;display:grid;place-content:center;z-index:5;background:#142123}.view-label{position:absolute;left:24px;top:22px;display:flex;gap:10px;pointer-events:none}.view-label span{background:#162a2bdd;backdrop-filter:blur(8px);border:1px solid #56737288;padding:9px 13px;border-radius:5px;font-size:12px}#notice{position:absolute;bottom:20px;left:24px;color:#eff5f2;background:#1d3234d9;padding:9px 13px;font-size:11px;border-radius:5px;pointer-events:none}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 1px 3px #000;color:white;pointer-events:none}#touch-controls{position:absolute;bottom:60px;right:25px;text-align:center;display:none}#touch-controls button{width:44px;margin:2px;touch-action:none;background:#183c3cd9}body.walk #touch-controls{display:block}@media(max-width:760px){header{height:76px;padding:15px 18px}h1{font-size:20px}h1 span{font-size:13px}.version{display:none}main{height:calc(100dvh - 76px);grid-template-columns:220px 1fr}aside{padding:18px 13px}h2{font-size:16px}.eyebrow{letter-spacing:1px}.view-label{left:10px;top:12px;flex-direction:column;gap:4px}#notice{left:10px;bottom:12px;max-width:180px}#touch-controls{right:10px}button{padding:8px}}@media(max-width:500px){main{display:flex;flex-direction:column-reverse;height:auto}#viewport{height:58dvh;min-height:320px}aside{height:calc(42dvh - 76px);min-height:200px;overflow:auto}section{margin-bottom:12px;padding-bottom:12px}#map{max-width:300px}h2{margin:6px 0 10px}}