*{box-sizing:border-box}html,body,#app,main{width:100%;height:100%;margin:0;overflow:hidden}body{color:#e9eee8;background:#080f12;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}#scene{touch-action:none;position:absolute;inset:0}canvas{outline:none;width:100%;height:100%;display:block}header{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:32px;left:38px;right:38px}.identity .eyebrow{letter-spacing:.26em;color:#d3ded8;font-family:Georgia,serif;font-size:14px}h1{color:#f1f3ec;margin:7px 0 0;font:25px/1.4 Georgia,serif}nav{pointer-events:auto;background:#0a1318c9;border:1px solid #ffffff24;border-radius:8px;gap:3px;padding:5px;display:flex}nav a{color:#a5b4b5;border-radius:5px;padding:12px 17px;font-size:14px;text-decoration:none}nav a[aria-current]{color:#e7f2e9;background:#d2e9dd12}.dot,.live-dot{vertical-align:middle;background:#afd7ac;border-radius:50%;width:5px;height:5px;margin-left:7px;display:inline-block}.scene-note{color:#a6b8b5;pointer-events:none;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;top:120px;left:38px}.scene-note .live-dot{margin:0}.note-divider{opacity:.3}.help{pointer-events:none;position:absolute;bottom:145px;left:38px}.help>span{letter-spacing:.19em;color:#778e8c;font-size:11px}.help p{color:#abbbb5;margin:10px 0;font-size:13px;line-height:1.8}footer{white-space:nowrap;gap:12px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%)}.views,.actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b151ce6;border:1px solid #bddcc329;border-radius:9px;align-items:center;gap:2px;padding:5px;display:flex}button{color:#adbeb9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:11px 14px;font:14px Arial,sans-serif}button.active{color:#f0f5eb;background:#aacbaf17;border-color:#b3d9b633}button:hover,a:hover{color:#fff;background:#b9d8c51c}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #b0dfc8}button:disabled{opacity:.55;cursor:default}.divider{background:#ffffff20;width:1px;height:21px;margin:0 6px}.bottom-note{text-align:center;letter-spacing:.08em;color:#748b87;pointer-events:none;width:100%;font-size:11px;position:absolute;bottom:22px}.bottom-note span{padding:0 10px}#loading{text-align:center;background:#080f12;flex-direction:column;justify-content:center;align-items:center;gap:20px;font:22px Georgia,serif;display:flex;position:absolute;inset:0}#loading span{background:#b3d9b6;width:32px;height:1px;animation:1s infinite alternate grow}#loading small{max-width:350px;font:14px/1.6 Arial,sans-serif}@keyframes grow{to{opacity:.2;width:110px}}@media (width<=850px){header{top:22px;left:22px;right:22px}.identity .eyebrow{font-size:11px}h1{font-size:20px}nav a{padding:11px;font-size:12px}.scene-note{top:105px;left:22px}.help{display:none}footer{flex-direction:column;align-items:center;gap:7px;bottom:40px}button{padding:10px 12px;font-size:13px}.bottom-note{font-size:10px;bottom:15px}}@media (width<=500px){header{align-items:flex-start;gap:12px}h1{font-size:18px}.identity .eyebrow{letter-spacing:.15em;font-size:9px}nav{gap:0;padding:3px}nav a{padding:10px 8px;font-size:11px}.dot{display:none}.scene-note{gap:7px;font-size:11px;top:97px}.actions button{padding:10px 9px;font-size:12px}#reset{display:none}}.bottom-note{color:#b0c0ba;text-shadow:0 1px 4px #000}.help{text-shadow:0 1px 4px #000}