/* The gate redesign study lives inside the journey. Prefixes keep the established boards intact. */
#crossing-redesign{--gx-accent:#e5bd69;--gx-muted:#bdb29b;scroll-margin-top:20px;margin-top:64px;border-top:2px solid var(--ver);padding-top:36px}
#crossing-redesign button,#crossing-redesign input{font:inherit}
#crossing-redesign button,.gx-lightbox button{cursor:pointer;color:var(--ink);background:#211c18;border:1px solid #7c6850;border-radius:2px}
#crossing-redesign button:focus-visible,#crossing-redesign input:focus-visible,.gx-lightbox button:focus-visible{outline:3px solid #f2d28a;outline-offset:4px}
#crossing-redesign button:hover,.gx-lightbox button:hover{background:#342a20;border-color:#e5bd69}
.gx-eyebrow{font:12px/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ef8e72;margin:0 0 16px}
.gx-heading{font-size:clamp(32px,4.4vw,62px);line-height:1.15;letter-spacing:-.035em;max-width:16ch;margin:0 0 20px}
.gx-intro{max-width:70ch;color:#d7ccba;margin:0 0 22px}
.gx-inheritance{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0 26px}
.gx-inheritance p{font-size:14px;color:#d3c4a8;margin:0}
.gx-inheritance b{display:block;color:#e7c07a;font:12px/1.8 system-ui,sans-serif;margin-bottom:5px}
.gx-rules{border-block:1px solid var(--line);padding:15px 0;margin:0 0 32px;color:#d6c7ad;font-size:15px}
.gx-rules b{color:#f0cb80}
.gx-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:34px;align-items:start}
.gx-screen{position:relative;isolation:isolate;aspect-ratio:3/4;background:#0b0908;overflow:hidden;border:1px solid #594a37}
.gx-frames{position:absolute;inset:0}
.gx-shot{position:absolute;inset:0;overflow:hidden;opacity:0;will-change:transform;transform-origin:50% 60%}
.gx-shot img{position:absolute;top:0;width:300%;max-width:none;height:100%;object-fit:fill;border:0;display:block}
.gx-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0004,transparent 15%,transparent 78%,#0007);z-index:3}
.gx-scene-label{position:absolute;inset:16px 16px auto;z-index:4;display:flex;justify-content:space-between;gap:12px;color:#fff0d1;text-shadow:0 1px 6px #000;font:11px/1.5 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gx-frame-note{position:absolute;inset:auto 16px 16px;z-index:4;color:#fff0d1;text-shadow:0 1px 6px #000;font:12px/1.5 system-ui,sans-serif}
.gx-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.gx-particle{position:absolute;display:block;background:var(--gx-accent);opacity:.6;will-change:transform}
.gx-particles[data-kind="garden"] .gx-particle{width:9px;height:7px;border-radius:70% 70% 20% 20%;background:#e6b441}
.gx-particles[data-kind="paper"] .gx-particle{width:8px;height:4px;background:#fff3d8;box-shadow:0 1px 2px #4d291377}
.gx-particles[data-kind="loom"] .gx-particle{width:1px;height:36px;background:#f8d398}
.gx-particles[data-kind="lacquer"] .gx-particle{width:2px;height:3px;box-shadow:0 0 7px #ffd05d}
.gx-particles[data-kind="theatre"] .gx-particle{width:3px;height:3px;background:#e6bb66}
.gx-particles[data-kind="gilded-theatre"] .gx-particle{width:2px;height:3px;background:#d9bb78}
.gx-particles[data-kind="eclipse"] .gx-particle{width:2px;height:2px;background:#fff3e5}
.gx-particles[data-kind="unwritten"] .gx-particle{width:4px;height:2px;background:#29201d}
.gx-particles[data-kind="atelier"] .gx-particle{width:3px;height:3px;border-radius:50%;background:#f8dfc4}
.gx-particles[data-kind="impossible"] .gx-particle{width:2px;height:2px;background:#d7c9b4}
.gx-particles[data-kind="migration"] .gx-particle{width:9px;height:2px;border-radius:70% 20%;background:#f8e9d0}
.gx-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 10px}
.gx-transport button{min-height:42px;padding:7px 15px;font:14px system-ui,sans-serif!important}
.gx-transport output{margin-left:auto;color:#e8d5b2;font:13px/1.5 ui-monospace,monospace;white-space:nowrap}
.gx-scrub-label{display:block;font:12px/1.5 system-ui,sans-serif;color:#c5b79d}
#gx-scrub{display:block;accent-color:#d9b36d;width:100%;height:30px;margin:0;cursor:ew-resize}
.gx-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0 12px}
.gx-cues[hidden]{display:none}
#crossing-redesign .gx-cues button{font:12px/1.5 system-ui,sans-serif;min-height:44px;padding:7px 8px;text-align:left}
#crossing-redesign .gx-cues button[aria-pressed="true"]{background:#3b2b17;border-color:#edc573}
.gx-player-status,.gx-caption{color:var(--gx-muted);font:12px/1.6 system-ui,sans-serif;margin:8px 0}
.gx-options{display:grid;gap:0;margin:0 0 28px;border-top:1px solid #574631}
.gx-option-batch summary{padding:13px 8px;cursor:pointer;border-bottom:1px solid #574631;color:#ebc688;font:13px/1.6 system-ui,sans-serif}
.gx-option-batch summary:hover{background:#241c14}
.gx-option-batch summary:focus-visible{outline:3px solid #f2d28a;outline-offset:3px}
#crossing-redesign .gx-option{display:grid;grid-template-columns:32px 1fr;gap:0 10px;padding:13px 8px;min-height:62px;text-align:left;background:none;border:0;border-bottom:1px solid #574631;border-radius:0}
.gx-option>span{grid-row:1/3;color:#c6a979;font:13px/1.7 ui-monospace,monospace;padding-top:3px}
.gx-option b{font-size:19px;font-weight:400;line-height:1.4}
.gx-option small{font:12px/1.6 system-ui,sans-serif;color:#bdb29b}
#crossing-redesign .gx-option[aria-pressed="true"]{background:#2e2418;box-shadow:inset 3px 0 #e5bd69}
.gx-live-title{font-size:27px;line-height:1.3;margin:0 0 10px}
.gx-live-copy{color:#d8cbb4;font-size:15px;margin:0 0 14px}
.gx-live-phase{border-left:2px solid #d9b36d;padding-left:14px;margin:0 0 18px}
.gx-live-phase b{font:12px/1.5 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#edca86}
.gx-live-phase p{font-size:15px;line-height:1.7;margin:6px 0 0;color:#d9cfbe}
.gx-board-link{font-size:14px;text-underline-offset:4px}
.gx-beat-map{margin:32px 0 50px;padding:20px 0;border-block:1px solid var(--line)}
.gx-beat-map h3,.gx-comparison h3{font-size:22px;margin:0 0 14px}
.gx-beats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.gx-beats p{font-size:14px;margin:0;color:#cabc9f}
.gx-beats b{display:block;font:12px/1.6 ui-monospace,monospace;color:#e6bd70;margin-bottom:4px}
.gx-beats strong{display:block;color:#eee0c3;font-weight:400}
.gx-concept{padding-top:42px;margin-top:18px;border-top:1px solid #5b4631;scroll-margin-top:24px}
.gx-concept-head{display:grid;grid-template-columns:46px 1fr;gap:14px;margin-bottom:18px}
.gx-developed .gx-concept-head{grid-template-columns:84px minmax(0,1fr)}
.gx-developed .gx-concept-no{font-size:16px;line-height:2;white-space:nowrap;padding-top:3px}
.gx-archive{margin-top:48px;border-top:1px solid #685034;padding-top:16px}
.gx-archive>summary{cursor:pointer;padding:12px 0;color:#e8bf7a;font-size:22px}
.gx-archive>summary:focus-visible{outline:3px solid #f2d28a;outline-offset:4px}
.gx-concept-no{color:#cb805d;font:26px/1.3 ui-monospace,monospace}
.gx-concept h3{font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2;margin:0 0 8px}
.gx-concept-head p{font-size:15px;color:#cdbb9e;margin:0;max-width:70ch}
.gx-board{margin:0 0 20px}
#crossing-redesign .gx-zoom{display:block;width:100%;padding:0;background:#0b0908;border:1px solid #62503b;cursor:zoom-in}
.gx-board img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:9/4;object-fit:contain;border:0;border-radius:0;background:#0b0908}
.gx-board figcaption{max-width:none;font:12px/1.7 system-ui,sans-serif;color:#c2b297}
.gx-keyframes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.gx-keyframes h4{font:12px/1.7 ui-monospace,monospace;color:#e6bd70;margin:0 0 7px}
.gx-keyframes p{margin:0;font-size:14px;line-height:1.8;color:#d4c6ad}
.gx-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 26px;margin:0 0 22px}
.gx-detail div{padding-top:12px;border-top:1px solid var(--line)}
.gx-detail dt{font:11px/1.5 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e1b575;margin-bottom:6px}
.gx-detail dd{margin:0;color:#d4c6ad;font-size:14px;line-height:1.8}
.gx-swatches{display:flex;gap:6px;margin:14px 0 0;align-items:center}
.gx-swatches i{display:inline-block;width:27px;height:14px;border:1px solid #aaa6}
.gx-swatches span{font:11px system-ui,sans-serif;color:#bdb29b;margin-left:8px}
.gx-action{font:13px system-ui,sans-serif!important;padding:9px 14px;min-height:40px}
.gx-comparison{padding-top:46px;margin-top:24px;border-top:1px solid #685034}
.gx-table-wrap{overflow:auto}
.gx-comparison table{border-collapse:collapse;width:100%;min-width:580px;font-size:14px}
.gx-comparison th,.gx-comparison td{padding:13px 14px 13px 0;text-align:left;vertical-align:top;border-bottom:1px solid #574631}
.gx-comparison th{color:#e6bd70;font:12px/1.7 system-ui,sans-serif}
.gx-comparison td{color:#d4c6ad}
.gx-comparison td:first-child{color:#f0dfbf}
.gx-decision{font-size:15px;color:#dfcaa5;max-width:76ch;margin:22px 0 0}
.gx-superseded{font:13px/1.7 system-ui,sans-serif!important;border-left:2px solid #d99a65;padding-left:12px;margin-bottom:18px!important;color:#f1c894!important}
.gate:has(.gx-superseded){background:#171311;border-color:#78563c}
.gx-lightbox{width:calc(100vw - 32px);max-width:1800px;max-height:calc(100dvh - 32px);padding:16px;background:#100d0b;color:#eee0c3;border:1px solid #ad8c5a}
.gx-lightbox::backdrop{background:#000e}
.gx-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;font:14px/1.5 system-ui,sans-serif}
.gx-lightbox button{padding:10px 16px;min-height:40px;font:14px system-ui,sans-serif}
.gx-lightbox img{display:block;width:100%;height:auto;max-height:calc(100dvh - 140px);object-fit:contain}
.gx-nav-link{color:#ecc47c!important}
@media(max-width:900px){.gx-layout{gap:24px}.gx-options{margin-bottom:20px}.gx-option b{font-size:17px}.gx-live-title{font-size:23px}.gx-beats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){.gx-layout{grid-template-columns:1fr}.gx-preview{max-width:430px;width:100%;margin:auto}.gx-info{display:contents}.gx-options{grid-row:1}.gx-live{margin-top:2px}.gx-beats{grid-template-columns:repeat(2,minmax(0,1fr))}.gx-keyframes,.gx-detail{grid-template-columns:1fr}.gx-keyframes{gap:16px}.gx-concept-head{grid-template-columns:32px 1fr;gap:8px}.gx-concept-no{font-size:21px}.gx-heading{max-width:18ch}.gx-eyebrow{font-size:10px}.gx-lightbox{padding:10px}.gx-lightbox header{font-size:12px}#crossing-redesign{scroll-margin-top:70px}}
@media(prefers-reduced-motion:reduce){.gx-particles{display:none}.gx-shot{will-change:auto}#crossing-redesign{scroll-behavior:auto}}
@media(max-width:660px){.gx-inheritance{grid-template-columns:1fr;gap:14px}.gx-developed .gx-concept-head{grid-template-columns:1fr;gap:4px}.gx-archive>summary{font-size:19px}}
/* Giltfall: the active campaign direction; earlier boards live only in the appendix. */
#crossing-redesign .gx-heading{font-size:clamp(58px,8vw,106px);line-height:1;letter-spacing:-.055em;margin-bottom:24px}
.gx-deck{font-size:clamp(22px,2.6vw,34px);line-height:1.35;color:#f0d9ad;margin:0 0 22px;letter-spacing:-.02em}
.gx-progression{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:30px;padding:4px 0 12px}
#crossing-redesign .gx-visit{display:block;min-width:0;padding:0 0 10px;text-align:left;border:1px solid #554431;background:#120f0d;color:#e7d4b0}
.gx-thumb{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#0b0908;margin-bottom:10px;isolation:isolate}
.gx-thumb img{position:absolute;top:0;max-width:none;width:300%;height:100%;display:block;object-fit:fill}
.gx-visit-no,.gx-visit b,.gx-visit small{display:block;margin-inline:8px}
.gx-visit-no{font:10px/1.5 ui-monospace,monospace;color:#c09e6a;margin-bottom:5px;white-space:nowrap}
.gx-visit b{font-size:16px;line-height:1.3;font-weight:400;margin-bottom:6px;min-height:2.6em}
.gx-visit small{font:10px/1.5 system-ui,sans-serif;color:#b8a98d}
#crossing-redesign .gx-visit[aria-pressed="true"]{border-color:#f0c777;background:#322516;box-shadow:0 0 0 1px #e3b666}
#crossing-redesign .gx-visit:hover{border-color:#b58e54;background:#241b12}
.gx-strip-caption{margin-bottom:34px}
.gx-info{padding-top:12px}
.gx-wear{padding-top:18px;border-top:1px solid #574631;margin:24px 0}
.gx-wear>b{font:11px/1.6 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#dfba7b}
.gx-wear p{font-size:15px;line-height:1.8;color:#c9b99b;margin:8px 0 0}
.gx-short-beats{grid-template-columns:repeat(3,minmax(0,1fr))}
.gx-active-board h3{margin:0 0 12px;font-size:clamp(28px,3vw,40px);font-weight:400}
.gx-board-route{font:13px/1.6 system-ui,sans-serif;color:#cdb590;margin:0 0 20px}
.gx-particles[data-kind="giltfall"] .gx-particle{width:2px;height:2px;background:#cfa961;opacity:.35}
.gx-build-notes{margin:20px 0 32px;border-block:1px solid #5b4631;padding:16px 0}
.gx-build-notes summary{font-size:18px;color:#e4bf80;cursor:pointer;min-height:44px;align-content:center}
.gx-build-notes .gx-detail{margin-top:18px}
.gx-build-notes summary:focus-visible{outline:3px solid #f2d28a;outline-offset:3px}
#gx-archive{--gx-muted:#bdb29b;--gx-accent:#e5bd69;scroll-margin-top:30px;margin-top:60px}
#gx-archive .gx-history-heading{font-size:24px;margin:50px 0 0;color:#e6c286}
#gx-archive button,.gx-route-gate button{font:inherit;cursor:pointer;color:var(--ink);background:#211c18;border:1px solid #7c6850;border-radius:2px}
#gx-archive button:hover,.gx-route-gate button:hover{background:#342a20;border-color:#e5bd69}
#gx-archive button:focus-visible,.gx-route-gate button:focus-visible{outline:3px solid #f2d28a;outline-offset:4px}
#gx-archive .gx-zoom,.gx-route-gate .gx-zoom{display:block;width:100%;padding:0;background:#0b0908;border:1px solid #62503b;cursor:zoom-in}
.gate.gx-route-gate{border:1px solid #6b4d2f;border-radius:0;background:linear-gradient(140deg,#211a11,#0e0c0a 70%);padding:28px 24px;margin-top:58px}
.gate.gx-route-gate h3{font-size:32px;font-weight:400;color:#efcc8d;margin:4px 0 12px;line-height:1.2}
.gate.gx-route-gate p{color:#d0c0a3;font-size:15px;line-height:1.8;margin:10px 0}
.gate.gx-route-gate .gx-eyebrow{color:#d29c66;font:11px/1.6 system-ui,sans-serif;letter-spacing:.12em;margin-top:0}
.gate.gx-route-gate .gx-route-destination{color:#e5c38a;font:13px/1.6 system-ui,sans-serif}
.gate.gx-route-gate .gx-route-memory{font-size:14px;color:#bca98c;margin:18px 0}
.gx-route-gate .gx-board{margin-top:22px}
.gx-underwater{margin:48px 0 20px;border-top:1px solid #5b4631;padding-top:18px}
.gx-underwater>summary{font-size:20px;color:#c3b08f;cursor:pointer}
#crossing-redesign [hidden]{display:none!important}
#gx-return{display:block;margin-top:22px}
@media(max-width:1100px){.gx-progression{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:4px 3px 16px}.gx-visit{flex:0 0 125px;scroll-snap-align:start}.gx-visit b{font-size:17px}.gx-visit small{font-size:11px}}
@media(max-width:660px){.gx-deck{font-size:26px}.gx-progression{margin-top:22px;margin-right:-12px}.gx-visit{flex-basis:116px}.gx-info{display:block;padding-top:0}.gx-live{margin-top:0}.gx-short-beats{grid-template-columns:1fr;gap:20px}.gate.gx-route-gate{padding:22px 14px}.gate.gx-route-gate h3{font-size:28px}.gx-route-gate .gx-eyebrow{font-size:10px}.gx-live-title{font-size:28px}.gx-build-notes summary{font-size:17px}}