:root{color:#343e35;font-synthesis:none;background:#d8e4df;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{color:inherit;cursor:pointer;background:#f5f2e7ed;border:1px solid #53624926;border-radius:22px;padding:10px 16px;box-shadow:0 2px 12px #26392712}button:hover{background:#fffdf5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #48664e}button:disabled{opacity:.6;cursor:wait}button[aria-pressed=true],button.primary{color:#fffdf0;background:#4d603d}kbd{font:inherit;opacity:.6;margin-left:5px;font-size:.8em}.static-viewer,.viewer-scene{position:fixed;inset:0}.viewer-scene canvas{touch-action:none;display:block}.viewer-toolbar{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:20px;right:20px}.viewer-toolbar>*{pointer-events:auto}.viewer-brand{letter-spacing:.19em;color:inherit;background:#f4f1e7ed;border-radius:28px;padding:12px 22px;font-size:20px;text-decoration:none}.viewer-brand span{letter-spacing:.03em;border-left:1px solid #67715b55;margin-left:8px;padding-left:14px;font-size:11px}.viewer-card{background:#f6f2e8ed;border-radius:18px;max-width:min(90vw,560px);padding:20px 26px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.viewer-error{color:#793f2b;background:#fff0e8;padding:20px}.viewer-footer{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.viewer-footer>*{pointer-events:auto}.viewer-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f0e0b8;border-radius:28px;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;display:flex}.viewer-controls button{padding:8px 12px;font-size:12px}.viewer-footer p{text-align:center;background:#f4f1e7df;border-radius:12px;margin:0;padding:6px 12px;font-size:12px}.viewer-footer details{background:#f4f1e7df;border-radius:12px;padding:5px 12px;font-size:12px}.viewer-footer summary{cursor:pointer;text-align:center}.viewer-footer details p{background:0 0}.viewer-reticle{pointer-events:none;background:#fffce2bb;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%}.viewer-aim{text-align:center;color:#fffce2;text-shadow:0 1px 3px #263927;pointer-events:none;width:100%;font-size:13px;position:absolute;top:calc(50% + 15px)}.hud-hidden .viewer-footer,.hud-hidden .viewer-toolbar{opacity:0;pointer-events:none}.hud-hidden .viewer-footer *,.hud-hidden .viewer-toolbar *{pointer-events:none}.viewer-view{justify-content:center;display:flex;position:relative}.viewer-view-toggle{display:none}@media (max-width:700px){.viewer-toolbar{top:12px;left:12px;right:12px}.viewer-brand{padding:10px 14px;font-size:16px}.viewer-brand span{display:none}.viewer-footer{bottom:10px;left:10px;right:10px}.viewer-controls{gap:3px}.viewer-controls button{padding:7px 9px;font-size:11px}.viewer-footer p{font-size:12px}.viewer-view-toggle{align-items:center;min-height:44px;padding:10px 22px;font-size:15px;display:inline-flex}.viewer-view>.viewer-controls{display:none}.viewer-view.open>.viewer-controls{background:#f4f1e7f5;border-radius:22px;flex-flow:column;gap:6px;width:min(280px,100vw - 32px);padding:8px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.viewer-view.open .viewer-controls button{min-height:44px;padding:10px 16px;font-size:15px}}@media (hover:none){kbd{display:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}.viewer-diagnostics{z-index:10;color:#263426;background:#f7f5ed;border:1px solid #697264;border-radius:12px;width:min(460px,100vw - 24px);max-height:calc(100vh - 24px);padding:16px;font-size:12px;line-height:1.4;position:absolute;top:12px;right:12px;overflow:auto;box-shadow:0 4px 24px #26392725}.viewer-diagnostics.is-collapsed{width:auto;padding:6px}.viewer-diagnostics .diagnostics-toggle{margin-top:0}.viewer-diagnostics h1{margin:0 0 8px;font-size:18px}.viewer-diagnostics h2{font-size:15px}.viewer-diagnostics p{margin:8px 0}.viewer-diagnostics dl{grid-template-columns:110px 1fr;gap:4px;margin:8px 0;display:grid}.viewer-diagnostics dd{overflow-wrap:anywhere;margin:0}.viewer-diagnostics dt{font-weight:600}.viewer-diagnostics fieldset{border:1px solid #69726466;min-width:0;padding:10px}.viewer-diagnostics label{margin-top:8px;display:block}.viewer-diagnostics textarea,.viewer-diagnostics input,.viewer-diagnostics select{width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #697264;border-radius:4px;padding:7px}.viewer-diagnostics textarea{resize:vertical;font-family:monospace}.viewer-diagnostics button{border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12px}.viewer-diagnostics a{color:#285f36}.viewer-diagnostics table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.viewer-diagnostics th,.viewer-diagnostics td{text-align:right;border-bottom:1px solid #69726444;padding:4px 2px}.viewer-diagnostics th:first-child{text-align:left}.viewer-diagnostics [role=alert]{color:#8a2f16;overflow-wrap:anywhere}.viewer-diagnostics :focus-visible{outline-offset:2px;outline:3px solid #48664e}.touch-layer{z-index:14;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.touch-stick{pointer-events:none;background:#1a1f163d;border:2px solid #fffef399;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.touch-stick span{background:#fffef3e0;border-radius:50%;width:48px;height:48px;position:absolute;top:30px;left:30px;box-shadow:0 2px 10px #1a1f164d}.touch-stick.is-hint{top:auto;left:max(84px,20vw);bottom:calc(var(--touch-bottom) + 6px);opacity:.4;margin:0 0 0 -56px}.touch-actions{right:max(16px,env(safe-area-inset-right));bottom:calc(var(--touch-bottom) + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:10px;max-width:min(240px,50vw);display:flex;position:absolute}.touch-actions>*{pointer-events:auto}.touch-pair{gap:10px;display:flex}.touch-layer .touch-button{color:#fffef3;text-align:center;white-space:normal;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#1a1f16a8;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:48px;margin:0;padding:10px 18px;font:600 15px/1.2 Inter,system-ui,sans-serif;display:inline-flex;box-shadow:0 4px 18px #1a1f1640}.touch-layer .touch-button.round{width:64px;height:64px;padding:0}.touch-layer .touch-button:active,.touch-layer .touch-button.is-held,.touch-layer .touch-button[aria-pressed=true]{color:#2f3329;background:#fffef3f0}.touch-layer .touch-button.quiet{background:#1a1f167a;min-height:40px;padding:8px 14px;font-size:13px;font-weight:500}