/* Midnight ocean, cobalt routes, vermilion wayfinding. */
:root{--paper:#f4f7fd;--ink:#132444;--muted:#65758e;--line:#d8e1f0;--green:#275af5;--green-dark:#1538a0;--mint:#e1e8f8}
::selection{background:#b5c8ff;color:#101f42}body{background:var(--paper)}.topbar{background:#081a3c;color:#fff;box-shadow:0 0 0 100vmax #081a3c;clip-path:inset(0 -100vmax);border-color:#ffffff20}.brand-name small{color:#94ace0}.brand-mark svg path{stroke:#83a6ff}.brand-mark svg circle{fill:#83a6ff}.brand-mark svg circle:nth-child(3){fill:#ff754b}.nav{color:#c2d2f6}.nav a:hover{color:#fff}.nav-cta{background:#2859ed;border-color:#5279ed}.entrance-count,.entrance-count b{color:#526b9a}.filter{background:#e9eef9;color:#536783}.filter.active{background:#214fdf;color:#fff}.search input{background:white}.map-frame{border-color:#cbd8ed;box-shadow:0 18px 50px #1439800d}.map-head{background:#e9effb;border-color:#d6e0f2}.map-head-title,.map-head-right,.entry-replay{color:#536b94}.map-svg{background:#fcfdff}.map-entry{background:linear-gradient(90deg,#051634b8,#06173845);color:white}.map-entry:before{background:url('assets/routes-marine.jpg') center/cover;opacity:1;mix-blend-mode:normal;z-index:-2}.map-entry:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06152e80,#071c3930);z-index:-1}.entry-content{max-width:850px;text-shadow:0 2px 25px #00102880}.entry-kicker{color:#c3d6ff}.map-entry h1{color:#fff;font-weight:800;font-size:clamp(38px,5.2vw,74px);letter-spacing:-.06em;line-height:1.3}.map-entry h1 span{color:#fff}.entry-copy{color:#e1eaff}.entry-foot{color:#b7cbea}.entry-start{background:#ff7046;border-color:#ff7046;color:#071c40;font-weight:700;text-shadow:none;box-shadow:0 12px 40px #00103366}.entry-start span{background:#fff;color:#d74320}.entry-start:hover{background:#ff946c}.entry-start:focus-visible{outline-color:#fff}.journey h2{font-weight:700}.journey-head p,.journey-step small{color:#65758f}.journey-step span{color:#235cf0}.journey-steps{border-color:#d7e0f1}.voyage-nav{background:#081a3cf2;box-shadow:0 10px 35px #06183e30}.voyage-nav a{color:#bacaf0}.voyage-nav a b{color:#8ea8e0}.voyage-nav a.active,.voyage-nav a.active:hover{background:#3264fa;color:white}.voyage-nav a.active b{color:#cbd9ff}.voyage-progress,.scroll-progress{background:#ff754b}.destination .aff-heading h2,.destination .aff-subhead h3{font-weight:700;letter-spacing:-.055em}.destination-number{font-weight:700}.destination-origin{--destination-accent:#ff835b;color:#e5ecff}.destination-origin:before{background:#143eca}.destination-origin:after{background:linear-gradient(100deg,#133bcbea,#112e9ae8 48%,#071c4980),url('assets/routes-marine.jpg') center calc(50% + var(--scene-drift,0px))/cover;opacity:1}.destination-origin .aff-heading h2{color:#fff}.destination-origin .aff-heading h2 em{color:#ffb094}.destination-origin .aff-heading p,.destination-origin .aff-caption{color:#d2e0ff}.destination-origin .aff-heading p strong{color:#fff}.destination-origin .aff-tabs button{color:#d7e3ff;border-color:#93b1ff80}.destination-origin .aff-tabs button[aria-selected=true]{background:#fff;color:#224cd1;border-color:white}.destination-origin .aff-lesson{background:#fff;color:#1b2e54;border-color:#ffffff70;box-shadow:0 25px 70px #061b6545}.destination-origin .aff-stage{background:#e9efff}.destination-origin .aff-stage h3{color:#19367b}.destination-origin .aff-stage-copy p{color:#53678d}.destination-origin .destination-exit{border-color:#aac1ff40}.destination-choice{--destination-accent:#2b60f2;color:#14294f}.destination-choice:before{background:#f4f7ff}.destination-choice:after{background:radial-gradient(ellipse at 100% 0,#bdd0ff80,transparent 65%);opacity:1}.destination-choice .destination-purpose{color:#536f9c}.destination-choice .aff-table-wrap{border-color:#c9d7f1;box-shadow:0 15px 40px #1b45900c}.destination-choice .aff-table thead th,.destination-choice .aff-table thead th:first-child{background:#142f71;color:#fff;border-color:#36518a}.destination-choice .aff-table thead small{color:#a9c3ff}.destination-choice .aff-table thead button{color:#fff}.destination-choice .aff-table th:first-child{background:#e7efff;color:#395888}.destination-choice .aff-table tbody b{color:#18356b}.destination-choice .aff-table tbody span{color:#5b6d8b}.destination-choice .aff-next button{background:#e6edff;border-color:#c5d4f5;color:#2a51a8}.destination-choice .destination-exit{border-color:#c7d6f2}.destination-numbers{--destination-accent:#ff7d51;color:#eaf0ff}.destination-numbers:before{background:#06162f}.destination-numbers:after{background:linear-gradient(100deg,#06162ff5,#06162fe8 45%,#071b4599),url('assets/routes-marine.jpg') center calc(48% + var(--scene-drift,0px))/cover;opacity:1}.destination-numbers .aff-subhead h3{color:#fff}.destination-numbers .aff-subhead p{color:#b6c8ed}.destination-numbers .aff-calculator{background:#f3f6ff;border-color:#5872aa55}.destination-numbers .aff-inputs{color:#1c315e}.destination-numbers .aff-inputs output{color:#2859ce}.destination-numbers .aff-inputs input{accent-color:#2e62f1}.destination-numbers .aff-equation{background:#fa6439;color:#132447}.destination-numbers .aff-equation>small,.destination-numbers .aff-equation p,.destination-numbers .aff-equation strong,.destination-numbers .aff-equation .aff-disclaimer{color:#122444}.destination-ready{--destination-accent:#355bea;color:#21345d}.destination-ready:before{background:linear-gradient(130deg,#e5edff,#f4f2ff 70%,#dce6ff)}.destination-ready:after{background:radial-gradient(ellipse at 100% 0,#9fb9ff55,transparent 60%);opacity:1}.destination-ready .aff-subhead h3{color:#1c315e}.destination-ready .aff-subhead p,.destination-ready .aff-caption{color:#627395}.destination-ready .aff-myths details{background:#ffffffc9;border-color:#c6d3ee}.destination-ready .aff-myths details:first-child{border-color:#c6d3ee}.destination-ready .aff-myths summary{color:#243b68}.destination-ready .aff-myths summary:after{color:#2b5ef4}.destination-ready .aff-myths p{color:#536789}.destination-ready .destination-exit{border-color:#bcccec}.destination-ready .destination-exit a{background:#285af0;color:#fff}.beginner-categories button[aria-pressed=true]{background:#285af0;border-color:#285af0}.finder{background:#102956;color:#fff}.finder-copy,.finder-result,.finder-result-label{color:#bacbf0}.finder-btn{color:#dfe8ff;border-color:#617aab}.finder-btn:hover,.finder-btn.active{background:#2c61f0;border-color:#2c61f0;color:white}.finder-route{color:#e2ebff;border-color:#7592c94d}.finder-route span{color:#b0c5ef}.finder-route i{color:#ff9875}.finder-route:hover{border-color:#7da3ff}.method p,.footer{color:#687c9b}.method em,.footer-brand{color:#385786}.routebook,.route-drawer{background:#fcfdff}.book-head,.book-footer{background:#f6f9ffef}.book-step.active,.book-block{background:#eaf0ff}.book-block p,.book-check{color:#354d77}.book-block{border-color:#d2def4}.routebook-backdrop{background:#071630d9}.button-primary:hover{background:#214fde}.button-secondary:hover{background:#e8efff}.chip.type-asset{color:#526688;background:#e2e9f8}
@media(max-width:600px){.map-entry:before{background-position:61% center}.map-entry h1{font-size:39px}.entry-copy{font-size:12px}.entry-content{padding:24px 15px}.destination .aff-heading h2,.destination .aff-subhead h3{font-size:29px}}
.aff-person{border-color:#d7e0f4}.aff-person:first-child{background:#edf2ff}.aff-person:last-child{background:#fff0e9}.aff-person small,.aff-person p,.aff-lesson-top small,.aff-arrow small{color:#667998}.aff-person .aff-symbol,.aff-arrow{color:#5b80d1}.aff-arrow:after{background:#3265f5}.aff-feedback{color:#4d6997;border-color:#bccff0}.aff-step{color:#6c7fa3;border-color:#e0e8f8}.aff-step.active{color:#2455d8;border-color:#3265f5;background:#edf2ff}.aff-step.done{border-color:#92aff5}.aff-wallet{border-color:#ccdaf4}.aff-wallet>strong{color:#2859da}.aff-wallet>small,.aff-wallet>span{color:#6e81a3}.aff-controls button{border-color:#c3d3f3;color:#35588e}.aff-controls button:last-child{background:#2859e8;border-color:#2859e8;color:white}.aff-table{background:#fff}.aff-table th,.aff-table td{border-color:#d8e2f5}.aff-table a{color:#2857bb}.aff-table td:hover{background:#edf3ff}.aff-inputs label{color:#425c89}.aff-step:focus-visible,.aff-tabs button:focus-visible{outline-color:#ff835b}.contour{stroke:#d5e1f5}.axis-label,.zone-name{fill:#7890b4}.route .label{fill:#233e69;stroke:#fcfdff}
/* Navigable night chart: preserve the original scatter positions. */
.map-frame{background:#071b3b;border-color:#284c80;box-shadow:0 22px 65px #081d4930}.map-head{background:#0a2043;border-color:#38578466}.map-head-title,.map-head-right,.entry-replay{color:#bdd0f3}.map-scroll{background:radial-gradient(ellipse at 65% 25%,#18458799,transparent 65%),linear-gradient(#081c3be8,#071a36f5),url('assets/routes-marine.jpg') center/cover;scrollbar-color:#456699 #091c38}.map-svg{background:transparent}.map-bg{fill:transparent}.gridline{stroke:#7ea8ef;opacity:.11;stroke-dasharray:2 7}.axis-line{stroke:#688ab8;opacity:.5}.axis-tick,.axis-label{fill:#9fb8de}.zone-name{fill:#b7cdf1;letter-spacing:.07em}.contour{stroke:#5488d4;opacity:.2}.path-line{stroke:#79aeff;opacity:.38}.route .label{fill:#e6efff;stroke:#0a2042;stroke-width:4px;font-weight:500}.route .dot{stroke:#0b2245;filter:drop-shadow(0 0 5px #7aaaff90)}.route:hover .label,.route.selected .label{fill:white;font-weight:700}.route.visited .halo{opacity:.45;fill:none;stroke:#c0d6ff;stroke-width:1;stroke-dasharray:2 3}.route.selected .halo{fill:#8ab4ff;stroke:#bfd6ff;stroke-dasharray:none;opacity:.35}.route:focus-visible .dot{stroke:#fff;stroke-width:3}.map-foot{background:#081c38dc;border:1px solid #5272a54d;color:#b6c9e8}.legend,.map-north{color:#b6c9e8}.exploration-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 19px;background:#0a2043;color:#d6e5ff;border-top:1px solid #35578480;font-size:11px}.exploration-bar small{display:block;color:#8faad2;font-size:9px;margin-top:5px}.exploration-bar button{border:1px solid #719cf2;border-radius:30px;padding:10px 15px;background:#2457df;color:white;font-size:11px}.exploration-bar button:disabled{opacity:.5}.awaiting-start .exploration-bar{display:none}
/* Separate the cast, the timeline and the reward status. */
.aff-lesson-top{background:#eef3ff}.aff-lesson-top strong{font-weight:700}.aff-scene{padding:24px 30px 17px}.destination-origin .aff-person{min-height:150px;border:0;border-radius:0;background:transparent;padding:12px 18px;border-left:3px solid #8aa8ea}.aff-person:first-child{border-left-color:#2b61ef}.aff-person:last-child{border-left-color:#ef815d}.aff-person small{font-size:12px;font-weight:700;margin-bottom:10px;color:#47628e}.aff-person strong{font-weight:700}.aff-feedback{margin:0 30px 24px;background:#fff1e9;border:0;border-radius:4px;color:#97471f;padding:12px}.lesson-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 30px 16px;border-top:1px solid #d6e1f4;color:#142f60}.lesson-section-label strong{font-size:17px}.lesson-section-label span{font-size:11px;color:#667d9f}.aff-stepper{padding:0 30px 22px;gap:7px}.aff-step{background:#f0f4fc;border:1px solid #dbe4f4;border-radius:5px;padding:13px 12px;color:#627797}.aff-step span{font-size:14px}.aff-step.active{background:#2458ec;border-color:#2458ec;color:white;box-shadow:0 5px 14px #2458ec22}.aff-step.done{background:#e1ebff;border-color:#abc3f8;color:#355c9f}.destination-origin .aff-stage{background:white;border-top:1px solid #d9e3f4;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.aff-stage-copy{padding:30px}.destination-origin .aff-stage h3{font-weight:700;font-size:25px;line-height:1.5}.aff-stage-copy .aff-hint{background:#f0f4fc;border-left:3px solid #80a1ea;padding:11px 14px;color:#4d6386}.aff-wallet{background:#102c60;border:0;padding:30px;position:relative}.aff-wallet:before{content:'REWARD STATUS';font:9px 'DM Mono',monospace;letter-spacing:.18em;color:#8ba9d8;margin-bottom:25px}.aff-wallet>small{color:#b8ccec}.aff-wallet>strong{color:#fff;font-weight:700;font-size:32px}.aff-wallet>span{color:#c3d2ec}.aff-stage[data-status='review'] .aff-wallet{background:#673e15}.aff-stage[data-status='confirmed'] .aff-wallet{background:#1749bd}.aff-stage[data-status='payment'] .aff-wallet{background:#253e80}.aff-controls button{padding:11px 17px}.aff-controls button:last-child{font-weight:700}.aff-controls button:disabled{opacity:.4}
@media(max-width:600px){.exploration-bar{gap:10px;padding:13px;font-size:10px}.exploration-bar button{font-size:10px;padding:10px}.aff-scene{grid-template-columns:1fr;padding:17px}.destination-origin .aff-person{min-height:0;padding:9px 12px}.aff-person p{font-size:11px}.aff-person strong{font-size:15px}.aff-person small{font-size:11px;margin-bottom:5px}.aff-arrow{font-size:18px;line-height:1;transform:rotate(90deg);justify-self:center}.aff-arrow:after{display:none}.aff-feedback{margin:0 17px 18px;flex-wrap:wrap;gap:5px}.lesson-section-label{padding:18px 17px;display:block}.lesson-section-label span{display:block;margin-top:7px}.aff-stepper{padding:0 12px 16px;gap:4px}.aff-step{padding:10px 5px}.aff-step strong{font-size:9px}.destination-origin .aff-stage{grid-template-columns:1fr}.destination-origin .aff-stage h3{font-size:22px}.aff-stage-copy,.aff-wallet{padding:22px}.aff-wallet:before{margin-bottom:13px}}
