/* Maritime film palette. One shared local video keeps every ship identical. */
:root{--bg:#10191e;--panel:#151d21;--ink:#f2eee5;--muted:#b9c3c4;--gold:#dbbc83;--teal:#b4c4c4;--line:#dbc39d35;--danger:#ffb6a3;--green:#b7dcc0}
body{background:#10191e;isolation:isolate}
.environment{position:fixed;inset:0;z-index:-3;overflow:hidden;background:#2b353b url('assets/ship.webp') 59% 46% / cover no-repeat;pointer-events:none}
#ocean-film{width:100%;height:100%;object-fit:cover;object-position:59% 46%;filter:saturate(.8) contrast(1.035);opacity:0;transition:opacity 1.1s}
.environment.film-ready #ocean-film{opacity:1}
.environment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1219f5 0%,#0b141be6 24%,#0b141b68 49%,#10182112 75%),linear-gradient(0deg,#0b141de8 0%,transparent 40%,#0a121952 100%)}
.topbar{max-width:none;background:linear-gradient(#0a1018c9,#10171d60);border-color:#c9c4ad30;backdrop-filter:blur(9px)}
.brand{color:#e6d2a7}.brand small{color:#c2c6bf}.event-label{color:#dbded5}.topbar .icon-btn{color:#e4dfd2;border-color:#d7d6bd45;background:#11191b3b}.nav-rank{color:#e9d5aa}
.lobby{min-height:calc(100svh - 174px);padding-top:48px}.hero-copy{max-width:445px;padding-bottom:40px}.hero-copy .eyebrow{color:#e5c995}.eyebrow i,.tiny-dot{background:#d8c29c;box-shadow:none}.chapter-label{color:#d0d2c8}.hero-description{color:#dce0d8;text-shadow:0 1px 8px #0009;max-width:370px}.facts>span{color:#d9dcd3}.hero-world{background:none;z-index:0}.hero-world:after,.world-grid,.ship-art,#lobby-sea{display:none}.world-caption{top:14px;left:14%;color:#f0e9da;text-shadow:0 1px 7px #000}.world-caption>span:last-child{color:#d4dfdb}.coordinate{color:#e1e5da;right:6%;text-shadow:0 1px 6px #000}.wind-badge{right:9%;bottom:23%;border-color:#d2cfb15c;background:#141c20b0;backdrop-filter:blur(6px);box-shadow:0 8px 30px #0005}.wind-badge svg{color:#e3d4b2}.wind-badge small{color:#d6ded9}.art-label{left:18%;bottom:7%}.art-label b{color:#e0e4d9;text-shadow:0 1px 6px #000}
.name-wrap{background:#101a20bd;border-color:#bdc7bf88;backdrop-filter:blur(8px)}input::placeholder{color:#c6cbc0}.fineprint{color:#c1c9c1}.text-button{color:#d4d8d0}.primary{background:linear-gradient(110deg,#e5d1a8,#c5a16b);border-color:#d7bc8b;box-shadow:0 7px 25px #0003;color:#1c2426}.primary:hover{background:#ead9b5}.voyage-strip{background:linear-gradient(90deg,#111b22a6,#111b2255);backdrop-filter:blur(10px);padding:22px 20px;border-color:#d8c4a040}.voyage-strip p{color:#ede8dc}.voyage-strip small{color:#c3cbc2}.voyage-strip svg{color:#ddc497}.voyage-strip>div>span{color:#cfccb9}footer{background:linear-gradient(90deg,#0c151ed9,#0c151e70);color:#c3cbc2;max-width:none}footer button{color:#e0d9c7}
.game-hud{background:linear-gradient(110deg,#0b151ddb,#17252ac4);backdrop-filter:blur(12px);padding:16px 20px;border:1px solid #d6c3a34a;box-shadow:0 9px 25px #0003}.sailor small{color:#cad6c7}.hud-stat small{color:#d0d7cd}.hud-stat b{color:#e9d3aa}.stage-track li{background:#0f1b24c7;color:#ccd4cc;border-color:#c8bda43b;backdrop-filter:blur(8px)}.stage-track li.active{background:#b18a4c3b;color:#f0d8ad;border-color:#d7b97d}.stage-track li.done{color:#d1e0d0;background:#2e463cbd;border-color:#a8c0a366}.game-layout{background:transparent;box-shadow:0 20px 60px #0004;border-color:#c4b79a77;gap:0}.scene-panel{background:#162025}.scene-topline{background:linear-gradient(#0e171dde,transparent);text-shadow:0 1px 4px #000}.live-mark{color:#dddcc7}.scene-legend{color:#eae3d0;background:#0d1c22bd;border-color:#c8c5a762;backdrop-filter:blur(4px)}.scene-bottom{background:#0e1920d9;border-color:#d1c3a63b;color:#d7d9ca}.scene-bottom svg{color:#d8c294}
.mission-panel{color:#ede9df;background:linear-gradient(125deg,#17262ef7,#101d25fa);border-left:1px solid #c7b48a55;box-shadow:inset 7px 0 28px #0002;padding:31px 32px 17px;position:relative}.mission-panel:before{content:"";position:absolute;pointer-events:none;inset:9px;border:1px solid #c7b48a15}.mission-panel>*{position:relative}.mission-panel .eyebrow{color:#dbc190}.mission-panel h2{font-weight:500;color:#f1ede2;letter-spacing:-1px}.mission-story{color:#becac8}.step-label{color:#d7bd8b}.question{color:#f0ece2;font-weight:600}.choice{background:#1b303ba8;border-color:#a6b4ac49;color:#eeeae0;box-shadow:none}.choice .letter{color:#e0c695;border-color:#adbaad55;background:#ffffff06}.choice:hover:not(:disabled){background:#30424a;border-color:#d4b67d}.choice.wrong{background:#6c362e66;border-color:#ca8976;color:#ffccbb}.choice.correct{background:#34544777;border-color:#8eba9c;color:#d7efda}.choice:disabled{opacity:.65}.choice.correct:disabled{opacity:1}.mission-bottom{color:#b4bfb9;border-top:1px solid #c9b68626;margin-top:20px;padding-top:12px}.hint-btn{color:#dfc494}.hint-btn>span{color:#b5c1bc}.hint-btn:disabled{opacity:.65}.hint-content{background:#d4b47210;border-color:#bb9b64;color:#dfdac8}.mission-panel #feedback.success{color:#b6ddbe}.mission-panel #feedback.error{color:#ffbca9}.mission-panel .primary{background:linear-gradient(110deg,#e0c99c,#c3a371);border-color:#d6b981;color:#19272c;box-shadow:0 4px 12px #0003}.mission-panel .primary:hover{background:#ead7b3}.mission-panel .primary:disabled{opacity:.45}.mission-panel .secondary{color:#dedfd1;border-color:#a6b3a85c;background:#ffffff05}.mission-panel .secondary:hover{border-color:#d4bc89;background:#d4bc8912}.mission-panel .puzzle-note{color:#aebfba}.angle-readout{border-color:#b3c0ac35}.angle-readout b{color:#e0c595}.angle-readout span{color:#b5c3bc}.meter-label{color:#c5d0c8}.meter-label b{color:#b1d3bd}.meter{background:#a5b5a32a}.meter i{background:#90bba4!important}.range-labels{color:#b0bfb6}input[type=range]{accent-color:#d6bd8e}.route-slot{background:#0c1e27aa;border-color:#abb8a45e;color:#e2ca9d}.route-buttons button{background:#20333e;border-color:#a4b3a85b;color:#e4e7db}.route-buttons button>span{color:#dfc593}.route-buttons button:hover:not(:disabled){background:#34454c;border-color:#c9b582}
.game-note{color:#d0d8cb;text-shadow:0 1px 4px #000}
.result{max-width:1000px;margin:35px auto;background:linear-gradient(120deg,#152129ee,#101b22ed);border:1px solid #d4c19b66;backdrop-filter:blur(13px);box-shadow:0 20px 80px #0006}.result .result-subtitle{color:#d1d9cf}.result-compass{background:#e8d1a212}.result-table th{color:#c8cfc5}.result-score{color:#e5d1a9}.result-table td{border-color:#d5c9a02e}.result-actions .secondary{color:#e9e1cf;border-color:#c8b68c99}
dialog{background:linear-gradient(130deg,#202c32,#152128);border-color:#c5b4978a}.modal-top>.eyebrow{color:#dec69d}.rules-grid div{border-color:#c4ba984f}.leader-table th{color:#c2cbbf}.leader-table td{border-color:#cfbf9929}.leader-table tr.current{background:#c5a36c1a}.operator-stat{color:#dedbcd}.game-hud #quit-btn{color:#d1d2c3}
@media(min-width:1600px){.environment-shade{background:linear-gradient(90deg,#09121af2,#0b141bba 26%,#0d171b35 51%,transparent 80%),linear-gradient(0deg,#09121ae8,transparent 60%)}.lobby{padding-top:65px}}
@media(max-width:1100px){.environment-shade{background:linear-gradient(90deg,#0a141bf2,#0b151bc9 37%,#101b2340 74%),linear-gradient(0deg,#0b141ddd,transparent 60%)}.mission-panel{padding:26px 24px 17px}}
@media(max-width:760px){.environment{background-position:58% 33%}.environment-shade{background:linear-gradient(90deg,#0c171edb,#0c171e55),linear-gradient(0deg,#0b141ef5 0%,#0b141eb3 45%,#0b141e18 100%)}#ocean-film{object-position:58% 33%;filter:saturate(.8) contrast(1.03)}.topbar{background:#101a22a8}.lobby{padding-top:28px;min-height:0}.hero-copy{padding-bottom:22px}.hero-copy h1{font-size:clamp(60px,14.5vw,90px)}.hero-copy h1>em{font-size:15px}.hero-description{max-width:270px;color:#ecede2;text-shadow:0 1px 9px #000}.hero-world{opacity:1;right:0;top:90px;width:70%;height:270px}.chapter-label{color:#cbd2c5}#start-form{background:transparent;margin-top:30px}.name-wrap{background:#101e25ce}.facts{margin-top:18px}.voyage-strip{padding:20px 12px;background:#111e26ba}.voyage-strip>div:nth-child(3){padding-left:0}.game-hud{background:#12212aee;padding:12px 14px}.scene-panel{height:300px}.scene-panel[data-type=angle]{height:300px}.mission-panel{padding:25px 21px 13px;border-top:1px solid #c7b48a55;border-left:0}.mission-story{font-size:13px;color:#becac8}.mission-bottom{margin-top:18px}.result{margin:20px 5%;padding:32px 5%}.result h1{font-size:29px}.scene-legend{font-size:10px;background:#14252bcf}footer{background:#0b151dcc}.game-note{font-size:10px}.hero-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){#ocean-film{transition:none}}
.sound-previews{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 20px}.sound-previews button{color:#e2dac6;border-color:#c9b58b80;background:#e3d2a40a;flex:1}.sound-previews button:hover{background:#d2b87a1a}.sound-previews button:active{background:#d2b87a2e}dialog .meter-label{color:#d9dbcd}
@media(max-width:760px){.topbar,.game-hud,.voyage-strip,.scene-legend{backdrop-filter:none}}

.scene-panel[data-stage="structure"]{min-height:640px}
@media(max-width:760px){.scene-panel[data-stage="structure"]{height:450px;min-height:0}}