.scope{margin-top:20px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.scope-frame{position:relative;height:clamp(220px,52vw,300px);border:1px solid #232320;overflow:hidden;touch-action:none;background:#040404;cursor:url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='25'%3E%3Cpath%20d='M12.5%200V25M0%2012.5H25'%20stroke='%23ffffff'%20stroke-width='1'/%3E%3C/svg%3E") 12 12,crosshair}.scope-frame:focus-visible{outline:1px dotted #8b8b85;outline-offset:3px}.scope-frame canvas{display:block;width:100%;height:100%}.scope-hint{position:absolute;left:50%;top:14px;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6a6a63;white-space:nowrap;animation:scope-hint-pulse 2.2s ease-in-out infinite;pointer-events:none}@keyframes scope-hint-pulse{0%,to{opacity:.35}50%{opacity:.95}}.scope-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:12px;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#6a6a63}.scope-bar .cell{display:inline-flex;align-items:center;gap:7px;padding:4px 0;white-space:nowrap}.scope-bar .cell+.cell:before{content:"·";margin:0 14px;color:#4a4a45}.scope-bar .cell b{font-weight:500;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:560px){.scope-bar{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px 18px;gap:7px 18px;letter-spacing:.12em}.scope-bar .cell{padding:0}.scope-bar .cell+.cell:before{content:none}}.sound-toggle{right:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #3a3a35;background:rgba(4,4,4,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#8b8b85;cursor:pointer;transition:border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.sound-toggle,.sound-toggle:after{position:absolute;border-radius:50%}.sound-toggle:after{content:"";inset:-7px}.sound-toggle svg{width:18px;height:18px;stroke-width:1.3;stroke-linecap:round;overflow:visible}.sound-toggle:focus-visible,.sound-toggle:hover{border-color:#6a6a63;color:var(--fg)}.sound-toggle.on{color:#9fe870;border-color:rgba(159,232,112,.4)}.sound-toggle.on svg{filter:drop-shadow(0 0 5px rgba(159,232,112,.55))}@media (max-width:560px){.sound-toggle{right:10px;bottom:10px}}.scope-arm{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:none;font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#8b8b85;text-align:center;padding:0 16px;background:radial-gradient(ellipse at center,rgba(4,4,4,.82) 0,rgba(4,4,4,.55) 55%,rgba(4,4,4,.2) 100%);animation:arm-fade .4s ease both}@keyframes arm-fade{0%{opacity:0}to{opacity:1}}.scope-arm .arm-ring{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #4a4a45;border-radius:50%;color:var(--fg);animation:arm-pulse 2.4s ease-in-out infinite}.scope-arm .arm-ring svg{width:22px;height:22px;stroke-width:1.3;stroke-linecap:round}@keyframes arm-pulse{0%,to{box-shadow:0 0 0 0 rgba(233,233,228,.16);border-color:#4a4a45}50%{box-shadow:0 0 0 10px rgba(233,233,228,0);border-color:#8b8b85}}