:root{color-scheme:dark;--chrome:#202321;--text:#f7f7f2;--muted:#d5d7cf;--rule:#555b56;--accent:#c7d7b0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--chrome);font-size:14px;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,input{font:inherit;color:var(--text);background:var(--chrome);border:1px solid var(--rule);border-radius:6px;min-height:44px}button{padding:0 14px;cursor:pointer;transition:background .15s}button:active{background:#454b43}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#viewer,#scene{width:100%;height:100dvh;display:block}#scene{touch-action:none}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:0}.quiet-icon{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:var(--chrome)}.quiet-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#help-toggle{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));border-radius:50%}#hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:12px;line-height:1.6;background:var(--chrome);padding:9px 14px;border-radius:6px;max-width:calc(100% - 140px);text-align:center;pointer-events:none;transition:opacity .2s}#hint.dismissed{opacity:0}kbd{font:inherit;font-size:12px;white-space:nowrap}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#e5e0d6;color:#45463f;z-index:10}#loading>div{width:180px;text-align:center}#loading p{font-size:14px;line-height:1.5;margin:0 0 18px}#loading progress{display:block;width:100%;height:2px;border:0;appearance:none;background:#c5c0b6}progress::-webkit-progress-bar{background:#c5c0b6}progress::-webkit-progress-value{background:#555d50}progress::-moz-progress-bar{background:#555d50}#retry{margin-top:18px}#door-action{position:absolute;top:calc(50% + 36px);left:50%;transform:translateX(-50%);border:0;font-size:12px;white-space:nowrap}#door-action kbd{margin-left:14px;color:var(--muted)}.panel{position:absolute;bottom:76px;right:20px;width:300px;max-width:calc(100% - 40px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--rule) var(--chrome);padding:20px;background:var(--chrome);border-radius:8px;z-index:8}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:-8px -8px 8px 0}.panel h2{font-size:16px;font-weight:500;margin:0}.panel p{color:var(--muted);line-height:1.8;margin:12px 0 20px}.panel p.credit{font-size:12px;line-height:1.6;margin-bottom:0}.panel a{color:var(--muted);text-underline-offset:3px}.panel label{display:block;margin:16px 0;font-size:13px}.panel select{display:block;width:100%;height:44px;appearance:none;margin-top:8px;padding:0 32px 0 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23d5d7cf' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.panel>button{width:100%;margin-top:8px}.colour-row{display:flex!important;justify-content:space-between;align-items:center}input[type=color]{width:54px;padding:6px;cursor:pointer}#notice{position:absolute;top:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);padding:10px 14px;background:var(--chrome);border-radius:6px;opacity:0;pointer-events:none;font-size:12px;transition:opacity .15s}#notice.visible{opacity:1}#joystick{display:none}::selection{background:var(--accent);color:var(--chrome)}@media(hover:hover) and (pointer:fine){button:hover{background:#383d38}}@media(pointer:coarse){#joystick{display:block;position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:88px;height:88px;background:#20232122;border:1px solid #ffffff99;border-radius:50%;touch-action:none}#stick{position:absolute;left:29px;top:29px;width:28px;height:28px;border:1px solid #ffffffcc;background:#20232155;border-radius:50%;pointer-events:none}#hint{bottom:140px;max-width:240px;width:calc(100% - 48px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}