@font-face{font-family:Optician Sans;src:url(/party-games/vision-test/optician-sans.woff2)format("woff2");font-display:block}.game-vision .vision-test{gap:var(--s6);width:100%;display:grid}.vision-field{gap:var(--s2);font-size:var(--f-small);color:var(--ink-2);display:grid}.vision-hint{font-size:var(--f-small);color:var(--ink-2);margin:0;line-height:1.4}.vision-setup{gap:var(--s4);max-width:26rem;display:grid}.vision-calibration{gap:var(--s3);min-width:0;display:grid}.vision-calibration__frame{min-width:0;padding:0 var(--s5) var(--s5) 0}.vision-calibration__card{box-sizing:border-box;border:1px solid var(--ink);border-radius:3.18mm;position:relative}.vision-calibration__handle{touch-action:none;cursor:ew-resize;width:44px;position:absolute;top:0;bottom:0;right:-23px}.vision-calibration__handle:after{content:"";border-radius:var(--pill);background:var(--ink);width:4px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-axis=y]>.vision-calibration__handle{cursor:ns-resize;width:auto;height:44px;inset:auto 0 -23px}[data-axis=y]>.vision-calibration__handle:after{width:32px;height:4px}.vision-calibration__slider{--track:linear-gradient(var(--ink), var(--ink)) 0 50% / calc(11px + (100% - 22px) * var(--value,.5)) 2px no-repeat, linear-gradient(var(--hairline), var(--hairline)) 0 50% / 100% 2px no-repeat;width:100%;max-width:22rem;min-height:var(--ctl);background:var(--track);appearance:none;cursor:pointer;touch-action:pan-y;border-radius:0;margin:0;padding:0}.vision-calibration__slider:hover,.vision-calibration__slider:focus{background:var(--track)}.vision-calibration__slider::-webkit-slider-runnable-track{height:var(--ctl);background:0 0}.vision-calibration__slider::-moz-range-track{background:0 0;height:2px}.vision-calibration__slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:calc((var(--ctl) - 22px) / 2);border:1px solid var(--ink);background:var(--bg,#fff);border-radius:50%;transition:transform .2s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 3px #0000001f}.vision-calibration__slider::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--ink);background:var(--bg,#fff);border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #0000001f}.vision-calibration__slider:active::-webkit-slider-thumb{transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.vision-calibration__slider::-webkit-slider-thumb{transition:none}}.vision-stage{z-index:2147483647;overscroll-behavior:none;touch-action:manipulation;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;--ambient-edge:#fff;--ink:#000;--ink-2:#000;--control-bg:#fff;--control-border:#000;--control-border-hover:#000;--control-hover-bg:#eee;--control-hover-ink:#000;--accent-fill:#fff;--accent-fill-ink:#000;--accent-fill-hover:#eee;--accent-fill-hover-ink:#000;--accent-fill-hover-filter:none;background:#fff;outline:none;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;container-type:size}.vision-stage[hidden]{display:none}.vision-stage::backdrop{background:#fff}html.vision-locked,html.vision-locked body{overscroll-behavior:none;--ambient-edge:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:hidden;background:#fff!important}html.vision-locked body:before,html.vision-locked body:after{background:#fff!important}.vision-screen{pointer-events:none;--safe-top:env(safe-area-inset-top);--safe-right:env(safe-area-inset-right);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);position:absolute;inset:0}.vision-screen button{pointer-events:auto}@media (orientation:portrait) and (pointer:coarse){.vision-screen{--safe-top:env(safe-area-inset-right);--safe-right:env(safe-area-inset-bottom);--safe-bottom:env(safe-area-inset-left);--safe-left:env(safe-area-inset-top);width:100cqh;height:100cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}}.vision-screen__view{place-items:center;display:grid;position:absolute;inset:0}.vision-screen__bar,.vision-screen__count{z-index:1;left:calc(var(--safe-left) + var(--s3));right:calc(var(--safe-right) + var(--s3));font-size:var(--f-small);position:absolute}.vision-screen__bar{top:calc(var(--safe-top) + var(--s3));justify-content:space-between;align-items:start;gap:var(--s4);display:flex}.vision-screen__status{white-space:pre-line;margin:0;line-height:1.4}.vision-screen__actions{gap:var(--s4);flex-shrink:0;display:flex}.vision-screen__actions button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.vision-screen__count{bottom:calc(var(--safe-bottom) + var(--s3));justify-content:center;align-items:center;gap:var(--s2);color:#767676;display:flex}.vision-screen__count[hidden]{display:none}.vision-screen__count span{margin-right:var(--s1)}.vision-screen__count-buttons{gap:var(--s2);display:flex}.vision-screen__count button{box-sizing:border-box;color:#555;width:44px;min-width:0;height:44px;min-height:0;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #c8c8c8;border-radius:50%;flex:none;padding:0;position:relative}.vision-screen__count button:active{background:#eee}.vision-row{display:flex}.vision-letter{flex:none;font-family:Optician Sans,sans-serif;display:block;overflow:visible}.vision-panel{justify-items:center;gap:var(--s3);padding:var(--s4);text-align:center;display:grid}.vision-panel p{text-wrap:wrap;margin:0}.vision-panel__title{font-size:var(--f-lead);font-weight:600}.vision-panel__actions{justify-content:center;gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}