html,body{touch-action:none;background:#05070b;height:100%;margin:0;overflow:hidden}canvas#c{width:100%;height:100%;display:block;position:fixed;inset:0}body{color:#d8d2c6;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,Hiragino Sans,Yu Gothic,sans-serif}#loading{z-index:10;background:#05070b;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.ld-title{letter-spacing:.6em;opacity:.8;padding-left:.6em;font-size:15px}.ld-bar{background:#fff2;width:160px;height:1px}.ld-bar i{background:#e8c9a0;width:0;height:100%;transition:width .3s;display:block}#ui{pointer-events:none;transition:opacity 1s;position:fixed;inset:0}#ui.hidden,.hidden{opacity:0}.title{left:max(24px, env(safe-area-inset-left));top:max(22px, env(safe-area-inset-top));flex-direction:column;gap:4px;display:flex;position:absolute}.title b{letter-spacing:.45em;font-size:15px;font-weight:400}.title span{letter-spacing:.3em;opacity:.55;text-transform:uppercase;font-size:10px}#views{right:max(22px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;gap:10px;display:flex;position:absolute}#views button{color:#d8d2c6;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:50%;width:26px;height:26px;font-size:10px;transition:all .3s}#views button.on{background:#e8c9a033;border-color:#e8c9a0}.hint{left:max(24px, env(safe-area-inset-left));bottom:max(30px, env(safe-area-inset-bottom));letter-spacing:.15em;opacity:.45;font-size:10px;position:absolute}.credit{left:max(24px, env(safe-area-inset-left));bottom:max(10px, env(safe-area-inset-bottom));letter-spacing:.08em;opacity:.3;font-size:9px;position:absolute}#daynight{right:max(22px, env(safe-area-inset-right));top:max(20px, env(safe-area-inset-top));pointer-events:auto;color:#d8d2c6;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:14px;padding:5px 12px;font-size:11px;position:absolute}#sound{right:max(108px, calc(env(safe-area-inset-right) + 86px));top:max(20px, env(safe-area-inset-top));pointer-events:auto;color:#d8d2c6;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:14px;padding:5px 12px;font-size:11px;position:absolute}#sunbar{left:50%;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:auto;letter-spacing:.18em;text-transform:uppercase;opacity:.75;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;transform:translate(-50%)}#sunbar input{accent-color:#e8b884;width:min(260px,40vw)}#gyro{pointer-events:auto;color:#d8d2c6;letter-spacing:.1em;background:#0008;border:1px solid #ffffff40;border-radius:16px;padding:8px 16px;font-size:12px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}#gyro.hidden,body.capture #ui,body.capture #loading{display:none}