:root{font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#47443e;background:#f4f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent;padding:7px 9px}button:hover,select:hover{color:#181715}button:focus-visible,select:focus-visible{outline:1px solid #777166;outline-offset:2px}button.active{background:#c8c4b637}button[aria-pressed=true]{color:#171612}button,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#app,#scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}canvas{display:block;outline:none;touch-action:none}.paper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;opacity:.21;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.navigation{position:fixed;z-index:5;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1px;padding:3px;border:1px solid #a49d892b;background:#f4f2e9da;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;opacity:.74;transition:opacity .2s}.navigation:hover,.navigation:focus-within{opacity:1}.divider{height:12px;width:1px;background:#8c857943;margin:0 4px}.navigation select{background:transparent;border:0;max-width:100px;padding:5px 2px;cursor:pointer;font-size:9px}.icon{width:29px;height:28px;padding:6px}.icon svg{width:16px;height:16px;stroke:currentColor;stroke-width:1;fill:none}#sound[aria-pressed=false]{opacity:.45}#reticle{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;color:#5f5a4d77;font-size:16px}#touch-controls{position:fixed;left:17px;bottom:70px;z-index:5;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;opacity:.6}#touch-controls button{width:36px;height:36px;margin:1px;background:#f4f2e9bb;border:1px solid #8c857933;font-size:15px;padding:0}#touch-controls button:active{background:#c8c4b6}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#f4f2e9;display:grid;place-items:center;transition:opacity .4s}#loading span{width:14px;height:14px;border:1px solid #9e9787;border-right-color:transparent;border-radius:50%;animation:turn 1.8s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}#error{position:fixed;top:40%;right:25%;bottom:40%;left:25%;background:#f4f2e9;border:1px solid #a49d8950;z-index:12;padding:24px;text-align:center}#error p{font-size:12px}dialog{width:min(1000px,94vw);max-height:92dvh;padding:26px 20px 16px;border:1px solid #a49d8950;background:#f4f2e9;color:inherit}dialog::backdrop{background:#39362f55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:5px;top:2px;padding:3px 7px;font-size:19px}#archive-image{display:block;width:100%;height:67dvh;object-fit:contain}#thumbnails{display:flex;gap:5px;margin-top:14px;overflow-x:auto;padding:2px}#thumbnails button{padding:3px;border:1px solid transparent;flex-shrink:0}#thumbnails button[aria-pressed=true]{border-color:#797263}#thumbnails img{width:45px;height:48px;object-fit:cover;display:block;mix-blend-mode:multiply}@media(pointer:fine){#touch-controls{display:none!important}}@media(max-width:600px){.navigation{bottom:14px;font-size:9px}.navigation button{padding:7px 8px}.navigation .icon{padding:6px;width:27px}dialog{padding:28px 12px 12px}#archive-image{height:65dvh}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.scene-credit{position:fixed;right:24px;bottom:22px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:5px;color:#747168;font-size:9px;line-height:1.3;pointer-events:none}.scene-credit a{display:flex;padding:4px 0;opacity:.6;transition:opacity .15s;pointer-events:auto}.scene-credit a:hover,.scene-credit a:focus-visible{opacity:1}.scene-credit a:focus-visible{outline:1px solid #777166;outline-offset:3px}.scene-credit img{display:block;width:24px;height:24px}@media(max-width:600px){.scene-credit{right:14px;bottom:66px;gap:3px;font-size:8px}.scene-credit img{width:22px;height:22px}}