:root{color-scheme:light;--paper:#f6f0df;--ink:#193d58;--sea:#123d65;--coral:#ac4937;--line:#d2c7ac;--amber:#b18043}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,'Noto Sans',sans-serif}body{background-image:repeating-linear-gradient(0deg,#6a674406 0 1px,transparent 1px 5px)}button,select,a{touch-action:manipulation}button,select{min-width:44px;min-height:44px;font:inherit;font-weight:650;color:var(--ink);background:#fcf9ef;border:1px solid var(--line);border-radius:5px;padding:7px 10px;cursor:pointer}button:hover{background:#e6d8bc}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #bd623c;outline-offset:2px}button:disabled{opacity:.43;cursor:default}.primary{background:var(--coral);color:#fff;border-color:var(--coral)}.primary:hover{background:#7e3328;color:#fff}button[aria-pressed=true]{background:#193d58;color:white}a{color:var(--ink)}header{max-width:1280px;margin:auto;height:60px;display:flex;align-items:center;justify-content:space-between;padding:6px 20px;border-bottom:1px solid var(--line);gap:8px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}.brand span{font-size:28px;color:var(--coral)}.brand b{font-size:18px;white-space:nowrap}header>div{display:flex;gap:5px}header select{max-width:105px;font-size:13px}header #sound{background:transparent}main{max-width:1240px;margin:0 auto;padding:12px 18px 20px}.mission-line{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:60px;margin-bottom:8px}.mission-line small{font-size:10px;letter-spacing:2px;color:#86643f}.mission-line h1{font-size:22px;margin:2px 0}.mission-line nav{display:flex;gap:5px;padding-right:50px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:22px;align-items:start}.chart{min-width:0}.canvas-wrap{position:relative;overflow:hidden;background:#123d65;border:1px solid #c2b28f;box-shadow:0 10px 25px #16395018}canvas{width:100%;height:auto;display:block;touch-action:none;user-select:none}.chart-caption{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:10px 5px;border-bottom:1px solid var(--line)}#map-hint{font-size:13px;line-height:1.55;margin:10px 5px}aside{display:flex;flex-direction:column;gap:10px;padding-top:8px}.island-card{border:1px solid var(--line);background:#fffaf0;padding:12px;border-radius:6px}.island-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.island-heading b{font-size:18px}.island-heading span{font-size:12px}#resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.resource{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:3px;padding:2px 3px}.resource:last-child{border:0}.resource>small{font-size:12px}.resource strong{font-size:22px;letter-spacing:-1px}.resource em{font-style:normal;font-size:11px;white-space:nowrap}.resource .short{color:#a4382b}.resource .up{color:#214e78}#pact-status{border-top:1px solid var(--line);margin-top:10px;padding-top:8px;font-size:12px;line-height:1.35}.actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.actions button{font-size:13px;padding:6px 3px}.forecast{background:#e7e1cf;padding:11px 12px;border-left:3px solid #b68b4a;min-height:102px}.forecast>div{display:flex;gap:8px;justify-content:space-between;font-size:13px}#notice{font-size:13px;line-height:1.4;margin:8px 0 0}#coverage{font-size:12px}#coverage.warn{color:#9d3827}.commit-row{display:flex;gap:6px}.commit-row #commit{flex:1;font-size:16px;min-height:50px}.secondary{display:flex;gap:7px;align-items:center;justify-content:space-between}.secondary small{font-size:11px}.secondary a{font-size:11px}#win-rule{font-size:12px;line-height:1.5;margin:0}#entry{position:absolute;inset:0;background:#0c2d50e8;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;backdrop-filter:blur(2px)}#entry[hidden]{display:none}#entry small{font-size:11px;letter-spacing:4px;color:#e5b371}#entry h2{font-size:clamp(20px,3vw,34px);margin:12px 0;max-width:420px}#entry p{max-width:390px;font-size:14px;line-height:1.6;margin:0 0 16px}#start{min-width:180px;min-height:48px;background:#d18658;border-color:#e1a878;color:#122f48}#start:hover{background:#ecc28f}#tow-banner{position:absolute;bottom:10px;left:12px;right:12px;background:#fff1c8ed;color:#173d57;text-align:center;padding:7px;font-size:13px;pointer-events:none}dialog{border:1px solid var(--line);border-radius:10px;background:#faf5e8;color:var(--ink);width:min(720px,calc(100% - 22px));max-height:calc(100dvh - 24px);padding:25px 20px;box-shadow:0 20px 90px #071d3e66}dialog::backdrop{background:#071e36aa;backdrop-filter:blur(3px)}dialog h2{margin:0 44px 16px 0;font-size:24px}dialog h3{font-size:17px}dialog p{font-size:14px;line-height:1.55}.close{position:absolute;right:9px;top:9px;font-size:23px;z-index:2}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.dialog-actions button{flex:1}.map-grid,.pact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-grid button,.pact-grid button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:13px;min-height:100px}.map-grid span,.pact-grid span{font-size:12px;font-weight:400;line-height:1.5}.pact-grid button:disabled{opacity:.6}.pact-grid small{font-size:11px}.partner-row{display:flex;gap:5px;margin:10px 0}.forecast-card{border-top:1px solid var(--line);padding:10px 0}.forecast-card table{width:100%;border-collapse:collapse;font-size:13px;text-align:center}.forecast-card th{text-align:left}.forecast-card td,.forecast-card th{padding:5px 3px}.record{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.record span{font-size:12px}.replay-canvas{background:var(--sea);border:1px solid var(--line)}.replay-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.replay-controls input{flex:1;min-width:50px;min-height:44px}.result-stars{font-size:35px;color:#ac7141}.result-rule{background:#e7e1cf;padding:10px}.guide{max-width:800px;line-height:1.7}.guide h1{font-size:30px}.guide section{border-top:1px solid var(--line);padding:15px 0}.guide a{overflow-wrap:anywhere}.guide table{border-collapse:collapse;width:100%;font-size:13px}.guide td,.guide th{padding:7px;border:1px solid var(--line)}body #gamenow-mobile-menu-launcher{top:67px!important;right:max(10px,env(safe-area-inset-right))!important;bottom:auto!important}body .gamenow-exit-bar{max-width:calc(100vw - 20px)}
@media(max-width:900px){header{height:52px;padding:4px 10px}.brand b{font-size:15px}.brand span{font-size:23px}main{padding:5px 8px 8px}.mission-line{min-height:48px;margin-bottom:4px}.mission-line h1{font-size:18px}.mission-line small{font-size:9px;letter-spacing:1px}.workspace{display:block}.chart{max-width:650px;margin:auto}.chart-caption{padding:4px 5px;min-height:26px;font-size:12px}#map-hint{display:none}aside{gap:5px;padding-top:5px}.island-card{padding:7px 9px}.island-heading{margin:0 0 5px}.island-heading b{font-size:15px}.island-heading span{font-size:11px}.resource{gap:1px;padding:0 3px}.resource strong{font-size:18px}.resource>small{font-size:11px}.resource em{font-size:10px}#pact-status{margin-top:5px;padding-top:4px;font-size:11px}.forecast{min-height:64px;padding:6px 8px}.forecast>div{font-size:12px}#notice{margin:4px 0 0;font-size:12px;line-height:1.3}.commit-row #commit{min-height:44px;font-size:14px}.secondary{height:44px}#win-rule{display:none}body #gamenow-mobile-menu-launcher{top:57px!important}}
@media(max-width:600px) and (max-height:740px){header{height:48px}.brand b{font-size:13px}header select{max-width:82px;padding:6px;font-size:11px}main{padding-top:2px}.mission-line{min-height:44px;margin-bottom:2px}.mission-line small{display:none}.mission-line h1{font-size:15px}.mission-line nav{padding-right:48px}.canvas-wrap{max-height:224px}.canvas-wrap canvas{margin-top:-6px}.island-card{padding:5px 7px}.island-heading{margin-bottom:3px}.resource em{font-size:10px}#pact-status{margin-top:3px;padding-top:3px}.forecast{min-height:54px;padding:5px 7px}#notice{font-size:11px}.secondary{height:20px}.secondary #archive{position:fixed;right:57px;bottom:auto;top:50px;visibility:hidden}.secondary small,.secondary a{font-size:10px}.actions{gap:3px}.actions button{font-size:12px}.chart-caption{min-height:22px;padding:2px 3px;font-size:11px}aside{gap:4px;padding-top:4px}body #gamenow-mobile-menu-launcher{top:50px!important}#entry{padding:8px}#entry small{font-size:9px}#entry h2{font-size:21px;margin:7px 0}#entry p{font-size:12px;margin-bottom:9px;line-height:1.4}.map-grid,.pact-grid{gap:6px}.map-grid button,.pact-grid button{padding:9px}dialog{padding:21px 12px}dialog h2{font-size:21px}}
@media(max-width:350px) and (max-height:610px){.canvas-wrap{height:197px}.canvas-wrap canvas{width:100%;margin-top:-9px}.island-heading b{font-size:13px}.island-heading span{font-size:10px}.resource strong{font-size:16px}.resource>small{font-size:10px}#pact-status{font-size:10px}.forecast{min-height:49px}#notice{font-size:10px;line-height:1.2}.forecast>div,#coverage{font-size:11px}.secondary{height:14px}.resource em{letter-spacing:-.4px}}
@media(orientation:landscape) and (max-height:540px){header{height:46px;max-width:none;padding:1px 62px 1px 10px}.brand b{font-size:16px}.mission-line{position:absolute;top:0;left:35%;right:225px;height:46px;min-height:46px;margin:0}.mission-line>div{display:none}.mission-line nav{padding:0;gap:4px}.mission-line button{background:transparent}main{padding:4px 8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:10px;height:calc(100dvh - 54px)}.chart{height:100%;width:100%;display:flex;flex-direction:column;max-width:none;min-height:0}.canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;box-shadow:none}.canvas-wrap canvas{width:100%;height:100%;object-fit:contain;margin:0}.chart-caption{height:24px;min-height:24px;padding:3px}aside{padding:0;gap:5px;min-height:0;overflow-y:auto}.island-card{padding:6px 8px}.forecast{min-height:61px}.secondary{height:22px}.secondary #archive{position:static;visibility:visible;min-height:44px}.secondary a{font-size:10px}body #gamenow-mobile-menu-launcher{top:1px!important;right:8px!important}#entry p{font-size:12px;line-height:1.4}#entry h2{font-size:22px}#entry{padding:12px}.guide .mission-line{position:static}.guide{height:auto}}
/* Keep every playable mooring visible, including the southern lighthouse. */
@media(max-width:600px) and (max-height:740px){.canvas-wrap{max-height:none}.canvas-wrap canvas{margin:0}}
@media(max-width:350px) and (max-height:610px){.canvas-wrap{height:181px;display:flex;align-items:center;justify-content:center}.canvas-wrap canvas{width:auto;height:100%;max-width:100%;object-fit:contain;margin:0}.secondary{height:12px}.secondary a{font-size:9px}aside{gap:3px}}
@media(max-width:350px) and (max-height:610px){main{padding-bottom:0}.secondary{margin-bottom:0}}