body{color:#1a1a1a;background:#fffaf0;margin:0;padding:2rem;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:48rem;margin:0 auto}a{color:#0b5fff}h1{letter-spacing:.02em;font-size:2.5rem;display:inline-block;transform:rotate(-1deg)}#instrument{background:radial-gradient(circle at 30% 20%,#fff3e0,#ffe0f0 60%,#e0f0ff);border-radius:1.5rem;margin-top:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #1a1a1a}#stage{touch-action:none;cursor:crosshair;width:100%;height:min(70vh,32rem);display:block}#entry-gate,#tap-to-start{z-index:2;text-align:center;background:#fffaf0eb;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-size:1.15rem;position:absolute;inset:0}#entry-gate:not([hidden]),#tap-to-start:not([hidden]){display:flex}.gate-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.gate-hint{opacity:.75;margin:0;font-size:.9rem}#entry-gate button,#controls button,#tap-to-start button{font:inherit;color:#1a1a1a;cursor:pointer;background:#ffd166;border:3px solid #1a1a1a;border-radius:999px;padding:.9rem 1.6rem;font-weight:600;transition:transform .15s}#entry-gate button:hover,#controls button:hover,#tap-to-start button:hover{background:#ff8fa3;transform:translateY(-2px)rotate(-1deg)}#controls{z-index:2;gap:.5rem;position:absolute;top:.75rem;right:.75rem}#controls:not([hidden]){display:flex}#controls button{background:#fffc;padding:.4rem .9rem;font-size:.85rem}#camera-status{z-index:2;background:#fff3cd;border:2px solid #1a1a1a;border-radius:999px;margin:0;padding:.4rem .8rem;font-size:.85rem;position:absolute;bottom:.75rem;left:.75rem}#camera-panel{z-index:1;flex-direction:column;align-items:flex-end;gap:.4rem;position:absolute;bottom:.75rem;right:.75rem}#camera-panel:not([hidden]){display:flex}#camera-frame{line-height:0;position:relative}#camera-preview:not([hidden]){display:block}#camera-preview{object-fit:cover;background:#000;border:3px solid #1a1a1a;border-radius:.75rem;width:7rem;height:5.25rem;transform:scaleX(-1)}#camera-view:not([hidden]){display:block}#camera-view{object-fit:cover;background:#000;border:3px solid #1a1a1a;border-radius:.75rem;width:7rem;height:5.25rem}#camera-panel.debug #camera-preview,#camera-panel.debug #camera-view{width:14rem;height:10.5rem}#debug-overlay{pointer-events:none;border-radius:.75rem;width:100%;height:100%;position:absolute;inset:0}#debug-readout{color:#eafff2;white-space:pre;background:#1a1620e0;border:2px solid #1a1a1a;border-radius:.5rem;margin:0;padding:.4rem .6rem;font:500 .7rem/1.45 ui-monospace,SF Mono,Menlo,monospace}