:root{color-scheme:dark;--sea:#071e2a;--sea-deep:#061822;--sea-raised:#102d39;--line:#31505a;--line-soft:#203c47;--paper:#eee8d6;--muted:#a7bbc0;--gold:#f3c66e;--coral:#ee9284;--mint:#7bd8c6;--ink:#102b36;--radius:3px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--sea);scroll-behavior:smooth}body{margin:0;min-width:280px;color:var(--paper);background:radial-gradient(ellipse at 64% 25%,#12313c55,transparent 55%),var(--sea);line-height:1.6}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--paper);cursor:pointer;padding:10px 14px;line-height:1.25;transition:background .15s,border-color .15s,transform .15s}button:hover:not(:disabled){background:#1a3c48;border-color:#79918f}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%;height:auto}p,h1,h2,figure{margin:0}h1,h2{line-height:1.25;word-break:keep-all}h1{letter-spacing:-.06em}h2{letter-spacing:-.04em}button.primary-button{background:var(--gold);color:#172d35;border-color:var(--gold);font-weight:750;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:52px;padding:14px 22px}button.primary-button:hover:not(:disabled){background:#ffdc98;border-color:#ffdc98}button.primary-button:disabled{opacity:.5}button.secondary-button{background:#102d39;border-color:#70817b;min-height:52px;font-weight:650}button.quiet-button{border-color:transparent;font-size:13px;padding:9px 12px}button.text-button{border-color:transparent;font-size:13px;padding:8px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}button.text-button:hover{background:transparent;color:var(--gold)}[hidden]{display:none!important}#app{max-width:1440px;padding:0 56px;margin:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line-soft)}.wordmark{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;font-weight:750}.brand-divider{color:#70878c;padding:0 5px}.masthead-tools{display:flex;gap:8px}.boot-notice{padding:16px 0;color:var(--gold);font-size:14px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;line-height:1.8;display:flex;align-items:center;gap:10px;color:var(--muted)}.eyebrow>span:last-child:not(.signal-dot){margin-left:10px;letter-spacing:.05em}.signal-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px #7bd8c610}.title-screen{min-height:690px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:56px 0 60px}.title-copy{position:relative;z-index:1}.title-copy .eyebrow{font-size:10px;white-space:nowrap}.title-copy h1{font-size:clamp(52px,5.8vw,80px);font-weight:750;line-height:1.15;margin:22px 0 8px;white-space:nowrap}.english-title{font-family:Georgia,Times New Roman,serif;letter-spacing:.31em;color:var(--gold);font-size:15px}.title-tagline{font-size:clamp(23px,2.4vw,32px);line-height:1.55;letter-spacing:-.055em;margin-top:36px;font-weight:400}.title-rules{font-size:14px;line-height:1.95;word-break:keep-all;color:var(--muted);margin-top:19px}.title-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.title-actions .primary-button{min-width:196px}.harbor-picker{display:flex;gap:16px;align-items:center;margin-top:20px;font-size:12px;color:var(--muted)}select{appearance:auto;border:0;border-bottom:1px solid #52707a;border-radius:0;padding:10px 30px 10px 0;background:var(--sea);color:var(--paper);min-height:44px;max-width:100%;font-size:13px}.title-footnote{margin-top:26px;font-size:11px;letter-spacing:.025em;color:#a7bbc0}.title-footnote span{margin:0 8px;color:#56727c}.title-chart{position:relative;width:100%}.title-chart img{width:100%;filter:drop-shadow(0 16px 22px #0002)}.title-chart figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px;font-size:10px;letter-spacing:.025em;color:#9cb2b8}.title-chart:before{content:"N";position:absolute;right:3px;top:-18px;color:#769198;font:11px Georgia,serif}.game-screen{max-width:1100px;margin:auto;padding:28px 0 40px}.harbor-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.harbor-heading h1{font-size:36px;margin:8px 0 4px}.level-subtitle{color:var(--muted);font-size:13px}.mission-stamp{border:1px solid #50616a;display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:130px;padding:11px 17px;transform:rotate(2deg);background:#0b2530}.stamp-label{font:10px Georgia,serif;letter-spacing:.25em;color:var(--gold)}.mission-stamp strong{font-size:15px;font-weight:600;line-height:1.8}.voyage-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:start}.chart-column{min-width:0}.chart-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0 12px;font-size:11px;color:var(--muted);letter-spacing:.06em}.chart-topline>span:first-child{display:flex;align-items:center;gap:10px}#timeline{font-variant-numeric:tabular-nums;color:var(--gold);font-size:12px;letter-spacing:.08em}.chart-frame{position:relative;background:#0c2a37;border:1px solid #567079;box-shadow:0 12px 28px #00131b35}.chart-frame:before,.chart-frame:after{content:"";position:absolute;pointer-events:none;width:16px;height:16px;border:2px solid var(--paper);opacity:.5;z-index:2}.chart-frame:before{top:-3px;left:-3px;border-right:0;border-bottom:0}.chart-frame:after{bottom:-3px;right:-3px;border-left:0;border-top:0}.board{width:100%;line-height:0;touch-action:manipulation}.board svg{display:block;width:100%;height:auto;overflow:visible;outline-offset:7px}.board svg text{font-family:system-ui,sans-serif}.board svg .cell-hit{cursor:crosshair}.board svg .cell-hit:hover{fill:#d9eceb0c}.board svg .chart-art{pointer-events:none}.board .boat-light{filter:drop-shadow(0 0 9px #f3c66e50)}.board .target-light{filter:drop-shadow(0 0 8px #7bd8c640)}.chart-legend{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:15px;color:var(--muted);font-size:11px}.chart-legend>span{display:flex;align-items:center;gap:7px}.chart-legend i{display:inline-block;width:16px;height:9px}.legend-boat{border-top:2px solid var(--gold);transform:translateY(3px)}.legend-echo{border-top:2px dashed var(--coral);transform:translateY(3px)}i.legend-target{width:8px;height:8px;border:2px solid var(--mint);transform:rotate(45deg)}i.legend-reef{width:12px;height:9px;background:#6b858b;clip-path:polygon(0 100%,30% 20%,50% 60%,70% 0,100% 100%)}.navigation-desk{border-left:1px solid var(--line);padding-left:28px}.mission-note{padding:0 0 21px;border-bottom:1px solid var(--line)}.mission-note .eyebrow{font-size:10px;color:var(--mint);letter-spacing:.13em}.mission-note h2{font-size:21px;margin-top:12px;line-height:1.5}.status-message{min-height:44px;margin-top:13px;font-size:13px;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}body[data-phase=failed] .status-message{color:var(--coral)}body[data-phase=paused] .status-message{color:var(--gold)}body[data-phase=voyage-success] .status-message,body[data-phase=level-complete] .status-message{color:var(--mint)}.route-instruments{padding:17px 0}.fuel-meter{display:flex;align-items:center;justify-content:space-between;gap:8px}.fuel-meter>span{font-size:11px;color:var(--muted)}.fuel-meter strong{font-size:20px;color:var(--gold);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.route-summary{font-size:11px;line-height:1.8;max-height:78px;overflow:auto;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.route-editor{display:grid;grid-template-columns:1fr 1fr;gap:7px}.route-editor button{font-size:12px;padding:10px 6px}.route-editor #wait-button{grid-column:1/-1;background:#173541}.route-editor button span{margin-right:4px;font-size:15px}.helm-controls{display:flex;align-items:center;justify-content:center;gap:22px;padding:16px 0}.direction-pad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:3px}.direction-pad button{font-size:21px;padding:0;background:#102c37}.direction-pad [data-move=up]{grid-column:2;grid-row:1}.direction-pad [data-move=left]{grid-column:1;grid-row:2}.direction-pad [data-move=right]{grid-column:3;grid-row:2}.direction-pad [data-move=down]{grid-column:2;grid-row:3}.helm-center{grid-column:2;grid-row:2;text-align:center;line-height:44px;border-radius:50%;border:1px solid var(--line-soft);color:#6a868e;font:13px/44px Georgia,serif}.input-note{font-size:10px;line-height:1.8;color:var(--muted)}kbd{font:10px system-ui,sans-serif;color:#d4d9cd}kbd+kbd{margin-left:2px}.sailing-actions{display:grid;gap:8px}.sailing-actions>button{width:100%}.return-note{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin-top:10px}.return-note strong{color:var(--gold);font-weight:500}.reset-button{margin-top:16px;color:#b5c4c6}.reset-note{font-size:10px;color:#a2b4b9;line-height:1.7}.site-footer{border-top:1px solid var(--line-soft);padding:28px 0 24px;margin-top:8px}.footer-upper{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-wordmark{font-size:11px;letter-spacing:.1em;white-space:nowrap}.footer-wordmark span{display:block;letter-spacing:.1em;color:#9bb1b7;font-size:10px;margin-top:4px}#save-notice{max-width:440px;font-size:11px;line-height:1.8;color:#a2b7bd;word-break:keep-all}.footer-bottom{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:20px;color:#9bb1b7;font-size:10px}.footer-bottom>span{margin-right:auto;letter-spacing:.07em}.footer-bottom button{font-size:11px;min-height:44px}.footer-bottom>a{min-height:44px;display:flex;align-items:center;gap:5px}.privacy-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px;font-size:11px}.privacy-note[open]{flex-basis:100%;order:5}.privacy-note p{max-width:720px;line-height:1.8;font-size:12px;margin-top:8px}.ad-region{margin-top:96px;padding:22px 0 30px;border-top:1px solid var(--line-soft);text-align:center;font-size:11px;color:var(--muted)}.ad-region>p{margin-bottom:16px}#ad-slot{margin:auto;max-width:100%;overflow:hidden;min-height:100px}#ad-slot iframe{max-width:100%;border:0}.paper-dialog{color-scheme:light;background:#eee8d7;color:var(--ink);border:1px solid #fff9e8;border-radius:3px;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:30px;overflow:auto;box-shadow:0 22px 100px #0008}.paper-dialog::backdrop{background:#031721c7;backdrop-filter:blur(5px)}.paper-dialog button{color:var(--ink);border-color:#b5b7a9}.paper-dialog button:hover:not(:disabled){background:#dcdcc9;border-color:#697b78}.paper-dialog .secondary-button{background:transparent;border-color:#8e9b91;color:var(--ink)}.paper-dialog .primary-button{background:#133947;color:#fff3d2;border-color:#133947}.paper-dialog .primary-button:hover:not(:disabled){background:#205064;border-color:#205064}.dialog-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:.08em;margin-bottom:22px;color:#4b696d}.dialog-topline .quiet-button{border:0;font-size:12px;white-space:nowrap}.paper-dialog h2{font-size:32px;line-height:1.4;letter-spacing:-.06em}.paper-dialog p{font-size:13px;line-height:1.8}.paper-dialog .eyebrow{color:#567170}.manual-steps{padding-left:24px;margin:26px 0 20px;display:grid;gap:20px;font-size:15px}.manual-steps li{padding-left:5px}.manual-steps li::marker{color:#3a7975;font-family:Georgia,serif;font-size:19px}.manual-steps p{margin-top:5px;color:#416069}.manual-tip{border-top:1px solid #b6c0b3;padding-top:17px;color:#416069}.manual-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:10px;color:#436769}.result-dialog{text-align:center;padding:38px}.result-dialog .eyebrow{justify-content:center}.result-seal{width:80px;height:80px;border:1px solid #64817a;border-radius:50%;margin:26px auto 22px;display:grid;place-items:center;transform:rotate(-12deg);outline:1px solid #64817a;outline-offset:-7px}.result-seal span{font:23px Georgia,serif;letter-spacing:.12em;color:#466f69}.result-dialog h2{font-size:28px}.result-dialog #result-body{font-size:14px;line-height:1.9;margin:20px 0 26px;white-space:pre-line;overflow-wrap:anywhere}.result-dialog #result-body p+p{margin-top:8px}.result-actions{display:grid;gap:9px;margin-top:22px}.result-actions .text-button{text-align:center}#ad-consent>p{margin-top:18px}#ad-status{border-top:1px solid #bdc3b7;padding-top:18px}body[data-phase=playing] .chart-frame{border-color:#b99c60}body[data-phase=paused] .chart-frame{border-color:var(--gold)}body[data-phase=failed] .chart-frame{border-color:var(--coral)}@media(min-width:1280px){.title-chart{transform:translate(10px)}.game-screen{max-width:1080px}.voyage-layout{grid-template-columns:minmax(0,660px) 330px;gap:50px}.navigation-desk{padding-left:30px}.helm-controls{justify-content:space-between}}@media(max-width:1023px){#app{padding:0 28px}.title-screen{gap:20px;min-height:620px}.title-copy h1{font-size:57px}.title-copy .eyebrow{font-size:9px}.title-copy .eyebrow>span:last-child{display:none}.title-tagline{font-size:25px}.title-rules{font-size:13px}.title-chart figcaption span:last-child{display:none}.voyage-layout{grid-template-columns:minmax(0,1fr) 268px;gap:24px}.navigation-desk{padding-left:20px}.mission-note h2{font-size:18px}.helm-controls{gap:12px}.input-note{font-size:9px}.chart-legend{gap:12px}}@media(max-width:700px){#app{padding:0 20px}.masthead{padding:15px 0}.wordmark{font-size:10px;gap:8px}.wordmark img{width:24px}.masthead-tools{gap:0}.masthead-tools button{font-size:11px;padding:8px}.title-screen{display:flex;flex-direction:column;align-items:stretch;padding:33px 0 35px;gap:27px;min-height:0}.title-copy h1{font-size:58px;margin-top:19px}.title-copy .eyebrow{font-size:10px}.english-title{font-size:12px;letter-spacing:.34em}.title-tagline{font-size:23px;margin-top:22px}.title-rules{font-size:12px;line-height:1.9;margin-top:13px}.title-rules br{display:none}.title-actions{margin-top:23px}.title-actions .primary-button{min-width:180px}.title-actions .secondary-button{font-size:13px}.harbor-picker{margin-top:12px}.title-footnote{margin-top:16px}.title-chart{max-width:480px;margin:auto}.title-chart img{max-height:400px;width:100%;object-fit:contain}.title-chart:before{display:none}.title-chart figcaption span:last-child{display:block}.game-screen{padding-top:23px}.harbor-heading{margin-bottom:18px;gap:12px}.harbor-heading h1{font-size:29px}.harbor-heading .eyebrow{font-size:9px}.harbor-heading .eyebrow>span{display:none}.level-subtitle{font-size:11px;max-width:240px}.mission-stamp{min-width:91px;padding:9px 8px}.mission-stamp strong{font-size:12px}.stamp-label{font-size:8px}.voyage-layout{display:flex;flex-direction:column;gap:25px}.chart-column,.navigation-desk{width:100%}.chart-column{max-width:540px;align-self:center}.chart-topline{padding:9px 0 10px}.chart-legend{gap:15px;font-size:10px;margin-top:13px}.navigation-desk{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.mission-note{grid-column:1/-1;padding-bottom:15px}.mission-note h2{font-size:20px;margin-top:8px}.status-message{min-height:0;margin-top:7px;font-size:12px}.route-instruments{grid-column:1/-1;padding:13px 0}.route-summary{margin-top:5px;max-height:42px}.route-editor{align-self:center}.helm-controls{padding:0;justify-content:flex-end}.input-note{display:none}.direction-pad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}.sailing-actions{grid-column:1/-1;margin-top:17px}.return-note{grid-column:1/-1}.reset-button{grid-column:1/-1;justify-self:start;margin-top:12px}.reset-note{grid-column:1/-1;font-size:10px}.site-footer{padding-top:22px}.footer-upper{display:block}.footer-wordmark span{display:inline;margin-left:9px}#save-notice{margin-top:13px;max-width:100%;font-size:10px}.footer-bottom{gap:15px;margin-top:14px}.footer-bottom>span{flex-basis:100%}.ad-region{margin-left:-20px;margin-right:-20px}.paper-dialog{padding:24px}.paper-dialog h2{font-size:28px}.paper-dialog .dialog-topline{margin-bottom:16px}.result-dialog{padding:28px}.result-dialog h2{font-size:25px}}@media(max-width:359px){#app{padding:0 12px}.masthead-tools button{padding:8px 6px;font-size:10px}.wordmark{gap:6px;font-size:9px}.wordmark img{width:20px}.title-copy h1{font-size:52px}.title-chart figcaption{font-size:9px}.title-chart figcaption span:last-child{display:none}.title-tagline{font-size:22px}.title-actions{gap:8px}.title-actions .primary-button{min-width:150px;padding:13px 16px}.title-actions .secondary-button{min-height:48px;padding:13px 10px}.harbor-heading h1{font-size:26px}.level-subtitle{font-size:10px}.mission-stamp{min-width:83px}.chart-legend{gap:12px;font-size:9px}.navigation-desk{column-gap:10px}.direction-pad{gap:2px}.route-editor{gap:6px}.route-editor button{font-size:11px;padding:9px 4px}.route-editor button span{margin-right:1px}.ad-region{margin-left:-12px;margin-right:-12px}.paper-dialog{width:calc(100% - 24px);padding:19px}.paper-dialog h2{font-size:25px}.manual-steps{padding-left:20px}.footer-bottom{gap:12px}}@media(min-width:701px)and (max-height:500px){#app{padding:0 24px}.masthead{padding:8px 0}.game-screen{padding-top:15px}.harbor-heading{margin-bottom:12px}.harbor-heading h1{font-size:25px;margin:3px 0}.harbor-heading .eyebrow,.level-subtitle{font-size:10px}.voyage-layout{grid-template-columns:minmax(250px,390px) minmax(260px,1fr);gap:25px}.chart-topline{padding:8px 0}.navigation-desk{padding-left:20px}.mission-note h2{font-size:17px}.status-message{font-size:11px;min-height:0}.helm-controls{padding:10px 0}.title-screen{min-height:0;padding:30px 0}.title-copy h1{font-size:44px}.title-tagline{font-size:20px;margin-top:20px}.title-chart{max-width:350px}.title-rules{font-size:12px}.title-chart figcaption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.board .boat-light,.board .target-light{filter:none}.paper-dialog::backdrop{backdrop-filter:none}}.harbor-heading-tools{display:flex;align-items:center;gap:20px}.harbor-heading-tools .text-button{font-size:11px;color:var(--muted)}@media(max-width:700px){.harbor-heading-tools{flex-direction:column-reverse;gap:2px;align-items:flex-end}.harbor-heading-tools .text-button{min-height:30px;font-size:10px;padding:4px 0}}.route-editor button{white-space:nowrap}@media(max-width:700px){body[data-screen=game] .masthead{padding:7px 0}.game-screen{padding-top:15px}.harbor-heading{margin-bottom:12px}.harbor-heading h1{margin:3px 0;font-size:27px}.harbor-heading .level-subtitle{font-size:10px}.chart-legend{margin-top:10px}.voyage-layout{gap:16px}.navigation-desk{padding-top:12px;column-gap:12px}.mission-note{order:1;padding-bottom:10px}.mission-note .eyebrow{display:none}.mission-note h2{font-size:16px;margin-top:0}.status-message{font-size:11px;line-height:1.6;margin-top:5px}.route-instruments{order:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.fuel-meter{flex:0 0 auto;gap:10px}.fuel-meter>span{font-size:9px}.fuel-meter strong{font-size:18px}.route-summary{max-height:20px;margin:0;font-size:9px;max-width:48%}.route-editor{order:3;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:7px}.route-editor #wait-button{grid-column:auto}.route-editor button{font-size:11px;padding:9px 4px}.sailing-actions{order:4;margin-top:9px}.sailing-actions>button{min-height:48px;padding:12px 18px}.return-note{order:5;font-size:10px;margin-top:6px}.helm-controls{order:6;grid-column:1/-1;justify-content:center;gap:24px;margin-top:16px}.helm-controls .input-note{display:block;font-size:10px}.reset-button{order:7}.reset-note{order:8}}@media(min-width:1280px){body[data-screen=game] .masthead{padding:13px 0}.game-screen{max-width:960px;padding-top:24px}.voyage-layout{grid-template-columns:minmax(0,580px) 330px;gap:40px}.harbor-heading{margin-bottom:18px}.harbor-heading h1{font-size:33px}.navigation-desk{padding-left:25px}.helm-controls{padding:12px 0}.mission-note{padding-bottom:16px}.route-instruments{padding:13px 0}}