.phase-transition{position:fixed;inset:0;z-index:100;display:grid;overflow:hidden;place-items:center;pointer-events:none;visibility:hidden;background:#030303;opacity:0;transition:opacity 360ms ease,visibility 0s linear 1800ms}.phase-transition.active{visibility:visible;opacity:1;transition-delay:0s}body.phase-locked{overflow:hidden;touch-action:none}.phase-grid{position:absolute;inset:-20%;opacity:.42;background:linear-gradient(rgba(212,170,88,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(212,170,88,.09) 1px,transparent 1px);background-size:54px 54px;transform:perspective(520px) rotateX(66deg) translateY(23%);transform-origin:center bottom}.phase-scan{position:absolute;inset-inline:-10%;top:-12%;height:14%;background:linear-gradient(180deg,transparent,rgba(190,23,35,.12),rgba(245,217,143,.75),transparent);filter:blur(7px);opacity:0}.phase-transition.active .phase-scan{opacity:1;animation:phase-scan 1520ms cubic-bezier(.2,.7,.15,1) forwards}.phase-core{position:relative;width:min(88vw,860px);padding:34px 24px;border-block:1px solid rgba(212,170,88,.34);text-align:center}.phase-kicker,.phase-status{display:block;color:var(--gold-soft);font-size:.66rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.phase-message{display:flex;justify-content:center;gap:.025em;min-height:1.2em;margin:12px 0 16px;color:var(--gold-bright);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,7vw,5.7rem);letter-spacing:-.055em;line-height:.95;text-shadow:0 0 32px rgba(212,170,88,.38)}.phase-letter{display:inline-block;opacity:0;transform:translateY(22px) scale(.72)}.phase-transition.active .phase-letter{animation:phase-letter 1080ms cubic-bezier(.18,.84,.3,1) forwards;animation-delay:calc(var(--letter-index)*44ms)}.route-map{overflow:hidden;background:linear-gradient(120deg,rgba(143,7,18,.055),transparent 34%),rgba(5,5,5,.72)}.route-map-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(480px,1fr);gap:72px;align-items:center}.route-map-copy{max-width:560px;margin:22px 0 0;color:var(--muted);line-height:1.75}.route-console{display:grid;gap:10px}.route-option{position:relative;display:grid;grid-template-columns:50px 1fr;gap:16px;overflow:hidden;padding:20px;border:1px solid var(--line);border-radius:14px;color:var(--cream);background:linear-gradient(110deg,rgba(212,170,88,.07),transparent 45%),rgba(10,10,10,.82);text-decoration:none;transition:border-color 180ms ease,background 180ms ease,box-shadow 180ms ease,transform 180ms ease}.route-option::after{position:absolute;inset-block:0;left:-30%;width:16%;content:"";opacity:0;background:linear-gradient(90deg,transparent,rgba(245,217,143,.28),transparent);transform:skewX(-18deg);transition:left 520ms ease,opacity 180ms ease}.route-option:hover,.route-option:focus-visible{border-color:rgba(245,217,143,.64);background:linear-gradient(110deg,rgba(212,170,88,.14),transparent 50%),rgba(16,14,13,.95);box-shadow:0 16px 48px rgba(0,0,0,.32),0 0 24px rgba(143,7,18,.1);transform:translateX(8px)}.route-option:hover::after,.route-option:focus-visible::after{left:118%;opacity:1}.route-code{color:var(--red-bright);font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;line-height:1}.route-option strong,.route-option small{display:block}.route-option strong{color:var(--gold-bright);font-size:.98rem}.route-option small{margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.materialising{animation:section-materialise 1360ms cubic-bezier(.18,.84,.3,1)}.about-next{margin-top:42px}@keyframes phase-scan{0%{transform:translateY(0)}100%{transform:translateY(900%)}}@keyframes phase-letter{0%{opacity:0;transform:translateY(22px) scale(.72);filter:blur(8px)}62%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes section-materialise{0%{opacity:0;transform:translateY(28px);filter:blur(12px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@media (max-width:1000px){.route-map-grid{grid-template-columns:1fr;gap:34px}}@media (max-width:720px){.phase-transition{inset:-12vh -8vw;width:auto;height:auto;min-height:124vh}.phase-core{width:min(calc(100vw - 32px),420px);max-width:calc(100vw - 32px);overflow:hidden;padding:28px 8px}.phase-grid{inset:0;background-size:34px 34px;transform:none}.phase-message{flex-wrap:nowrap;gap:0;width:100%;overflow:hidden;font-size:clamp(1.45rem,7.2vw,2.25rem);line-height:1.12}.phase-kicker,.phase-status{font-size:.58rem;letter-spacing:.14em}.route-option{grid-template-columns:40px 1fr;gap:10px;padding:16px}.route-option:hover,.route-option:focus-visible{transform:none}}@media (prefers-reduced-motion:reduce){.phase-transition{display:none}.materialising{animation:none}}
