*{margin:0}html,body,#root{height:100%}.studio{--st-bg:#0c1014;--st-panel:#121820eb;--st-ink:#e8e2d4;--st-dim:#8a8478;--st-gold:#e8c56a;--st-line:#e8dfc824;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 80% 50% at 10% 0%, #283c5059, transparent), var(--st-bg);height:100%;max-height:100%;color:var(--st-ink);box-sizing:border-box;padding:1.25rem 1.5rem 3rem;font-family:Outfit,system-ui,sans-serif;overflow:hidden auto}.studio-top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.studio-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--st-gold);margin:0;font-size:.7rem}.studio-top h1{letter-spacing:.02em;margin:.15rem 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:2.4rem;font-weight:500}.studio-sub{color:var(--st-dim);margin:.35rem 0 0;font-size:.85rem}.studio-top-actions{gap:.5rem;display:flex}.studio-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.studio-tabs button,.studio-btn{border:1px solid var(--st-line);color:var(--st-ink);font:inherit;cursor:pointer;background:#ffffff08;border-radius:999px;align-items:center;padding:.45rem .9rem;font-size:.8rem;text-decoration:none;display:inline-flex}.studio-tabs button.is-on,.studio-list button.is-on{color:var(--st-gold);background:#e8c56a1f;border-color:#e8c56a8c}.studio-btn.gold{background:var(--st-gold);color:#1a1208;border-color:var(--st-gold)}.studio-btn.danger{color:#e8a090;border-color:#c8504680}.studio-btn:disabled{opacity:.4;cursor:not-allowed}.studio-body{grid-template-columns:minmax(12rem,16rem) 1fr;gap:1rem;min-height:70vh;display:grid}.studio-list{flex-direction:column;gap:.35rem;max-height:75vh;display:flex;overflow:auto}.studio-list button{text-align:left;border:1px solid var(--st-line);background:var(--st-panel);color:var(--st-ink);font:inherit;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.78rem;display:flex}.studio-main{background:var(--st-panel);border:1px solid var(--st-line);border-radius:14px;flex-direction:column;gap:.75rem;min-width:0;padding:1rem 1.1rem 1.25rem;display:flex}.studio-meta{align-items:center;gap:.75rem;display:flex}.studio-meta h2{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:500}.studio-brief{color:var(--st-gold);margin:0;font-size:.9rem}.studio-creature{color:#f0e2b8;background:#e8c56a14;border:1px solid #e8c56a47;border-radius:10px;margin:0;padding:.55rem .7rem;font-size:.82rem;line-height:1.4}.studio-hint{color:var(--st-dim);margin:0;font-size:.8rem;line-height:1.45}.journey-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.journey-strip-cell{border:1px solid var(--st-line);background:#05080c;border-radius:10px;margin:0;overflow:hidden}.journey-strip-cell figcaption{letter-spacing:.06em;text-transform:uppercase;color:var(--st-dim);border-bottom:1px solid var(--st-line);padding:.4rem .55rem;font-size:.68rem}.journey-strip-cell video{aspect-ratio:21/9;object-fit:cover;background:#05080c;width:100%;display:block}.journey-strip-cell .studio-empty{place-items:center;min-height:6rem;font-size:.75rem;display:grid}.journey-play-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.82rem;display:flex}.journey-play-stage{min-height:280px}.journey-mini{flex-direction:column;gap:.45rem;display:flex}@media (width<=900px){.journey-strip{grid-template-columns:1fr}}.studio-preview{background:#05080c;border-radius:10px;place-items:center;min-height:220px;display:grid;overflow:hidden}.studio-preview img,.studio-preview video{object-fit:contain;background:#05080c;width:100%;max-height:52vh;display:block}.studio-empty{color:var(--st-dim);text-align:center;padding:2rem}.studio-actions{flex-wrap:wrap;gap:.5rem;display:flex}.studio-actions-approve{z-index:3;background:linear-gradient(#121820d9,#121820fa 30%);border-radius:0 0 14px 14px;margin:0 -1.1rem -1.25rem;padding:.75rem 1.1rem 1.1rem;position:sticky;bottom:0}.studio-reject{border-top:1px solid var(--st-line);flex-direction:column;gap:.45rem;padding-top:.75rem;display:flex}.studio-reject textarea{resize:vertical;border:1px solid var(--st-line);width:100%;color:var(--st-ink);font:inherit;background:#00000059;border-radius:10px;padding:.65rem .75rem}.studio-feedback ul{color:var(--st-dim);margin:.35rem 0 0;padding-left:1.1rem;font-size:.8rem}.st-badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--st-line);white-space:nowrap;border-radius:999px;padding:.15rem .4rem;font-size:.65rem}.st-approved{color:#8fd4a4;border-color:#64b47866}.st-pending{color:var(--st-gold);border-color:#e8c56a66}.st-rejected{color:#e8a090;border-color:#c8504666}.st-missing{color:var(--st-dim)}.studio-queue{background:var(--st-panel);border:1px solid var(--st-line);border-radius:14px;padding:1.1rem 1.25rem}.studio-queue ol{margin:.5rem 0 1.25rem;padding-left:1.2rem}.studio-queue li{flex-direction:column;gap:.15rem;margin:.45rem 0;display:flex}.studio-queue li span{color:var(--st-dim);font-size:.8rem}.studio-yaw{columns:2;color:var(--st-dim);gap:1.5rem;font-size:.8rem}@media (width<=800px){.studio-body{grid-template-columns:1fr}.studio-yaw{columns:1}}:root{--ink:#f2eee6;--ink-dim:#f2eee694;--sea-deep:#071018;--panel:#081018b8;--panel-edge:#e8dfc81f;--gold:#e8c56a;--teal:#7ec8c0;--hud-live:#7ecbff;--hud-glass:#060a106b;--hud-glass-strong:#060a109e;--atm-vignette:#00000059;--atm-grade:transparent;--atm-accent:#7ec8c0;--font-display:"Cormorant Garamond", "Times New Roman", serif;--font-ui:"Outfit", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--sea-deep);width:100%;height:100%;color:var(--ink);font-family:var(--font-ui);margin:0;overflow:hidden}body{background:#071018}.app-boot{background:#071018;position:absolute;inset:0}.app{width:100%;height:100%;position:relative}.map-root{z-index:0;position:absolute;inset:0}.map-root canvas{display:block;width:100%!important;height:100%!important}.shipview{background:#04080c;width:100%;height:100%;position:relative;overflow:hidden}.shipview-stage{cursor:ew-resize;background:#04080c;position:absolute;inset:0;overflow:hidden}.shipview-video{object-fit:cover;object-position:center center;opacity:0;pointer-events:none;width:100%;height:100%;transition:none;display:block;position:absolute;inset:0}.shipview-video.is-active{opacity:1;z-index:1}.hud{z-index:6;pointer-events:none;contain:layout style;background:linear-gradient(#04080c47 0%,#04080c14 10%,#0000 22%),linear-gradient(#0000 62%,#04080c52 78%,#04080cad 88%,#04080cf0 100%);position:absolute;inset:0}.hud-top-left,.hud-top-right,.hud-bottom{pointer-events:auto}.hud-top-left{flex-direction:column;gap:.55rem;max-width:min(24rem,56vw);display:flex;position:absolute;top:1.15rem;left:1.25rem}.hud-brand{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#f2eee6b8;margin:0;font-size:.68rem;font-weight:500}.hud-chapter{background:var(--hud-glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #f2eee624;border-radius:14px;overflow:hidden}.hud-chapter-toggle{width:100%;color:var(--ink);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.7rem .85rem;display:grid}.hud-chapter-title{flex-direction:column;gap:.12rem;min-width:0;display:flex}.hud-chapter-canto{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:.6rem;font-weight:500}.hud-chapter-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:500;line-height:1.1}.hud-chapter-brand{text-align:right;flex-direction:column;align-items:flex-end;gap:.02rem;display:flex}.hud-chapter-brand .hud-logo-mark{font-family:var(--font-display);letter-spacing:.14em;color:var(--gold);margin:0;font-size:.72rem;line-height:1.1}.hud-chapter-brand .hud-logo-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:0;font-size:1.05rem;font-weight:500;line-height:1.05}.hud-day-chip{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;background:#060a1059;border:1px solid #f2eee633;border-radius:999px;padding:.3rem .65rem;font-size:.65rem}.hud-chapter-chevron{color:var(--ink-dim);font-size:.75rem;line-height:1;transition:transform .18s}.hud-chapter.is-open .hud-chapter-chevron{transform:rotate(180deg)}.hud-chapter-body{border-top:1px solid #f2eee614;margin-top:-.05rem;padding:.7rem .9rem .9rem;overflow:hidden}.hud-chapter-body .hud-day-chip{float:right;margin:0 0 .25rem .85rem}.hud-chapter-kicker{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.6rem;line-height:1.35}.hud-chapter-blurb{font-family:var(--font-display);color:#f2eee6eb;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.hud-stop{flex-direction:column;gap:.1rem;margin:0;display:flex}.hud-canto{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:.62rem;font-weight:500}.hud-stop-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--ink);font-size:clamp(1.55rem,3.2vw,2.35rem);font-weight:500;line-height:1.05}.hud-modes{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.hud-mode{background:var(--hud-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-dim);font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:1px solid #f2eee624;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.68rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.hud-mode.is-active{color:var(--hud-live);background:#7ecbff14;border-color:#7ecbff73}.hud-live-dot{width:.4rem;height:.4rem;box-shadow:none;background:#f2eee659;border-radius:50%}.hud-mode.is-active .hud-live-dot{background:var(--hud-live);box-shadow:0 0 8px #7ecbffb3}.hud-date{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin-left:.25rem;font-size:.68rem}.hud-top-right{display:none}.hud-logo-mark{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;margin:0;font-size:clamp(1.35rem,2.4vw,1.85rem);line-height:1}.hud-logo-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;line-height:1}.hud-coords{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:.68rem}.hud-links{align-items:center;gap:.65rem;display:flex}.hud-link{letter-spacing:.14em;text-transform:uppercase;color:#f2eee6c7;font-size:.68rem;text-decoration:none}.hud-link:hover{color:var(--ink)}.hud-icon-btn{width:1.7rem;height:1.7rem;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #f2eee647;border-radius:50%;place-items:center;padding:0;font-size:.7rem;line-height:1;display:inline-grid}.hud-icon-btn.is-active{color:var(--hud-live);border-color:#7ecbff8c}.hud-log{background:var(--hud-glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #f2eee61f;border-radius:14px;width:min(18.5rem,42vw);padding:.85rem .95rem;position:absolute;top:7.5rem;left:1.25rem}.hud-log-kicker{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.62rem}.hud-log-body{font-family:var(--font-display);color:#f2eee6eb;margin:0;font-size:.98rem;line-height:1.35}.hud-log-next{color:var(--ink-dim);letter-spacing:.02em;margin:.55rem 0 0;font-size:.68rem}.hud-bottom{justify-content:center;padding:0 1.25rem 2.1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-rail{grid-template-columns:auto 1fr;align-items:end;gap:1.1rem;width:min(72vw,58rem);display:grid}.hud-rail-meta{flex-direction:row;align-items:center;gap:.85rem;min-width:7.5rem;display:flex}.hud-text-btn{color:var(--ink-dim);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:.35rem .15rem;font-size:.72rem}.hud-text-btn.is-accent{color:var(--hud-live)}.hud-text-btn:hover:not(:disabled){color:var(--ink)}.hud-text-btn.is-accent:hover:not(:disabled){color:#b7e3ff}.hud-text-btn:disabled{opacity:.35;cursor:default}.hud-timeline{min-width:0;padding:2.4rem .75rem .55rem;position:relative;overflow:visible}.hud-track{background:#f2eee638;height:2px;position:relative}.hud-track-fill{pointer-events:none;will-change:width;background:#7ecbff8c;position:absolute;top:0;bottom:0;left:0}.hud-stop-mark{width:1.75rem;height:1.75rem;color:var(--ink-dim);z-index:2;font:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.hud-stop-mark.is-next{cursor:pointer;z-index:3}.hud-stop-mark.is-locked{pointer-events:none;cursor:default;opacity:.42}.hud-stop-mark.is-demo:not(.is-next):not(.is-current){pointer-events:none;cursor:default}.hud-stop-mark.is-demo:not(.is-current):not(.is-next):not(.is-reached){opacity:.4}.hud-stop-dot{background:#f2eee659;border:1px solid #f2eee640;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:block}.hud-stop-mark.is-demo.is-reached .hud-stop-dot{background:#f2eee6bf}.hud-stop-mark.is-current .hud-stop-dot{background:var(--hud-live);border-color:#b6e6fff2;width:.72rem;height:.72rem;animation:1.7s ease-in-out infinite hud-current-pulse}.hud-stop-mark.is-next .hud-stop-dot{background:var(--hud-live);border-color:#b6e6ffe6;width:.65rem;height:.65rem;animation:none;box-shadow:0 0 10px #7ecbff8c}.hud-stop-mark.is-next .hud-stop-label{opacity:1;color:var(--hud-live)}@keyframes hud-current-pulse{0%,to{box-shadow:0 0 #7ecbff8c,0 0 10px #7ecbff73}50%{box-shadow:0 0 0 10px #7ecbff00,0 0 18px #7ecbffbf}}.hud-stop-label{letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:.78;pointer-events:none;text-shadow:0 1px 10px #000000f2,0 0 18px #000000b3;flex-direction:column;align-items:center;font-size:.62rem;line-height:1.15;display:flex;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%)}.hud-stop-line{text-align:center;white-space:nowrap;display:block}.hud-stop-mark.is-current .hud-stop-label{opacity:1;color:var(--hud-live)}.hud-stop-mark.is-next:hover .hud-stop-dot{border-color:#fff}.hud-stop-mark.is-next:hover .hud-stop-label{opacity:1;color:#b7e3ff}.hud-expand{background:var(--hud-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:1px solid #f2eee629;border-radius:999px;place-self:end;align-items:center;gap:.45rem;margin-bottom:.1rem;padding:.45rem .8rem;font-size:.65rem;text-decoration:none;display:inline-flex}.hud-expand:hover{color:var(--hud-live);border-color:#7ecbff66}.hud-expand-icon{opacity:.8;font-size:.85rem}.map-back-to-prow{z-index:8;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit;background:#081018b8;border:1px solid #e8dfc829;border-radius:999px;padding:.45rem .85rem;text-decoration:none;position:absolute;top:1.1rem;left:1.1rem}@media (width<=900px){.hud-bottom{padding-bottom:calc(2.55rem + env(safe-area-inset-bottom,0px))}.hud-rail{grid-template-columns:1fr;gap:.65rem;width:min(92vw,40rem)}.hud-rail-meta{min-width:0}.hud-top-right .hud-coords{display:none}.hud-timeline{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;padding:2.55rem .5rem 1.1rem;overflow:auto hidden}.hud-track{width:300%;min-width:42rem;height:2px;margin:0 1.25rem}.hud-stop-mark{width:1.85rem;height:1.85rem;padding:0}.hud-stop-label{letter-spacing:.06em;flex-direction:column;align-items:center;font-size:.56rem;line-height:1.12;display:flex;top:auto;bottom:calc(100% + .42rem)}.hud-stop-mark.is-locked .hud-stop-label{opacity:.35}.hud-stop-mark.is-demo .hud-stop-label{opacity:.7}.hud-stop-mark.is-current .hud-stop-label,.hud-stop-mark.is-next .hud-stop-label{opacity:1}.shipview-stage{cursor:default}.motion-enable{z-index:9;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-family:var(--font-ui);letter-spacing:.06em;cursor:pointer;background:#060c12d1;border:1px solid #f2eee647;border-radius:999px;padding:.75rem 1.15rem;font-size:.78rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=560px){.hud-top-left,.hud-top-right,.hud-bottom{left:.75rem;right:.75rem}.hud-top-right{left:auto}.hud-bottom{padding:0 .75rem 1.1rem}.hud-rail{width:100%}.hud-track{width:320%;min-width:40rem}.hud-chapter{max-width:calc(100vw - 1.5rem)}.hud-modes .hud-date{width:100%;margin-left:0}}a.text-btn{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.atm-grade,.atm-vignette{pointer-events:none;z-index:1;transition:background .8s;position:absolute;inset:0}.atm-grade{background:var(--atm-grade,transparent);mix-blend-mode:soft-light}.atm-vignette{background:radial-gradient(ellipse at center, transparent 35%, var(--atm-vignette,transparent) 100%)}.ui{pointer-events:none;z-index:2;grid-template-rows:auto 1fr auto auto;gap:.75rem;padding:clamp(1rem,2.5vw,1.75rem);display:grid;position:absolute;inset:0}.ui>*{pointer-events:auto}.brand{justify-self:start;max-width:18rem;animation:.9s ease-out both rise}.brand-mark{font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:var(--gold);opacity:.85;margin:0;font-size:.85rem}.brand h1{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);text-shadow:none;margin:.15rem 0 0;font-size:clamp(2.6rem,6vw,4rem);font-weight:600;line-height:.92}.brand-sub{color:var(--ink-dim);letter-spacing:.04em;margin:.45rem 0 0;font-size:.9rem}.brand-today{letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:.35rem 0 0;font-size:.72rem}.episode{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);place-self:start end;width:min(22rem,92vw);padding:1.1rem 1.25rem 1.2rem;animation:.45s ease-out both slide-in}.episode-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);justify-content:space-between;margin-bottom:.55rem;font-size:.72rem;display:flex}.episode h2{font-family:var(--font-display);margin:0;font-size:1.85rem;font-weight:600;line-height:1.05}.atm-label{letter-spacing:.16em;text-transform:uppercase;margin:.4rem 0 0;font-size:.72rem}.episode p{color:var(--ink-dim);margin:.55rem 0 0;font-size:.95rem;line-height:1.45}.myth-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #e8c56a66;margin-top:.75rem;padding-bottom:.15rem;font-size:.68rem;display:inline-block}.episode-dates{letter-spacing:.06em;color:var(--ink-dim);flex-direction:column;gap:.25rem;margin-top:.75rem;font-size:.72rem;display:flex}.mode-toggle{gap:.25rem;display:flex}.text-btn.gold{color:var(--gold);border-color:#e8c56a8c}.scrub.is-live input[type=range]{opacity:.55;cursor:default}.live-hint{color:var(--ink-dim);margin:.55rem 0 0;font-size:.75rem;line-height:1.4}.sirens-toggle{pointer-events:auto;z-index:3;appearance:none;color:#80e8e0;font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081018d1;border:1px solid #7ee8e059;padding:.65rem 1.1rem .65rem 2.2rem;font-size:.72rem;animation:3.2s ease-in-out infinite sirens-pulse;position:absolute;bottom:clamp(9.5rem,18vh,12rem);left:50%;transform:translate(-50%)}.sirens-toggle.is-on{border-color:#7ee8e0b3;box-shadow:0 8px 28px #00283273}.sirens-wave{background:#80e8e0;border-radius:50%;width:.55rem;height:.55rem;animation:2.4s ease-out infinite sirens-ring;position:absolute;top:50%;left:.85rem;transform:translateY(-50%);box-shadow:0 0 #7ee8e073,0 0 12px #7ee8e059}@keyframes sirens-pulse{0%,to{opacity:.82}50%{opacity:1}}@keyframes sirens-ring{0%{box-shadow:0 0 #7ee8e073,0 0 12px #7ee8e059}to{box-shadow:0 0 0 14px #7ee8e000,0 0 12px #7ee8e000}}@media (width<=720px){.sirens-toggle{bottom:clamp(11rem,28vh,14rem)}}.stops-rail{scrollbar-width:none;gap:.4rem;padding:.2rem 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.stops-rail::-webkit-scrollbar{display:none}.stop-dot{appearance:none;color:var(--ink-dim);font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;background:#0810188c;border:1px solid #7ec8c033;flex:none;padding:.45rem .7rem;font-size:.72rem;transition:border-color .2s,color .2s,background .2s}.stop-dot:hover,.stop-dot.reached{color:var(--ink);border-color:#e8c56a59}.stop-dot.current{color:#071018;background:var(--gold);border-color:var(--gold)}.transport{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(14px);justify-self:center;width:min(52rem,100%);padding:.85rem 1rem .95rem;animation:1s ease-out .15s both rise}.transport-row{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.icon-btn,.text-btn,.speed-btn{appearance:none;color:var(--ink);font-family:var(--font-ui);cursor:pointer;background:#ffffff0a;border:1px solid #e8dfc82e;transition:background .2s,border-color .2s,color .2s}.icon-btn{letter-spacing:.05em;width:2.4rem;height:2.4rem;font-size:.75rem}.text-btn{letter-spacing:.12em;text-transform:uppercase;padding:.45rem .75rem;font-size:.75rem}.text-btn.active{border-color:var(--teal);color:var(--teal)}.speeds{gap:.25rem;margin-left:auto;display:flex}.speed-btn{font-variant-numeric:tabular-nums;min-width:2.5rem;padding:.4rem .55rem;font-size:.78rem}.speed-btn.active{background:var(--gold);border-color:var(--gold);color:#071018;font-weight:600}.icon-btn:hover,.text-btn:hover,.speed-btn:hover{border-color:#e8c56a8c}.scrub input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer}.scrub-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.35rem;font-size:.72rem;display:flex}.marker-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#c8c0b0;white-space:nowrap;text-shadow:0 1px 4px #000c;background:#081018a6;border:1px solid #e8dfc81f;padding:.2rem .45rem;font-size:11px;transform:translateY(-4px)}.marker-label.is-active{color:var(--gold);background:#081018d9;border-color:#e8c56a66;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (width<=720px){.ui{grid-template-rows:auto auto 1fr auto;padding:.85rem}.brand h1{font-size:2.2rem}.episode{justify-self:stretch;width:100%}.speeds{width:100%;margin-left:0}.speed-btn{flex:1}}.demo{-webkit-overflow-scrolling:touch;height:100%;color:var(--ink);background:radial-gradient(80% 40% at 50% 0,#142434e6,#0000 55%),#060b10;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem;overflow:auto}.demo-header{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.75rem;display:flex}.demo-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 .35rem;font-size:.68rem}.demo-header h1{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:500}.demo-sub{max-width:36rem;color:var(--ink-dim);margin:.45rem 0 0;font-size:.9rem;line-height:1.45}.demo-back{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:#0810188c;border:1px solid #e8dfc829;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.72rem;text-decoration:none}.demo-legend{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;padding:0 .15rem;font-size:.62rem;display:grid}.demo-board{flex-direction:column;gap:2rem;display:flex}.demo-row{flex-direction:column;gap:.85rem;display:flex}.demo-step{grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;display:grid}.demo-step-index{letter-spacing:.06em;width:2rem;height:2rem;color:var(--hud-live);background:#7ecbff0f;border:1px dashed #7ecbff8c;border-radius:50%;place-items:center;font-size:.75rem;display:grid}.demo-step-rule{border-top:1px dashed #e8dfc847;min-width:2rem;height:0}.demo-step-copy{text-align:left;justify-self:start}.demo-step-canto{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0;font-size:.6rem}.demo-step-name{font-family:var(--font-display);margin:.1rem 0 0;font-size:1.35rem;font-weight:500;line-height:1.1}.demo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.demo-grid-still-only{grid-template-columns:minmax(0,1.4fr) minmax(0,2.6fr)}.demo-cell-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 .35rem;font-size:.58rem}.demo-frame{aspect-ratio:21/9;background:#04080c;border:1px solid #e8dfc81f;border-radius:10px;position:relative;overflow:hidden}.demo-media{object-fit:cover;width:100%;height:100%;display:block}.demo-empty{color:#f2eee647;letter-spacing:.08em;text-transform:uppercase;place-items:center;width:100%;height:100%;font-size:.75rem;display:grid}.demo-soon{color:var(--ink-dim);background:#080e1473;border:1px dashed #e8dfc82e;border-radius:10px;flex-direction:column;justify-content:center;gap:.25rem;padding:1rem 1.25rem;display:flex}.demo-soon p{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.1rem}.demo-soon span{letter-spacing:.04em;font-size:.75rem}@media (width<=1100px){.demo-legend{display:none}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid-still-only{grid-template-columns:1fr}}@media (width<=640px){.demo-grid{grid-template-columns:1fr}.demo-step{grid-template-columns:1fr auto}.demo-step-rule{display:none}}