:root{color-scheme:dark;--bg:#272b28;--panel:rgba(38,42,39,.94);--text:#f4f1ea;--muted:#b6bcb4;--accent:#d9c7a4;--line:#50554e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#373c36;border-radius:9px;padding:9px 12px}button:hover{background:#495046}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#view{width:100%;height:100%;display:block;touch-action:none;outline:none}header{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:12px;align-items:center;background:var(--panel);padding:12px 18px;border-radius:14px;box-shadow:0 3px 15px #0003;font-size:19px;font-weight:600}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.03em}.mark{font-size:30px;line-height:1;color:var(--accent)}#helpButton{pointer-events:auto;width:40px;height:40px;border-radius:50%;font-weight:700;background:var(--panel)}#panel{position:absolute;left:24px;top:116px;width:274px;background:var(--panel);border:1px solid #6d756438;border-radius:16px;padding:16px;box-shadow:0 8px 30px #0003;backdrop-filter:blur(10px)}nav{display:flex;gap:6px}nav button{flex:1;padding:10px 5px;font-size:13px}.active{background:var(--accent)!important;color:#292d27!important;border-color:var(--accent)!important}.row{margin-top:18px}.row>label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}select{width:100%;background:#343a33;border:1px solid var(--line);border-radius:7px;padding:8px}fieldset{border:0;padding:0;margin:20px 0 0}legend{font-size:12px;color:var(--muted);margin-bottom:8px}fieldset label{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.secondary{width:100%;margin-top:15px;background:transparent}#status{font-size:11px;color:var(--muted);margin-top:10px;min-height:17px}#hint{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--panel);padding:9px 18px;border-radius:30px;font-size:12px;white-space:nowrap;pointer-events:none}#panelToggle{display:none}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#272b28;z-index:10}.loaderCard{max-width:410px;text-align:center;padding:32px}.loaderCard .mark{font-size:60px}.loaderCard h1{font-size:27px;font-weight:500}.loaderCard p{color:var(--muted)}.loaderCard small{display:block;margin-top:20px;color:var(--muted);font-size:12px}progress{width:100%;height:6px;accent-color:var(--accent)}#loading[hidden]{display:none}dialog{background:#2a2f29;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:30px;max-width:560px;width:calc(100% - 30px);max-height:85vh}dialog::backdrop{background:#0008}dialog h2{margin-top:0;font-weight:500}dialog h3{color:var(--accent);font-size:16px;margin-bottom:4px}dialog p{color:#d0d5cd;font-size:14px}.close{float:right;border:0;font-size:22px;padding:0 6px;background:none}#walkControls{position:absolute;inset:0;pointer-events:none}#walkControls[hidden]{display:none}#exitWalk{position:absolute;bottom:24px;right:24px;pointer-events:auto;background:var(--panel)}#lookHint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:12px;padding:8px 12px;background:var(--panel);border-radius:20px}#joystick{display:none;position:absolute;bottom:30px;left:28px;width:112px;height:112px;border-radius:50%;background:#23292180;border:1px solid #e2d5bf55;pointer-events:auto;touch-action:none}#stick{position:absolute;width:44px;height:44px;left:34px;top:34px;border-radius:50%;background:#d9c7a4aa}body.walking #hint{display:none}@media(pointer:coarse){body.walking #joystick{display:block}#lookHint{bottom:85px;left:auto;right:18px;transform:none;max-width:150px;text-align:center}body.walking #panel{display:none}body.walking #panel.open{display:block}#panelToggle{display:block;position:absolute;top:88px;left:18px;background:var(--panel);z-index:3}}@media(max-width:650px){header{left:14px;right:14px;top:max(12px,env(safe-area-inset-top))}.brand{padding:9px 13px;font-size:17px}#panel{top:135px;left:14px;width:252px;padding:13px;display:none}#panel.open{display:block}#panelToggle{display:block;position:absolute;left:14px;top:85px;background:var(--panel)}#hint{bottom:18px;max-width:90%;white-space:normal;text-align:center;width:max-content;font-size:11px}.row{margin-top:12px}fieldset{margin-top:12px}.quality{display:block}#exitWalk{right:15px;bottom:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#panel{max-height:calc(100dvh - 140px);overflow:auto}