.gate-layout{pointer-events:auto;grid-template-columns:minmax(0,620px);align-items:center;gap:clamp(32px,5vw,78px);width:min(1220px,100% - 64px);margin:0 auto;padding:144px 0 56px;display:grid;position:relative}.gate-intro{min-width:0}.gate-headline{max-width:11ch;font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink-strong);text-wrap:balance;margin-top:14px;font-size:clamp(44px,4.5vw,64px);font-weight:700;line-height:1.03}.gate-subtitle{color:var(--ink);margin-top:24px;font-size:21px;line-height:1.5}.gate-door{margin:32px 0 24px}.gate-door-notes{border-radius:var(--radius-control);background:color-mix(in srgb, var(--canvas) 72%, transparent);-webkit-backdrop-filter:blur(6px);flex-direction:column;gap:6px;width:fit-content;max-width:100%;margin-left:-12px;padding:8px 12px;display:flex}.gate-steps{border-top:1px solid var(--border);color:var(--ink);flex-wrap:wrap;gap:16px;padding-top:20px;font-size:12px;display:flex}.gate-steps li{align-items:center;gap:7px;display:flex}.gate-steps span{color:var(--ink-muted);font-variant-numeric:tabular-nums}.gate-builder-link{min-height:48px;color:var(--action);align-items:center;margin-top:8px;font-size:14px;font-weight:600;display:inline-flex}.companion-box{background:color-mix(in srgb, var(--surface) 94%, transparent);border:1px solid var(--border-strong);min-width:0;box-shadow:var(--shadow-hero);border-radius:22px;padding:24px}.companion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.companion-tile{border:1px solid var(--border);background:var(--surface-subtle);min-width:0;transition:background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast);border-radius:12px;flex-direction:column;align-items:center;padding:12px 6px 14px;display:flex;position:relative}.companion-tile:hover,.companion-tile:focus-visible{border-color:var(--action);background:var(--surface-elevated);transform:translateY(-3px)}.companion-number{color:var(--ink-muted);align-self:flex-start;font-size:10px}.companion-art{justify-content:center;align-items:center;width:100%;height:106px;display:flex}.companion-art img{object-fit:contain;filter:drop-shadow(0 6px 7px #132a4638);width:100%;height:100%}.companion-name{text-align:center;min-height:32px;color:var(--ink-strong);align-items:center;font-size:12px;font-weight:600;line-height:1.3;display:flex}.companion-note{text-align:center;color:var(--ink-muted);font-size:10px}@media (max-width:1023px){.gate-layout{grid-template-columns:1fr;gap:32px;width:min(760px,100% - 48px);padding-top:112px}.gate-headline{max-width:15ch;font-size:52px}.gate-door{max-width:580px}.companion-art{height:132px}}@media (max-width:639px){.gate-layout{gap:24px;width:calc(100% - 32px);padding-top:142px;padding-bottom:24px}.gate-headline{font-size:42px}.gate-subtitle{margin-top:16px;font-size:18px}.gate-door{margin-top:24px}.companion-box{padding:16px}.companion-grid{gap:8px}.companion-art{height:85px}.companion-note{display:none}.companion-name{font-size:11px}}@media (prefers-reduced-motion:reduce){.companion-tile{transition:none;transform:none}}.companion-tile{text-decoration:none}.gate-map-door{left:calc(var(--door-x-m) * 1cqw);top:calc(var(--door-y-m) * 1cqw);min-height:var(--control-min);border-radius:var(--radius-control);box-shadow:var(--shadow-card);color:var(--ink-strong);pointer-events:auto;transition:transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease);flex-direction:column;gap:2px;padding:8px 12px;text-decoration:none;display:none;position:absolute;transform:translate(-50%,-100%)}.gate-map-door:after{content:"";background:var(--action);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--surface) 80%, transparent);border-radius:999px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.gate-map-door:hover,.gate-map-door:focus-visible{box-shadow:var(--shadow-hero);transform:translate(-50%,calc(-100% - 3px))}.gate-map-door-label{color:var(--action);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.gate-map-door-note{color:var(--ink-muted);white-space:nowrap;font-size:12px}@media (min-width:1024px){.gate-map-door{left:calc(var(--door-x-d) * 1cqw);top:calc(var(--door-y-d) * 1cqw);display:flex}}@media (max-width:639px){.gate-map-door-note{display:none}}.companion-row{min-height:var(--control-min);border:1px solid var(--border);background:var(--surface-subtle);transition:border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;text-decoration:none;display:flex}.companion-row:hover,.companion-row:focus-visible{border-color:var(--action);background:var(--surface-elevated);transform:translateY(-2px)}