.ocean-open{overflow:hidden}.ocean-intro{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at 48% 45%,#20302f,#0c171a 77%);color:#e9e2d3;overflow:auto;min-height:100dvh;font-family:Georgia,serif;display:flex;flex-direction:column}.ocean-top{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw}.ocean-logo{font-size:30px;letter-spacing:5px}.ocean-logo small{display:block;font:7px Arial,sans-serif;letter-spacing:2.8px;margin-top:8px}.ocean-intro button{cursor:pointer}.ocean-skip{background:none;color:#c0b8a5;border:0;border-bottom:1px solid #726b5d;padding:10px 0;font:11px Arial,sans-serif;letter-spacing:1px}.ocean-title{padding:16px 7vw 0;z-index:1;pointer-events:none}.ocean-title p{font:9px Arial,sans-serif;letter-spacing:3.5px;color:#b9a077}.ocean-title h1{font:400 clamp(30px,3.6vw,58px)/1.1 Georgia,serif;margin:15px 0 0}.ocean-title em{font-weight:400;color:#d5bd93}.ocean-map{width:100%;position:relative;aspect-ratio:1440/580;margin:-38px auto -12px;flex:1;min-height:240px}.ocean-map img,.ocean-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ocean-map img{opacity:.9}.ocean-grid{stroke:#d0c6aa;stroke-width:.4;opacity:.09}.ocean-region{font:10px Arial,sans-serif;letter-spacing:4px;fill:#8e9a92}.ocean-sea{font:italic 13px Georgia,serif;letter-spacing:3px;fill:#647b7b}.ocean-route{fill:none;stroke:#ad9165;stroke-width:1.15;stroke-linejoin:round}.ocean-route.primary{stroke:#e3c490;stroke-width:1.7}.ocean-route.branch{opacity:.5}.ocean-port circle{fill:#9d8a67;stroke:#cbb182;stroke-width:.6}.ocean-port .port-ring{fill:none;opacity:.3}.ocean-port text,.ocean-origin text{fill:#c9cabb;font:10px Arial,sans-serif;letter-spacing:1.5px}.ocean-port.lit circle{fill:#ecd3a8}.ocean-port.lit .port-ring{fill:none;opacity:.8}.ocean-origin{fill:#d2b784;stroke:#d2b784;stroke-width:.7}.ocean-origin text{stroke:none;fill:#f0dfb9;font-size:12px}.ocean-origin .origin-sub{font-size:7px;letter-spacing:1.3px;fill:#b29d77}.ocean-bottom{padding:20px 7vw 32px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:1}.ocean-phase{font:9px Arial,sans-serif;letter-spacing:3px;color:#c3a878}.ocean-description{font:19px Georgia,serif;margin:12px 0}.ocean-bottom small{font:9px/1.5 Arial,sans-serif;color:#8b9891}.ocean-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.ocean-enter{background:#d5bd93;color:#142021;border:1px solid #d5bd93;padding:17px 23px;min-width:220px;text-align:left;font:13px Georgia,serif;letter-spacing:.5px}.ocean-enter span{float:right;margin-left:22px}.ocean-enter:disabled{background:transparent;color:#9b9d8c;border-color:#53605a;cursor:default}.ocean-replay{background:none;border:0;color:#a8b0a3;font:10px Arial,sans-serif;letter-spacing:1px}.ocean-intro button:focus-visible{outline:2px solid #f4dfaf;outline-offset:5px}.ocean-progress{position:absolute;bottom:0;left:0;height:2px;background:#c5aa7e}.ocean-arrived .ocean-enter:hover{background:#eed9b3}@media(max-width:650px){.ocean-top{padding:24px 6vw}.ocean-logo{font-size:25px}.ocean-title{padding:22px 6vw 0}.ocean-title h1{font-size:36px}.ocean-map{margin:6px 0;min-height:270px;overflow:hidden}.ocean-map img,.ocean-map svg{width:170%;max-width:none;left:-17%;}.ocean-bottom{padding:5px 6vw 24px;flex-direction:column;align-items:flex-start;gap:16px}.ocean-actions{align-items:flex-start;width:100%}.ocean-enter{width:100%}.ocean-description{font-size:17px}.ocean-title p{font-size:8px;letter-spacing:2.5px}.ocean-progress{position:fixed}}
.stone-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,rgba(7,19,20,.9),rgba(10,20,22,.86)),url('assets/cedrae-logo.png.jpeg');background-position:0 0;background-size:100% 100%,500% auto;opacity:.8;filter:saturate(.2)}
.ocean-top,.ocean-map{z-index:1}.departure-label{font:9px Arial,sans-serif;letter-spacing:3px;color:#c7b491}.ocean-map img{opacity:.8}.destination-route{stroke:#ceb180!important;stroke-width:1.3!important;opacity:.8!important}.ocean-stem{stroke:#e6c994;stroke-width:1.8}.logo-horizon{position:absolute;z-index:3;right:5%;top:32%;width:40%;max-width:620px;aspect-ratio:1.5;pointer-events:none;opacity:0;transform:scale(.08);transform-origin:center;filter:blur(14px);will-change:transform,opacity,filter}.original-logo{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.9) 58%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,rgba(0,0,0,.9) 58%,transparent 75%)}.horizon-halo{position:absolute;inset:-18%;background:radial-gradient(ellipse,rgba(210,204,187,.3),transparent 66%);filter:blur(24px)}.logo-mist{position:absolute;inset:-14%;background:radial-gradient(ellipse at 30% 45%,rgba(204,211,201,.8),transparent 58%),radial-gradient(ellipse at 70% 60%,rgba(142,158,149,.6),transparent 60%);filter:blur(26px);will-change:transform,opacity}.mist-two{inset:-10% -24%;background:radial-gradient(ellipse at 70% 30%,rgba(225,220,199,.8),transparent 65%)}
@media(max-width:650px){.departure-label{font-size:7px;letter-spacing:1.8px;display:block;max-width:140px;line-height:1.8}.logo-horizon{top:50%;right:4%;width:68%;max-width:none}.ocean-bottom{position:relative;z-index:4}.ocean-title{padding-top:12px}}
.ocean-intro{display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto;height:100dvh;min-height:0;overflow:auto}.ocean-top{padding:24px 5vw 12px;position:relative;z-index:2}.ocean-logo{width:220px;line-height:0;flex-shrink:0}.intro-gold-logo{display:block;width:100%;height:auto}.intro-supplier{display:flex;align-items:center;gap:32px;text-align:right}.intro-supplier p{margin:0;font:16px/1.4 Georgia,serif;letter-spacing:.08em;color:#cfba94}.ocean-title{padding:10px 7vw 12px;position:relative}.ocean-title h1{font-size:clamp(28px,3vw,45px);margin:10px 0 0}.ocean-map{margin:0!important;aspect-ratio:auto;min-height:240px;align-self:stretch}.ocean-bottom{position:relative}.ocean-map img,.ocean-map svg{height:100%}.ocean-title,.ocean-top,.ocean-bottom{flex-shrink:0}.ocean-intro .ocean-map{z-index:1}.ocean-intro .ocean-title{z-index:2}
@media(max-width:650px){.ocean-intro{grid-template-rows:auto auto minmax(240px,1fr) auto}.ocean-top{padding:18px 6vw 8px;align-items:flex-start}.ocean-logo{width:145px}.intro-supplier{flex-direction:column;align-items:flex-end;gap:8px}.intro-supplier p{font-size:11px;letter-spacing:.04em}.intro-supplier .ocean-skip{font-size:9px;padding:5px 0}.ocean-title{padding:5px 6vw 10px}.ocean-title h1{font-size:28px}.ocean-title p{margin:8px 0}.ocean-map{min-height:240px}.ocean-bottom{padding-top:8px}.ocean-bottom small{font-size:8px}.ocean-description{font-size:15px}.ocean-phase{font-size:8px;letter-spacing:2px}.ocean-enter{padding:14px 18px}.ocean-actions{gap:10px}}
@media(max-height:620px){.ocean-intro{grid-template-rows:auto auto 300px auto}.ocean-top{padding-top:12px}.ocean-logo{width:170px}.ocean-title h1{font-size:28px}.ocean-title{padding-top:0}.ocean-map{min-height:300px}}
.stone-atmosphere{background-size:100% 100%,500% 500%}