:root:has(.door){--header-h:73px}@media not (min-width:640px){:root:has(.door){--header-h:110px}}.door{--copy-edge:calc(max(16px, 6vw) + min(540px, 40vw) + 40px);color:var(--color-text-primary);position:relative;overflow-x:clip}.door ::selection{background:var(--color-accent-primary);color:var(--color-text-inverse)}.door-mono{font-family:var(--font-mono,monospace)}.door-o{color:var(--color-accent-primary)}.door-r{color:var(--color-eval-losing)}.door-eyebrow{text-wrap:balance;font-family:var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:11px}.door-eyebrow.door-o{color:var(--color-accent-primary)}.door-label{border:1px dashed var(--color-border-medium);width:fit-content;font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);padding:4px 8px;font-size:10.5px;line-height:1.5;display:inline-block}[data-credential=held] .door,[data-credential=held] .door *{visibility:hidden!important}.door-canvas{z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease-out;position:fixed;inset:0}.door[data-stage=live] .door-canvas{opacity:1}.door-canvas canvas{width:100%;height:100%;display:block}.door-scrim{z-index:1;pointer-events:none;background:linear-gradient(90deg, #0a0a0bf0 0, #0a0a0bf0 var(--copy-edge), #0a0a0b00 calc(var(--copy-edge) + 22vw));position:fixed;inset:0}.door-main{z-index:2;position:relative}.door-beat{flex-direction:column;justify-content:center;min-height:100svh;padding:80px max(16px,6vw) 64px;display:flex}.door-beat-hero{min-height:calc(100svh - var(--header-h));padding-top:32px}.door-beat-tall{justify-content:flex-start;min-height:200svh}.door-beat-tall>.door-copy{position:sticky;top:30svh}.door-copy{gap:18px;max-width:min(540px,40vw);display:grid;position:relative}.door-h1{font-family:var(--font-mono,monospace);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-size:clamp(30px,min(3.6vw,6.2svh),56px);font-weight:700;line-height:1.04}.door-h2{font-family:var(--font-mono,monospace);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(26px,min(3.4vw,5.6svh),46px);font-weight:700;line-height:1.06}@media not (max-width:900px){.door[data-stage=live] .door-beat-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.door-lede{color:var(--color-text-secondary);text-wrap:pretty;font-size:clamp(16px,1.25vw,19px);line-height:1.55}.door-map{z-index:0;grid-template-columns:minmax(0,1fr);justify-items:start;gap:14px;width:min(420px,34vw);display:grid;position:fixed;top:50%;right:max(24px,8vw);transform:translateY(-50%)}.door-map-grid{gap:4px;width:100%;display:grid}.door-map-key{color:var(--color-text-secondary);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.door-map-key span{align-items:center;gap:6px;display:inline-flex}.door-map-key span:before{content:"";width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--color-accent-primary)}.door-map-key span[data-key=lost]:before{background:var(--color-eval-losing)}.door-map-key span[data-key=other]:before{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.door-map-grid i{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--color-border-strong)}.door-map-grid i[data-cell=lost]{background:var(--color-eval-losing);box-shadow:inset 0 0 0 2px var(--color-accent-primary)}.door[data-stage=none] .door-scrim{background:linear-gradient(90deg, #0a0a0bf0 0, #0a0a0bf0 var(--copy-edge), #0a0a0b00 calc(var(--copy-edge) + 4vw))}.door-hud{z-index:3;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);opacity:0;visibility:hidden;pointer-events:none;gap:10px;width:min(340px,30vw);padding:16px;transition:opacity .4s,transform .4s,visibility 0s linear .4s;display:grid;position:fixed;bottom:max(16px,4svh);right:max(16px,3vw);transform:translateY(12px)}.door-hud[data-on=true]{opacity:1;visibility:visible;transition:opacity .4s,transform .4s,visibility;transform:none}.door-hud-figure{align-items:flex-end;gap:12px;display:flex}.door-count{font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--color-accent-primary);font-size:clamp(56px,7vw,104px);font-weight:700;line-height:.9;animation:.42s cubic-bezier(.2,.7,.2,1) both door-rise}@keyframes door-rise{0%{opacity:0;transform:translateY(10px)}}.door-hud-of{color:var(--color-text-secondary);padding-bottom:8px;font-size:12px;line-height:1.4}.door-hud-row{font-family:var(--font-mono,monospace);color:var(--color-text-tertiary);opacity:0;visibility:hidden;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;max-height:0;font-size:12px;transition:color .3s,opacity .35s,transform .35s,max-height .35s,visibility 0s linear .35s;display:grid;overflow:hidden;transform:translate(8px)}.door-hud-row[data-reached=true]{opacity:1;visibility:visible;max-height:48px;transition:color .3s,opacity .35s,transform .35s,max-height .35s,visibility;transform:none}.door-hud-row[data-active=true]{color:var(--color-text-primary)}.door-hud-row b{font-variant-numeric:tabular-nums}.door-hud-opp{color:var(--color-text-tertiary);font-weight:400}.door-hud-track{background:var(--color-surface-elevated);grid-column:1/-1;height:3px;position:relative;overflow:hidden}.door-hud-track i{background:var(--color-text-tertiary);transition:width .5s cubic-bezier(.2,.7,.2,1),background .3s;position:absolute;inset:0 auto 0 0}.door-hud-track i+i{background:var(--color-eval-losing)}.door-hud-row[data-active=true] .door-hud-track i:first-child{background:var(--color-accent-primary)}.door-scroll-cue{z-index:3;font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:0;visibility:hidden;pointer-events:none;font-size:10px;transition:opacity .4s,visibility 0s linear .4s;position:fixed;bottom:22px;left:max(16px,6vw)}.door-scroll-cue[data-on=true]{opacity:1;visibility:visible;transition:opacity .4s,visibility}.door-scroll-cue:after{content:"";background:linear-gradient(var(--color-text-tertiary), transparent);width:1px;height:28px;margin:8px 0 0 4px;display:block}.door-reference{z-index:3;background:linear-gradient(to bottom, #0a0a0b00, var(--color-surface-bg) 24svh);padding-top:24svh;position:relative;container-type:inline-size}.door-detail{max-width:56rem;margin:0 auto;padding:0 16px}@media (min-width:640px){.door-detail{padding:0 24px}}.leaks-route:has(.door) section[aria-labelledby=leaks-about]{border-top-color:#0000}.door-detail>summary{border-bottom:1px solid var(--color-border-subtle);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;padding:12px 0;list-style:none;display:flex}.door-detail:first-child>summary{border-top:1px solid var(--color-border-subtle)}.door-detail>summary::-webkit-details-marker{display:none}.door-detail>summary:after{content:"+";font-family:var(--font-mono,monospace);color:var(--color-text-tertiary);transition:transform .15s}.door-detail[open]>summary:after{transform:rotate(45deg)}.door-detail>summary h2{font-family:var(--font-mono,monospace);color:var(--color-text-primary);font-size:14px;font-weight:700}.door-detail[open]{padding-bottom:24px}.door-detail[open]>summary{margin-bottom:16px}.door-detail>ol+p{margin-top:16px}.door-demonstration{width:min(100cqw - 32px,80rem);margin-left:calc(50% + -1*min(50cqw - 16px,40rem))}@media (min-width:640px){.door-demonstration{width:min(100cqw - 48px,80rem);margin-left:calc(50% + -1*min(50cqw - 24px,40rem))}}.door-demonstration-press{border-top:1px solid var(--color-border-subtle);margin-top:2.5rem;padding-top:1.5rem}.door-ref-method{gap:12px;max-width:42rem;display:grid}.door-ref-method li{color:var(--color-text-secondary);grid-template-columns:2rem 1fr;gap:8px;font-size:15px;line-height:1.6;display:grid}.door-ref-method li>span:first-child{color:var(--color-text-secondary);font-weight:700}.door-ref-close{color:var(--color-text-primary);max-width:42rem;font-size:15px;line-height:1.6}.door-ref-steps{background:var(--color-border-subtle);border:1px solid var(--color-border-subtle);gap:1px;display:grid}@media (min-width:640px){.door-ref-steps{grid-template-columns:1fr 1fr}}.door-ref-steps li{background:var(--color-surface-bg);grid-template-columns:2rem 1fr;gap:4px 8px;padding:16px;display:grid}.door-ref-steps li>span{color:var(--color-text-secondary);font-size:14px;font-weight:700}.door-ref-steps h3{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.04em;font-size:14px;font-weight:700}.door-ref-steps p{color:var(--color-text-secondary);grid-column:2;font-size:14px;line-height:1.6}.door-source{color:var(--color-text-tertiary);text-wrap:pretty;max-width:34rem;font-size:12px;line-height:1.55}@media (max-width:900px){.door{--copy-top:64svh}.door-wide-only{display:none}.door-scrim{background:linear-gradient(to top, #0a0a0bf0 0, #0a0a0bf0 var(--copy-top), #0a0a0b00 calc(var(--copy-top) + 16svh))}.door[data-stage=none] .door-scrim{background:linear-gradient(to top, #0a0a0bf0 0, #0a0a0bf0 var(--copy-top), #0a0a0b00 calc(var(--copy-top) + 4svh))}.door-copy{max-width:100%;transition:opacity .22s ease-out,visibility}.door-copy[data-out=true]{opacity:0;visibility:hidden;transition:opacity .22s ease-in,visibility 0s linear .22s}.door{--hold-gap:5svh}.door-beat{padding-top:24px;padding-bottom:var(--hold-gap);justify-content:flex-end}.door-beat:not(.door-beat-hero)>.door-copy{bottom:var(--hold-gap);position:sticky}.door-beat-hero{justify-content:flex-end;padding-bottom:5svh}.door-hud,.door-scroll-cue{display:none}.door-map{left:16px;right:16px;top:calc(var(--header-h) + 8px);justify-items:center;gap:8px;width:auto;transform:none}.door-map-grid{width:clamp(60px, calc(var(--film-room,36svh) - 84px), 220px);gap:2px}.door-map figcaption{text-align:center;order:-1;padding:2px 6px;font-size:9px}.door-map-key{justify-content:center;font-size:10px}.door-still-board>[role=img]{width:clamp(60px, calc(var(--film-room,36svh) - 40px), 280px)}}@media (prefers-reduced-motion:reduce){.door-canvas,.door-hud,.door-hud-row,.door-hud-track i,.door-scroll-cue,.door-copy,.door-copy[data-out=true]{transition:none}.door-count{animation:none}}