:root{color-scheme:light;--ink:#203b35;--muted:#52655c;--paper:#f7f3e9;--line:#cdcfc0;--green:#184c43;--gold:#c49c55;--red:#98432e;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border:1px solid var(--green);border-radius:8px;padding:11px 18px;background:var(--green);color:#fff;font-weight:650;cursor:pointer;text-decoration:none;line-height:1.35}button:hover,.button:hover{background:#276256}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--green);border-color:#8eaaa0}button.secondary:hover{background:#e7eade}button.quiet{background:transparent;border-color:transparent;color:var(--muted);padding:8px 10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #8e4e11;outline-offset:4px}a{color:var(--green);text-underline-offset:4px}h1,h2,h3,p{margin:0}p{line-height:1.7}h1,h2,h3{line-height:1.25;overflow-wrap:anywhere}h1{font-size:clamp(34px,4.2vw,62px);letter-spacing:-.055em;font-weight:650}h2{font-size:24px}h3{font-size:21px}small{font-size:13px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;color:#52675e;margin-bottom:18px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:1400px;padding:24px 36px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:12px;letter-spacing:.2em;font-weight:750}.brand-sub{display:block;font-size:14px;letter-spacing:.08em;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.public-main{max-width:1328px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:52px;align-items:center;padding:76px 0 68px}.hero-copy .intro{font-size:17px;line-height:1.8;margin:26px 0 22px}.tags{color:var(--muted);font-size:11px;letter-spacing:.1em;margin:0 0 28px}.hero-chart{transform:rotate(-2deg);padding:18px;background:#fbf9f0;border:1px solid #b9c5b6;border-radius:5px;box-shadow:0 14px 34px #304c3c12}.hero-chart svg{width:100%;height:auto;display:block}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:.1em;font-weight:650;padding:0 0 12px}.chart-heading h2{font-size:13px;letter-spacing:.09em}.chart-heading span:last-child{font-size:9px}.hero-chart>p{text-align:center;margin-top:14px;font-size:11px;letter-spacing:.08em}.play-section{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 50px}.play-section form{padding:36px 36px 36px 0}.play-section form+form{padding-left:36px;padding-right:0;border-left:1px solid var(--line)}.play-section h2{margin-bottom:12px}.play-section p:not(.eyebrow){color:var(--muted);font-size:14px;margin:0 0 18px}.play-section button{margin-top:10px}.join-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:550;line-height:1.6;margin:16px 0}input,select{display:block;background:#fffdf6;color:var(--ink);border:1px solid #a2afa2;min-height:48px;border-radius:7px;padding:10px 12px;width:100%;min-width:0;margin-top:7px}input::placeholder{color:#627568}.rules{padding:12px 0 48px}.rule-row{display:grid;grid-template-columns:1fr 2fr;gap:44px;padding:28px 0;border-top:1px solid var(--line)}.rule-row h2{font-size:19px}.rule-row p{color:#415b4e;font-size:15px}.rules .rule-row:first-child{border-top:0}footer{max-width:1328px;margin:0 auto;padding:26px 36px 42px;display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid var(--line)}footer span{letter-spacing:.12em}.room{max-width:1480px;margin:auto;padding:28px 32px 48px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.room-heading h1{font-size:34px;letter-spacing:-.035em}.room-heading .eyebrow{margin-bottom:5px}.room-code{font-size:12px;letter-spacing:.16em;margin-top:6px}.room-tools{display:flex;gap:8px;flex-wrap:wrap}.room-tools button{font-size:13px}.screen-bar{padding:16px 18px;background:#e6ebdf;border:1px solid #bdcbb7;border-radius:10px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:22px}.screen-bar strong{font-size:14px}.screen-bar p{font-size:13px;color:var(--muted);margin-top:3px}.screen-bar button{font-size:13px;flex-shrink:0}.room-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}.personal-area{min-width:0}.public-area{min-width:0}.cargo{border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:24px}.section-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}.section-label h2{font-size:17px;letter-spacing:-.02em}.section-label>span{font-size:9px;letter-spacing:.07em;color:#52655c}.goods-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.good{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 3px 10px;border:1px solid #bdc5b2;border-radius:8px;background:#e5ebd8}.good-icon{width:24px;height:26px;display:inline-block;flex-shrink:0;vertical-align:middle}.good-icon path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.good.wood{background:#e2ead7}.good.stone{background:#e4e8e5}.good.grain{background:#f1e6c2}.good.cloth{background:#e9e2ec}.good span{font-size:12px;font-weight:650}.good strong{font-size:25px;font-weight:650}.action-panel{padding-bottom:22px;border-bottom:1px solid var(--line)}.action-panel .eyebrow{margin-bottom:10px}.action-panel h2{font-size:23px}.action-panel>p{margin-top:14px;font-size:14px;color:var(--muted)}.turn-meta{display:flex;gap:16px;align-items:center;margin:19px 0;font-size:13px;line-height:1.8}.dice{width:55px;height:55px;display:grid;place-items:center;border:1px solid #a5b4a1;border-radius:12px;background:#fffdf4;font-size:28px;font-weight:700;box-shadow:0 3px 0 #c8cebc}.target-controls label{font-size:12px;color:var(--muted)}.target-controls select{font-size:14px}.target-controls button{width:100%}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.action-buttons>button{flex:1;font-size:14px}.action-buttons>button[data-action=end]{flex-basis:100%;margin-top:6px}.build-buttons{display:grid;gap:9px;margin-top:14px}.build-buttons>button{display:flex;justify-content:space-between;text-align:left;gap:14px;font-size:14px}.build-buttons small{font-size:10px;max-width:65%;text-align:right;line-height:1.6}.supply-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.host-actions{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.host-actions button{min-height:38px;font-size:11px;padding:8px 10px}.connection{font-size:11px!important}.wide{width:100%}.chart-panel{padding:16px;background:#fcfaf3;border:1px solid #b8c8bc;border-radius:12px}.chart-heading button{padding:6px 12px;min-height:36px;font-size:12px;letter-spacing:0}.map-scroll{overflow:auto;max-height:78vh;border-radius:9px;overscroll-behavior:contain}.map-scroll svg{display:block;width:100%;height:auto}.map-scroll.zoomed svg{min-width:1000px}.chart-legend{font-size:11px;color:#52655c;margin-top:12px}.sea-wave{fill:none;stroke:#91b5ad;stroke-width:1.5}.compass{fill:none;stroke:#60867b;stroke-width:1.5}.compass text{fill:#486e60;stroke:none;font-size:14px}.chart-label{font-size:13px;letter-spacing:.13em;fill:#577a6b}.unbuilt{fill:none;stroke-width:2;stroke-dasharray:6 7}.owned{fill:none;stroke-width:7}.lane-mark{font-size:20px;paint-order:stroke;stroke:#e1eeeb;stroke-width:5px;stroke-linejoin:round}.hit-line{stroke:#46716c;stroke-width:25px;opacity:.15;fill:none}.selectable{cursor:pointer}.sea-lane.selectable .unbuilt{stroke:#18524a;stroke-width:5px;stroke-dasharray:5 5}.island-shore{fill:#dfebcd}.stone .island-shore{fill:#e0e4dc}.grain .island-shore{fill:#f1e4b3}.cloth .island-shore{fill:#eaddee}.island.selectable .island-shore{stroke:#0b4238;stroke-width:4;stroke-dasharray:5 3}.selectable:hover .island-shore{fill:#fff9e3;stroke-width:5}.tide-circle{fill:#fffdf6;stroke:#a7af96;stroke-width:1}.tide-number{font-size:18px;font-weight:750;fill:#223b33}.island-id{font-size:13px;fill:#385343}.island-name{font-size:18px;font-weight:650;fill:#233f32}.owner-label{font-size:12px;font-weight:700;fill:#fff}.storm-cross{fill:none;stroke:#873527;stroke-width:6;stroke-linecap:round;opacity:.75}.blocked-label{font-size:12px;font-weight:750;fill:#813322}.crew{padding:24px 0 14px}.small-title{font-size:12px;letter-spacing:.08em;margin-bottom:16px}.player-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.player-row{display:flex;gap:12px;align-items:center;padding:12px 8px;border-bottom:1px solid #c9cbbb;min-width:0}.player-row.current{background:#e6ebdf;border-radius:7px;border-bottom-color:#7f9983}.player-row>div{min-width:0;flex:1}.player-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.player-row small{display:block;font-size:11px;color:#536451;line-height:1.7;margin-top:4px}.player-symbol{font-size:23px}.color-0{color:#b0482e}.color-1{color:#226678}.color-2{color:#7862a1}.color-3{color:#5c722e}.player-row>b{font-size:25px;text-align:center;line-height:1}.player-row>b>small{font-size:9px}.player-row button{font-size:11px}.contracts{padding:24px 0;border-top:1px solid var(--line)}.contract-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contract{padding:15px;background:#f1ecde;border:1px solid #c8bfa4;border-radius:7px;border-top:3px solid #aa8547}.contract-top{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:12px;line-height:1.4}.contract-top strong{white-space:nowrap;font-size:14px;color:#704b1d}.contract p{font-size:11px;margin:12px 0}.contract button{font-size:12px;padding:7px 10px;min-height:40px;width:100%}.journal{border-top:1px solid var(--line);padding:18px 0}.journal summary{cursor:pointer;min-height:32px;font-size:13px}.journal ol{padding-left:22px;margin:12px 0;color:var(--muted);font-size:12px;line-height:1.8}.offer{padding:20px;background:#f2e4c3;border:1px solid #cbb17b;border-radius:10px;margin-top:22px}.offer .eyebrow{margin:0 0 9px;color:#66512b}.offer h2{font-size:19px;margin-bottom:12px}.offer p{font-size:13px}.offer button{margin:12px 6px 0 0;font-size:13px}.result{border-top:1px solid #9aab8f;padding:18px 0;margin-top:20px}.result>p:first-child{font-size:11px;letter-spacing:.12em}.result h3{font-size:29px;margin:10px 0}.controller .room{max-width:900px}.controller .room-grid{display:block}.controller .personal-area{max-width:600px;margin:auto}.controller .goods-row{gap:12px}.controller .build-buttons{grid-template-columns:repeat(3,1fr)}.controller .build-buttons>button{flex-direction:column;text-align:center;gap:6px}.controller .build-buttons small{max-width:100%;text-align:center}.controller .room>.contracts,.controller .room>.crew{max-width:600px;margin:20px auto}.controller .section-label>span{font-size:10px}.display .room{max-width:2000px}.display .room-grid{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.display .room-heading{margin-bottom:18px}.display .map-scroll{max-height:none}.display .site-header{max-width:2000px;padding:12px 32px}.display .public-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:22px}.display .chart-panel{grid-row:span 3;align-self:start}.display .crew{padding-top:0}.display .player-list{grid-template-columns:1fr}.display .contracts{padding-top:20px}.display .contract-list{grid-template-columns:1fr}.display .contract-top{font-size:15px}.display .contract p{font-size:13px;margin:10px 0 0}.display .journal{grid-column:2}.display .phase-status{font-size:26px}.display .turn-meta{font-size:16px}.display-entry{max-width:660px;padding:64px 30px;margin:auto}.display-entry label{margin:24px 0}.display-entry form>button{width:100%;margin-top:10px}.display:fullscreen{background:var(--paper);overflow:auto}.display:fullscreen .site-header{display:none}.hint{color:var(--muted);font-size:13px}dialog{border:1px solid #aab9a3;border-radius:18px;max-width:min(520px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 36px);padding:0;background:#f9f6ed;color:var(--ink);overflow:hidden;box-shadow:0 24px 80px #12362944}dialog::backdrop{background:#1e332b88;backdrop-filter:blur(4px)}.modal-body{padding:26px;overflow-y:auto;max-height:calc(100dvh - 38px)}.modal-body h2{font-size:24px;margin-bottom:18px}.modal-body p{font-size:14px;margin:12px 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.modal-actions button{font-size:13px}.qr{display:block;max-width:100%;height:auto;margin:18px auto}.screen-code{font-size:24px!important;letter-spacing:.12em;text-align:center}.modal-body input[readonly]{font-size:12px}.location-review{font-size:21px!important;font-weight:650}.trade-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;align-items:center;font-size:13px;margin:20px 0}.trade-grid input{margin:0;padding:10px}.trade-grid>span:nth-child(-n+3){font-size:12px;font-weight:700}#toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#183f36;color:white;border-radius:9px;padding:14px 20px;box-shadow:0 4px 24px #142d3033;font-size:14px;line-height:1.6}#toast[hidden],[hidden]{display:none!important}
@media(min-width:1600px){.display .room{padding:20px 28px}.display .room-grid{grid-template-columns:280px minmax(0,1fr)}.display .island-id{font-size:16px}.display .owner-label{font-size:13px}}
@media(max-width:1180px){.hero{gap:30px}.display .public-area{display:block}.display .player-list{grid-template-columns:1fr 1fr}.display .contract-list{grid-template-columns:repeat(3,minmax(0,1fr))}.room-grid{grid-template-columns:310px minmax(0,1fr);gap:22px}.player-list{grid-template-columns:1fr}.contract-list{grid-template-columns:1fr}.contract-top{font-size:14px}.contract p{font-size:12px}.hero-chart .chart-heading span:last-child{display:none}}
@media(max-width:760px){.site-header{padding:16px 20px}.site-header nav{gap:16px;font-size:12px}.brand{font-size:10px;gap:9px}.brand-sub{font-size:12px}.public-main{padding:0 22px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0 42px}.hero h1{font-size:44px}.hero-copy .intro{font-size:15px;margin:20px 0}.eyebrow{font-size:11px}.hero-chart{max-width:550px;width:100%;margin:auto;transform:rotate(-1deg);padding:13px}.play-section{display:block}.play-section form,.play-section form+form{border-left:0;padding:28px 0}.play-section form+form{border-top:1px solid var(--line)}.play-section h2{font-size:25px}.rule-row{grid-template-columns:1fr;gap:13px;padding:24px 0}.rule-row h2{font-size:19px}.rule-row p{font-size:14px}footer{padding:25px 22px;flex-direction:column;font-size:11px}.room{padding:22px 18px 40px}.room-heading{gap:16px;align-items:flex-start}.room-heading h1{font-size:27px}.room-heading .eyebrow{font-size:9px}.room-tools{max-width:150px;justify-content:flex-end;gap:5px}.room-tools button{font-size:11px;padding:8px 10px;min-height:36px}.room-code{font-size:10px}.screen-bar{display:block;padding:14px;margin-bottom:22px}.screen-bar strong{font-size:12px}.screen-bar p{font-size:12px;margin:6px 0 12px}.screen-bar button{width:100%;min-height:40px}.room-grid,.display .room-grid{display:flex;flex-direction:column;gap:26px}.personal-area,.public-area{width:100%}.action-panel h2{font-size:22px}.cargo{margin-bottom:20px}.good strong{font-size:26px}.action-buttons>button{font-size:13px}.chart-panel{padding:10px}.chart-heading{gap:8px}.chart-heading h2{font-size:11px}.chart-heading button{font-size:11px}.chart-legend{font-size:10px}.map-scroll{max-height:70vh}.map-scroll.zoomed svg{min-width:900px}.player-list{grid-template-columns:1fr}.contract-list{grid-template-columns:1fr}.contract-top{font-size:14px}.contract p{font-size:13px}.controller .build-buttons{grid-template-columns:1fr}.controller .build-buttons>button{flex-direction:row;text-align:left;justify-content:space-between}.controller .build-buttons small{max-width:62%;text-align:right}.controller .room>.contracts{margin-top:18px}.display .site-header{padding:14px 18px}.display .public-area{display:block}.display .contract-list{grid-template-columns:1fr}.display .player-list{grid-template-columns:1fr}.display-entry{padding:42px 22px}.display-entry h1{font-size:36px}.modal-body{padding:23px 20px}.modal-body h2{font-size:23px}.trade-grid{font-size:12px}.goods-row{gap:6px}.good{padding:12px 2px 10px}.good span{font-size:11px}.section-label>span{font-size:8px}.join-fields{gap:12px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}.island.selectable .island-shore{animation:breathe 2s ease-in-out infinite}@keyframes breathe{50%{stroke-opacity:.5}}}

.controller .site-header{padding-top:10px;padding-bottom:10px}.controller .room-heading .eyebrow{display:none}.controller .room-heading{margin-bottom:14px}.controller .room-heading h1{font-size:25px}.controller .screen-bar.has-screen p{display:none}.controller .screen-bar{margin-bottom:18px}.controller .screen-bar.has-screen button{margin-top:10px}.map-scroll:focus-visible{outline:3px solid #8e4e11;outline-offset:3px}
.display .map-scroll svg{max-height:calc(100dvh - 300px)}.display:fullscreen .map-scroll svg{max-height:calc(100dvh - 195px)}.public-feedback{border-left:3px solid #a98442;padding:14px 15px;margin-top:20px;background:#f0eadb;font-size:16px;line-height:1.8}.public-feedback .eyebrow{margin-bottom:6px}.contract-drawer{max-width:600px;margin:20px auto 0;border-top:1px solid var(--line);padding-top:14px}.contract-drawer>summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:650;padding:9px 0}.contract-drawer .contracts{border-top:0;padding-top:12px}
@media(max-width:760px){.controller .room{padding-top:14px}.controller .room-heading{align-items:center}.controller .room-heading .room-code{margin-top:3px}.controller .screen-bar{padding:10px 12px;margin-bottom:16px}.controller .screen-bar.has-screen{display:flex;gap:8px;align-items:center}.controller .screen-bar.has-screen button{width:auto;margin:0;min-width:120px;font-size:11px;padding:8px}.controller .screen-bar.has-screen strong{font-size:11px}.controller .good{padding:9px 2px 7px;gap:3px}.controller .good-icon{width:20px;height:21px}.controller .good strong{font-size:23px}.controller .cargo{padding-bottom:15px;margin-bottom:16px}.controller .action-panel .eyebrow{margin-bottom:6px}.controller .turn-meta{margin:13px 0}.display .map-scroll svg{max-height:none}}