:root{color:#f7f7ee;font-synthesis:none;background:#899a8e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{touch-action:none;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block}header{pointer-events:none;text-shadow:0 2px 18px #0009;position:absolute;top:30px;left:36px}header .eyebrow{letter-spacing:3px;opacity:.85;font-size:10px;font-weight:600}h1{margin:8px 0;font-family:Georgia,serif;font-size:38px;font-weight:400}h1 span{letter-spacing:2px;vertical-align:middle;border:1px solid #fff5;border-radius:4px;margin-left:15px;padding:6px 8px;font-family:system-ui;font-size:9px;display:inline-block}header p{letter-spacing:.3px;opacity:.85;font-size:12px}nav{gap:8px;display:flex;position:absolute;top:33px;right:30px}button,select{color:#f9fff9;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b2c28cd;border:1px solid #dcebd533;border-radius:9px;padding:11px 14px;font:12px system-ui}button:hover,button.active{background:#476354}select{max-width:135px}kbd{border:1px solid #fff5;border-radius:3px;margin-left:5px;padding:1px 4px;font-size:9px}footer{letter-spacing:.5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#152920b5;border:1px solid #fff2;border-radius:30px;align-items:center;gap:12px;padding:12px 17px;font-size:11px;display:flex;position:absolute;bottom:26px;left:36px}.dot{background:#c8db9c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #accd6e}.divider{opacity:.4}#mode{letter-spacing:2px;font-size:10px}#loading{z-index:10;pointer-events:none;background:#18251f;flex-direction:column;justify-content:center;align-items:center;font:32px Georgia;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading span{color:#afc0af;margin-top:18px;font:12px system-ui}#loading.done{opacity:0}#joystick,#touch-actions{display:none}dialog{color:#eef3e6;background:#1b2c28;border:1px solid #65776a;border-radius:18px;max-width:470px;padding:28px;font-size:14px;line-height:1.7}dialog h2{font:29px Georgia}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006}@media (pointer:coarse),(width<=700px){header{top:22px;left:20px}header .eyebrow{letter-spacing:2px;font-size:8px}h1{font-size:31px}h1 span{margin-left:10px;font-size:7px}nav{gap:5px;top:133px;left:18px;right:auto}button,select{padding:10px;font-size:10px}nav kbd{display:none}select{width:91px}footer{padding:10px 13px;font-size:9px;bottom:20px;left:18px}#hint,footer .divider{display:none}#joystick{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#203d343b;border:1px solid #fff5;border-radius:50%;width:110px;height:110px;display:block;position:absolute;bottom:87px;left:28px}#stick{background:#dce8d999;border:1px solid #fff8;border-radius:50%;width:44px;height:44px;position:absolute;top:32px;left:32px}#touch-actions{grid-template-columns:52px 52px;gap:8px;display:grid;position:absolute;bottom:89px;right:22px}#touch-actions button{height:44px}#rise,#fall{opacity:.55}header{top:calc(22px + env(safe-area-inset-top))}header p{font-size:0}header p:after{content:"Left thumb to move · drag the scene to look";text-shadow:0 1px 5px #000;font-size:10px}nav{top:calc(126px + env(safe-area-inset-top))}footer{bottom:calc(20px + env(safe-area-inset-bottom))}}#timebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b2c28cd;border:1px solid #dcebd533;border-radius:9px;align-items:center;gap:10px;padding:8px 14px;font:12px system-ui;display:flex;position:absolute;top:84px;right:30px}#timebar input{accent-color:#f2b35e;width:170px}#time-label{min-width:74px}@media (pointer:coarse),(width<=700px){#timebar{padding:6px 10px;top:auto;bottom:150px;right:12px}#timebar input{width:120px}}