:root{font-family:Trebuchet MS,Segoe UI,sans-serif;font-synthesis:none;color:#e8ddbe;background:#182d34;--cream:#e8ddbe;--muted:#a7b6b0;--gold:#dbb878;--navy:#203c43}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 45%,#2b4347,#172b32 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f6d498;outline-offset:5px}[hidden]{display:none!important}header{max-width:1300px;margin:auto;padding:0 40px;height:96px;display:flex;align-items:center;justify-content:space-between}header a{color:var(--cream);text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700}.compass{font-size:28px;color:var(--gold);vertical-align:middle;margin-right:12px}header small{font-size:8px;letter-spacing:3px;margin-left:14px;color:#a3b4ac}.header-note{font-size:8px;letter-spacing:2px;color:#93a7a2}main{max-width:1216px;padding:0 32px;margin:14px auto 0}.topline{display:flex;justify-content:space-between;font-size:8px;color:#9eb0a6;letter-spacing:2px;margin:0 1px 14px}.topline span:last-child{color:#849a95}#game{position:relative;aspect-ratio:16/9;min-height:530px;border:1px solid #758b784f;overflow:hidden;border-radius:4px;box-shadow:0 20px 70px #08171d55;background:#376d73}#canvas{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #0f2b3766;z-index:1}#overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:38px 7%;overflow:auto;background:linear-gradient(90deg,#193a42ed,#213f4466 53%,#233f4100)}#menu{width:510px;max-width:100%}.ticket-line{display:flex;justify-content:space-between;width:355px;max-width:100%;padding-bottom:13px;border-bottom:1px solid #c2b99150;color:#cdbe92;font-size:8px;letter-spacing:2.5px;margin-bottom:28px}.eyebrow{font-size:7px;letter-spacing:1.8px;color:#c5b98f}h1{font-family:Georgia,serif;font-size:clamp(53px,6.3vw,82px);font-weight:400;letter-spacing:-3px;line-height:1.02;margin:18px 0 22px}h1 em{font-weight:400;color:var(--gold)}#description{font-size:12px;line-height:1.8;color:#b5c4b7;margin:0}.journey-meta{display:flex;align-items:center;gap:15px;margin:24px 0;font-size:8px;letter-spacing:1.3px;color:#c6c8ad}.journey-meta b{color:var(--gold)}.menu-actions{display:flex;align-items:center;gap:21px}.primary{border:0;border-radius:2px;background:#ddbd80;color:#253c3f;padding:16px 22px;font-size:12px;font-weight:700;letter-spacing:.4px;min-width:177px;box-shadow:0 3px #af8c52}.primary:hover{background:#f0d29b}.primary span{margin-left:23px}.secondary{background:none;border:0;border-bottom:1px solid #a2b8a76b;color:#c6cdb6;padding:9px 0;font-size:10px}.best-line{font-size:8px;letter-spacing:1.5px;color:#9ab0a5;margin-top:23px}.best-line strong{margin-left:13px;color:#dfd1a7;font-weight:400}.controls{font-size:8px;color:#91a89f;margin:19px 0 0}.controls b{padding:0 7px}.chart-label{position:absolute;right:43px;bottom:35px;z-index:2;color:#bcc7a7;font-size:9px;letter-spacing:3px;text-align:right;line-height:2}.chart-label span{font-size:8px;color:#9ab3a7;letter-spacing:1.5px}.readouts{display:flex;gap:32px}.readouts>div{display:flex;flex-direction:column;gap:5px}.readouts small{font-size:8px;letter-spacing:1.5px;color:#b6c8bd}.readouts strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:1px}.readouts i,#results i{font-style:normal;font-size:11px;color:#abbdb1}.hull strong{color:#e1bc80;font-size:22px}#hud{position:absolute;inset:0 0 auto;z-index:4;padding:22px 25px;display:flex;justify-content:space-between;pointer-events:none;background:linear-gradient(#18383be8,#23484900)}.tools{display:flex;gap:9px;pointer-events:auto}.tools button{height:38px;width:38px;border:1px solid #9fb2a663;color:var(--cream);background:#25484ce6;font-size:19px;border-radius:3px}.tools button[aria-pressed=true]{background:#806747}#sea-status{position:absolute;top:90px;left:26px;right:26px;display:flex;justify-content:space-between;z-index:2;font-size:8px;letter-spacing:1.3px;color:#bdd0bd}#bonuses{color:#f2d38d}#notice{position:absolute;top:125px;left:20px;right:20px;text-align:center;z-index:2;font-size:9px;letter-spacing:2px;color:#f1d392;pointer-events:none}#route{position:absolute;bottom:18px;left:25px;right:25px;display:flex;align-items:center;gap:13px;z-index:2;font-size:7px;letter-spacing:1px;color:#b4c7b8;pointer-events:none}#route>div{flex:1;height:2px;background:#b0c2a340}#route-fill{display:block;height:100%;background:#dec38a}footer{display:flex;justify-content:space-between;margin:23px 0;font-size:8px;letter-spacing:1.5px;color:#91a49b}footer span:last-child{color:#778f88}#results{display:flex;gap:45px;margin:23px 0}#results>div{display:flex;flex-direction:column;gap:8px}#results small{font-size:8px;letter-spacing:2px;color:#aebfae}#results strong{font-size:33px;font-weight:400;color:var(--gold)}#game[data-phase=over] #overlay,#game[data-phase=paused] #overlay{background:#203e46dd;justify-content:center;text-align:center}#game[data-phase=over] .ticket-line,#game[data-phase=paused] .ticket-line{display:none}#game[data-phase=over] .menu-actions,#game[data-phase=paused] .menu-actions,#game[data-phase=over] #results{justify-content:center}#game[data-phase=paused] h1,#game[data-phase=over] h1{font-size:64px}#help{width:680px;margin:auto;text-align:center}#overlay:has(#help:not([hidden])){background:#1c3b42f5;justify-content:center;padding:25px 35px}h2{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-1px;margin:11px 0}h2 em{color:var(--gold)}#help>p{font-size:11px;line-height:1.7;color:#b3c3b6;margin:9px 0}.guide-row{margin:15px 0}.guide-row>b{font-size:7px;letter-spacing:2px;color:#caba8f}.guide-items{display:flex;justify-content:center;gap:30px}.guide-items>div{display:flex;flex-direction:column;align-items:center;width:88px}.guide-items img{width:61px;height:66px;object-fit:contain}.guide-items span{font-size:9px;color:#d3d9c0}.guide-items small{font-size:7px;color:#91ada4;margin-top:5px}.bonus-guide{display:flex;justify-content:center;gap:15px;padding:11px 0;border-top:1px solid #b3b89940;border-bottom:1px solid #b3b89940}.bonus-guide>div{display:flex;align-items:center}.bonus-guide img{width:43px;height:51px;object-fit:contain}.bonus-guide span{font-size:8px;text-align:left;color:#a3b9ab;line-height:1.7}.bonus-guide b{display:block;color:#ddca9b;font-size:9px}.help-bottom{font-size:10px!important}#help .primary{margin-top:9px;padding:13px 20px}@media(min-width:700px)and (max-height:800px){header{height:65px}main{margin-top:4px}#game{min-height:530px}h1{font-size:65px}.ticket-line{margin-bottom:20px}.journey-meta{margin:17px 0}}@media(max-width:699px){header{height:70px;padding:0 20px}header a{font-size:10px;letter-spacing:1.5px}.compass{font-size:23px;margin-right:7px}header small{font-size:7px;margin-left:9px}.header-note{display:none}main{padding:0 11px;margin:5px auto 0}.topline{font-size:7px;letter-spacing:1.1px;margin-bottom:11px}.topline span:last-child{font-size:6px;letter-spacing:.7px}#game{aspect-ratio:auto;min-height:475px;height:calc(100svh - 143px);border-radius:3px}#overlay{padding:28px 25px 32px;align-items:flex-start;background:linear-gradient(#193b42ea,#22474b66 64%,#24494a00)}#menu{width:100%}.ticket-line{margin-bottom:21px;padding-bottom:11px;font-size:7px}.eyebrow{font-size:6px;letter-spacing:1.1px}h1{font-size:57px;margin:15px 0 18px;letter-spacing:-2px}#description{font-size:11px}.journey-meta{font-size:7px;gap:10px;margin:20px 0}.menu-actions{gap:17px}.primary{padding:15px 19px;font-size:11px;min-width:154px}.primary span{margin-left:18px}.secondary{font-size:9px}.best-line{font-size:7px;margin-top:22px}.controls{font-size:7px;margin-top:15px}.chart-label{right:20px;bottom:24px;font-size:7px;letter-spacing:2px}.chart-label span{font-size:6px}footer{margin:18px 1px;font-size:7px;letter-spacing:1px}footer span:last-child{display:none}#hud{padding:17px 14px}.readouts{gap:20px}.readouts small{font-size:7px}.readouts strong{font-size:21px}.hull strong{font-size:18px}.tools{gap:6px}.tools button{width:31px;height:34px;font-size:17px}#sea-status{left:15px;right:15px;top:80px;font-size:7px;letter-spacing:.7px}#notice{top:111px;font-size:8px;letter-spacing:1px}#route{left:15px;right:15px;gap:8px;font-size:6px}#game[data-phase=paused] #overlay,#game[data-phase=over] #overlay{align-items:center;padding-top:100px;padding-bottom:65px}#game[data-phase=paused] h1,#game[data-phase=over] h1{font-size:48px}#results{gap:33px}#results strong{font-size:29px}#overlay:has(#help:not([hidden])){padding:22px 14px}h2{font-size:30px}.guide-items{gap:5px}.guide-items>div{width:73px}.guide-items img{width:56px;height:63px}.guide-items span{font-size:8px}.guide-row{margin:14px 0}.bonus-guide{gap:3px}.bonus-guide>div{flex-direction:column;width:33.33%}.bonus-guide span{text-align:center;font-size:7px}.bonus-guide b{font-size:8px}.bonus-guide img{height:40px;width:35px}#help>p{font-size:9px}.help-bottom{font-size:9px!important}#help .primary{margin-top:7px}#help{align-self:flex-start}}@media(max-width:699px)and (max-height:750px){#overlay{padding-top:21px}.ticket-line{margin-bottom:16px}h1{font-size:48px;margin:12px 0}.journey-meta{margin:14px 0}.best-line{margin-top:17px}.controls{margin-top:12px}.chart-label{display:none}.guide-row{margin:9px 0}.guide-items img{height:52px}.bonus-guide{padding:6px 0}h2{font-size:27px}#help>p{margin:6px 0}}@media(max-width:350px){#overlay{padding-left:19px;padding-right:19px}.readouts{gap:12px}.readouts strong{font-size:18px}.hull strong{font-size:15px}.tools button{width:28px}.menu-actions{gap:12px}.primary{min-width:143px}.topline span:last-child{display:none}.journey-meta,.controls{font-size:6px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.ww-game-logo{display:block;height:50px;width:auto;max-width:240px;object-fit:contain}@media(max-width:640px){.ww-game-logo{height:38px;max-width:180px}}