.gate{display:none;position:fixed;inset:0;z-index:10;background:var(--ground-deep);overflow:hidden}.sx-active{overflow:hidden}.sx-active .gate{display:block}.sx-active .hero{visibility:hidden}.skip{position:absolute;top:var(--space-5);right:var(--space-6);z-index:5;min-height:44px;min-width:44px;display:inline-flex;align-items:center;color:var(--text-muted);font-size:var(--small-size);padding-inline:var(--space-3)}.gate-mast{position:absolute;left:var(--space-7);top:var(--space-6);font:var(--title-weight) var(--small-size)/1.5 var(--font-serif);letter-spacing:.2em;color:var(--text-muted)}.gate-rail{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--line)}.gate-rail i{display:block;width:0;height:1px;background:var(--brass)}.mark-scene{position:absolute;left:50%;top:35%;width:224px;height:224px;margin:-112px;perspective:800px;color:var(--brass)}.mark-scene>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.mark-ring,.mark-square,.mark-point{transform-box:view-box;transform-origin:50% 50%;transform-style:preserve-3d}.start{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:var(--text);cursor:pointer}.start-copy{position:absolute;top:65%;left:var(--space-5);right:var(--space-5);text-align:center;font-size:var(--body-size);letter-spacing:.18em}.start-copy small{display:block;font:italic var(--latin-display-weight) 28px/1.4 var(--font-latin);letter-spacing:0;color:var(--text-muted);margin-top:var(--space-3)}.start:focus-visible{outline:none}.start:focus-visible .start-copy{text-decoration:underline;text-underline-offset:var(--space-2)}.question{position:absolute;top:43%;left:var(--space-7);right:var(--space-7);text-align:center;pointer-events:none}.question h2{font:var(--display-lg-weight) var(--display-lg-size)/1.5 var(--font-serif);margin:0;max-width:none;letter-spacing:var(--display-lg-tracking);text-wrap:initial}.question .q-line{display:block}.question .char{display:inline}.question-english{color:var(--text-muted);font:italic var(--latin-display-weight) 28px/1.2 var(--font-latin);margin:var(--space-5) auto 0;max-width:none}.decision{position:absolute;top:76%;left:50%;transform:translateX(-50%);text-align:center}.ready{width:88px;height:88px;padding:var(--space-2);color:var(--on-brass);background:var(--brass);border:0;border-radius:var(--radius-round);cursor:pointer;font:var(--title-weight) var(--body-size)/1.5 var(--font-serif);white-space:nowrap}.ready.pressed{background:var(--seal)}.decision p{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:12px}.tunnel{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tunnel canvas{display:block;width:100%;height:100%}.traces{position:absolute;inset:0;pointer-events:none}.traces i{position:absolute;height:1px;width:14vw;background:var(--text-muted)}.traces i::after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;background:var(--text-muted);border-radius:var(--radius-round)}.fill-dot{position:absolute;width:24px;height:24px;left:50%;top:50%;margin:-12px;border-radius:var(--radius-round);background:var(--ground);border:1.5px solid var(--brass);pointer-events:none}.sx-arriving .hero{visibility:visible}.sx-arriving .gate{background:transparent;pointer-events:none}.sx-arriving .gate>:not(.fill-dot){visibility:hidden}.sx-arriving .fill-dot{display:none}
@media(max-width:1000px){.question h2{font-size:var(--display-md-size)}}
@media(max-width:600px){.skip{top:var(--space-4);right:var(--space-4)}.gate-mast{left:var(--space-5);top:var(--space-5)}.mark-scene{width:176px;height:176px;margin:-88px;top:29%}.question{top:41%;left:var(--space-4);right:var(--space-4)}.question h2{font-size:calc(var(--display-md-size) - var(--space-1));line-height:1.5}.q-phrase{display:block}.question-english{font:var(--body-weight) var(--body-size)/1.6 var(--font-sans);margin-top:var(--space-4)}.decision{top:77%}}
@media(max-width:350px){.question h2{font-size:calc(var(--display-md-size) - var(--space-2))}}
@media(max-height:650px) and (min-width:601px){.mark-scene{top:25%;width:176px;height:176px;margin:-88px}.question{top:37%}.question h2{font-size:var(--display-md-size)}.question-english{margin-top:var(--space-2)}.decision{top:74%}}
@media(prefers-reduced-motion:reduce){.mark-scene{top:25%}}