@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#173d42;background:#f4f3eb;font-synthesis:none;font-weight:400;font-size:15px;--ink:#173d42;--muted:#71817d;--line:#e0e3d8;--cream:#faf9f2;--orange:#d68050;--sea:#227b85}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{min-height:44px;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #de9954;outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}button{border:0;color:inherit}input,select{min-height:46px;border:1px solid #d7ddd3;background:#fffdf7;border-radius:9px;padding:10px 12px;color:var(--ink);min-width:0;max-width:100%}input::placeholder{color:#99a29a}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Noto Serif SC",Songti SC,serif;font-weight:600}h2{font-size:29px;line-height:1.55;letter-spacing:-.8px}h3{font-size:16px;font-weight:600;margin:22px 0 12px}p{font-size:15px;line-height:1.8}small{font-size:12px}a{color:#2c7a70;text-underline-offset:4px}.topbar{height:82px;background:var(--cream);padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6db;position:relative;z-index:20}.brand{display:flex;gap:12px;align-items:center;background:none;text-align:left;font-size:22px;font-family:"Noto Serif SC",serif;font-weight:700;letter-spacing:2px;padding:0}.brand-mark{height:44px;width:44px;background:var(--ink);color:#ead1a0;display:grid;place-items:center;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%)}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;font-weight:500;letter-spacing:3.7px;margin-top:2px}.topbar-center{font-size:15px;letter-spacing:3px;font-weight:700}.topbar-center span{margin-left:18px;padding-left:18px;border-left:1px solid #d8ddd4;font-size:12px;letter-spacing:1px;font-weight:400;color:#70817c}.topbar nav{display:flex;gap:10px;align-items:center}.icon-button{width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent}.icon-button:hover{background:#e8ece1}.profile{display:flex;gap:9px;align-items:center;padding:0 0 0 14px;background:none}.profile>span{background:#e4e9dd;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:14px}.profile b{font-size:14px;font-weight:500;max-width:90px;overflow:hidden;text-overflow:ellipsis}.environment-banner{font-size:12px;text-align:center;height:26px;padding:4px 8px;color:#64736b;background:#e9ede2;letter-spacing:.8px}.table-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100svh - 108px)}.island-area{position:relative;min-height:690px;background:#227b85;overflow:hidden;color:#f6f0da}.island-heading{position:absolute;z-index:11;left:42px;top:31px;pointer-events:none}.eyebrow{font-family:Arial,Noto Sans SC,sans-serif;font-size:10px;font-weight:600;letter-spacing:3px;color:#8ead9e}.island-heading .eyebrow{color:#b6d5cc}.island-heading h1{font-size:34px;letter-spacing:1px;margin:9px 0;font-weight:500}.island-heading p{color:#bed6cb;font-size:13px;margin:0}.board-stage{position:absolute;inset:105px 0 45px;touch-action:none}.board-stage>div:has(canvas){outline:none}.board-stage canvas{display:block;touch-action:none}.board-tools{position:absolute;z-index:12;left:27px;bottom:16px;display:flex;background:#194f58cf;padding:4px;border:1px solid #83b6ad3b;border-radius:12px;box-shadow:0 6px 20px #163d4022;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.board-tools button{background:transparent;color:#dce7d6;width:40px;min-height:40px;display:grid;place-items:center;border-radius:8px}.board-tools button:hover,.board-tools button.selected{background:#c6e0cf30;color:#fff}.board-caption{position:absolute;right:27px;bottom:20px;color:#bdd5c8;font-size:11px;line-height:1.8;text-align:right;pointer-events:none}.board-caption span{display:block;font-size:9px;letter-spacing:1px;color:#9abfb6}.board-loading{position:absolute;inset:0;display:grid;place-items:center;color:#d3e1cc}.number-token{width:36px;height:36px;min-height:36px;border-radius:50%;box-shadow:0 3px 1px #80633544,0 1px 5px #173a3544;background:#fff3d5;border:1px solid #fffbe8;color:#254a42;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none;cursor:default;position:relative;pointer-events:auto}.number-token span{font-family:Georgia,serif;font-size:22px;line-height:22px;font-weight:700}.number-token small{font-size:9px;line-height:7px;letter-spacing:.4px}.number-token.red{color:#b84732}.number-token.selectable{cursor:pointer}.number-token.selectable:after{content:"";position:absolute;inset:-6px}.number-token.chosen{box-shadow:0 0 0 4px #ffd56d}.port-label{font-size:10px;font-weight:600;white-space:nowrap;pointer-events:none;color:#ecf1dc;padding:3px 6px;background:#164b51bc;border-radius:4px}.flat-board{width:100%;height:100%;padding:10px}.island-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:35px;font-size:12px;height:52px;border-top:1px solid #b5dace26;color:#c9ddcf}.island-footer span{display:flex;gap:7px;align-items:center}.action-panel{padding:40px 30px 24px;background:var(--cream);border-left:1px solid #dbe0d4;align-self:stretch;min-width:0}.panel-kicker{font-size:12px;color:#688177;letter-spacing:1px;display:flex;gap:8px;align-items:center;margin:3px 0 26px}.mini-hex{display:inline-block;width:10px;height:11px;background:#d28d5c;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.action-panel>h2{font-size:32px;line-height:1.75;margin-bottom:16px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.primary,.dark,.ghost,.danger{padding:11px 17px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:9px;font-weight:500;font-size:14px}.primary{background:var(--orange);color:#fffaf0;box-shadow:0 4px 10px #a3632820}.primary:hover:not(:disabled){background:#c47245;box-shadow:0 6px 18px #a3632830}.dark{background:var(--ink);color:#fff9e9}.dark:hover:not(:disabled){background:#27565a}.ghost{background:transparent;border:1px solid #d9ded3;color:#36544e}.ghost:hover:not(:disabled){background:#e8ecdf}.danger{background:#b55d47;color:#fff}.full{width:100%;margin-top:12px}.large{min-height:53px;margin-top:18px}.large svg:last-child{margin-left:auto}.large svg:first-child{margin-right:3px}.or{display:flex;gap:12px;align-items:center;color:#8d9a90;font-size:11px;margin:25px 0 16px}.or span{height:1px;flex:1;background:#e1e6db}.join-input{display:flex;border:1px solid #d9e1d5;border-radius:9px;background:#f2f4eb;overflow:hidden}.join-input input{border:0;background:transparent;border-radius:0;flex:1;width:100%;font-size:14px;letter-spacing:1px;height:50px}.join-input button{min-width:52px;background:transparent;display:grid;place-items:center;color:#476759}.join-input button:hover{background:#e3e9dc}.panel-bottom{display:flex;justify-content:space-between;margin-top:24px}.panel-bottom button{background:none;display:flex;gap:7px;align-items:center;font-size:12px;color:#698076;padding:5px 0}.quiet-note{font-size:11px;color:#97a193;display:flex;justify-content:center;align-items:center;gap:6px;margin:32px 0 4px}.field-label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:#62756a;margin:16px 0}.field-label input,.field-label select{width:100%;font-weight:400}.text-button{background:transparent;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#597e6d;padding:7px 0}.text-button:hover{color:#1a534b}.subtle{color:#9d9f94;font-size:11px}.saved-rooms{border-top:1px solid var(--line);margin-top:20px}.saved-rooms h3{font-size:12px;color:#829081}.saved-rooms button{display:flex;align-items:center;justify-content:space-between;background:none;width:100%;text-align:left;border-bottom:1px solid #e5e8dd;padding:10px 0;font-size:13px}.saved-rooms small{display:block;color:#8b988b;font-size:11px;margin-top:4px}.lobby-title{display:flex;align-items:center;justify-content:space-between}.lobby-title h2{margin:0}.room-code{font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:4px;margin:15px 0 23px;color:#c17d49}.room-code span{font-family:Noto Sans SC,sans-serif;display:block;font-weight:400;font-size:11px;letter-spacing:.5px;color:#8e9b8d;margin-top:7px}.member{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.member .avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#163b40;font-weight:600;border:1px solid #163b4012}.member>span:nth-child(2){flex:1}.member small{display:block;color:#86917e;font-size:10px;margin-top:3px}.member.empty{color:#b0b7a7}.member.empty .avatar{border:1px dashed #cdd5c5;background:#f0f3e8}.ready,.waiting{font-size:10px;display:flex;gap:3px;align-items:center}.ready{color:#328164}.waiting{color:#9b9e8d}.color-picker{display:flex;gap:8px;align-items:center;margin:17px 0}.color-picker>span{font-size:12px;margin-right:auto;color:#73816c}.color-picker button{height:30px;width:30px;min-height:30px;border:3px solid var(--cream);border-radius:50%;box-shadow:0 0 0 1px #d6decf;position:relative}.color-picker button:after{content:"";position:absolute;inset:-7px}.color-picker .chosen{box-shadow:0 0 0 2px #2e6659}.map-options{border-top:1px solid var(--line);padding-top:5px}.map-options>div{display:flex;gap:8px}.map-options>div button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid #dce3d4;background:transparent;border-radius:7px;font-size:12px}.map-options button.selected{background:#e7eee0;border-color:#819f84}.hint{font-size:13px;line-height:1.8;padding:14px 16px;background:#edf0e4;border-left:3px solid #a2b68a;border-radius:4px;color:#63745a}.playing .island-heading h1{font-size:25px;margin:7px 0 4px}.playing .island-heading p{font-size:12px}.playing .island-area{min-height:810px}.playing .board-stage{inset:82px 0 155px}.playing .action-panel{padding-top:24px}.turn-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.turn-heading .muted{font-size:11px}.turn-badge{font-size:11px;padding:5px 9px;background:#e6ecdd;color:#527557;border-radius:5px}.current-player{display:flex;align-items:center;gap:11px;margin:13px 0 5px!important;font-size:27px!important}.current-player>span{width:8px;height:8px;border-radius:50%}.phase-text{font-size:13px;color:#6c806e;margin-bottom:16px}.players-score>div{display:flex;align-items:center;gap:8px;padding:10px 9px;border-radius:7px;font-size:12px}.players-score>div.current{background:#eef1e6}.player-dot{width:8px;height:22px;border-radius:3px}.players-score>div>span:nth-child(2){flex:1}.players-score small{display:block;font-size:10px;color:#85937e;margin-top:3px}.players-score strong{font-family:Georgia,serif;font-size:22px;display:flex;gap:3px;align-items:baseline}.players-score strong small{font-size:10px;font-weight:400}.awards{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:12px 0;font-size:10px;display:flex;flex-direction:column;gap:9px}.awards>span{display:flex;align-items:center;gap:7px;color:#7f8c73}.awards b{margin-left:auto;font-weight:500;color:#566e56}.dice-button{justify-content:space-between}.dice-button>span{font-size:27px;line-height:1}.dice-result{display:flex;align-items:center;gap:7px;margin:12px 0}.dice-result>span{font-size:39px;line-height:1;color:#33594c}.dice-result>b{font:600 24px Georgia,serif;margin-left:10px}.dice-result small{margin-left:auto;color:#829178;font-size:10px}.animate{animation:arrive .45s ease-out}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0 4px}.build-grid>button{border:1px solid #dce3d2;border-radius:8px;background:#f4f5ec;padding:10px 3px;display:flex;align-items:center;gap:6px;flex-direction:column;min-height:104px}.build-grid>button.selected{border-color:#d19a60;background:#f8edd8}.build-grid b{font-size:11px;font-weight:500}.build-grid small{font-size:9px;line-height:1.5;max-width:58px}.cost{display:inline-flex;gap:5px;align-items:center;flex-wrap:wrap}.cost>span{display:inline-flex;gap:1px;align-items:center;font-size:12px}.resource-wood{color:#477c57}.resource-brick{color:#b57655}.resource-wool{color:#8c9e65}.resource-grain{color:#b99749}.resource-ore{color:#6c8390}.count-badge{background:#d48a53;color:#fff;border-radius:50%;font-size:10px;min-width:19px;line-height:19px}.hand-tray{position:absolute;bottom:20px;left:26px;right:26px;max-width:580px;margin:0 auto;padding:14px 18px;background:#fcf9ed;border-radius:14px;box-shadow:0 12px 30px #133d4040;color:var(--ink);z-index:11}.hand-title{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.5px;margin-bottom:10px}.hand-title>b{font-family:Georgia,serif;font-size:16px}.hand-title small{font-weight:400;font-size:9px}.hand-title>button{margin-left:auto;font-size:11px;min-height:26px;background:#e7ebdf;padding:4px 10px;border-radius:6px}.resource-hand{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.resource-card{display:grid;grid-template-columns:1fr auto;gap:3px;align-items:center;background:#eff1e7;border:1px solid #e1e6d9;padding:9px 11px;border-radius:7px;min-width:0}.resource-card svg{grid-row:1/3}.resource-card span{font-size:10px;text-align:right}.resource-card>b{font:600 24px Georgia,serif;text-align:right;line-height:1}.resource-card.resource-brick{background:#f4ebe1;border-color:#eadace}.resource-card.resource-grain{background:#f5efdb;border-color:#e9dec0}.resource-card.resource-ore{background:#e8edeb;border-color:#d8e0de}.game-log{border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:12px;color:#7c8b72}.game-log summary{cursor:pointer;min-height:32px}.game-log ol{list-style:none;padding:0;max-height:180px;overflow:auto}.game-log li{display:flex;gap:10px;border-bottom:1px solid #e8ebdf;padding:8px 0;line-height:1.7}.game-log li small{font-size:10px;color:#a8ad99;min-width:23px}.placement-confirm{position:absolute;bottom:165px;left:50%;transform:translate(-50%);z-index:16;background:#fff9e9;box-shadow:0 8px 30px #173d4055;display:flex;gap:10px;padding:12px;border-radius:12px;width:max-content;max-width:calc(100% - 28px);color:var(--ink);align-items:center}.placement-confirm b{font-size:13px}.placement-confirm small{display:block;font-size:10px;color:#89907b;margin-top:5px}.placement-confirm .primary,.placement-confirm .ghost{white-space:nowrap}.finish-mark{display:grid;place-items:center;padding:24px;color:#c99a4c}.modal-backdrop{position:fixed;inset:0;background:#102d38a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:470px;max-width:100%;max-height:90dvh;overflow:auto;background:var(--cream);padding:25px;border-radius:18px;box-shadow:0 24px 70px #08262f55}.modal.wide{width:700px}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.modal h2{font-size:25px;margin:0}.modal p,.modal h3{font-size:14px}.modal>.primary{margin-top:20px}.notice{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:200;border-radius:10px;display:flex;align-items:center;gap:12px;max-width:min(600px,calc(100% - 28px));padding:12px 17px;box-shadow:0 5px 25px #14363d33;font-size:14px}.notice.error{background:#9a4d3c;color:#fff8ec}.notice.success{background:#fff7e4;color:#31534a}.notice button{background:none;color:inherit;min-height:26px;display:grid;place-items:center}.offline{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#d6a660;color:#153c3b;padding:5px 12px;z-index:80;font-size:12px}.offline button{background:none;text-decoration:underline;font-size:12px;min-height:32px}.toggle{position:relative;display:block;border-bottom:1px solid var(--line);padding:20px 50px 20px 0;font-size:15px}.toggle>span{display:block;font-size:12px;color:#829076;margin-top:6px}.toggle>input{position:absolute;right:3px;top:15px;width:22px;accent-color:#507d5e}.card-picker{border:0;padding:0;margin:14px 0}.card-picker legend{font-size:13px;font-weight:500;margin-bottom:12px}.picker-row{display:flex;gap:7px;align-items:center;border-top:1px solid #e6e9df;padding:5px 0}.picker-row label{flex:1;font-size:13px}.picker-row button{background:#e9ede0;width:36px;height:36px;min-height:36px;border-radius:6px;font-size:18px}.picker-row input{padding:4px;width:40px;text-align:center;min-height:36px;height:36px;background:transparent;border:0;-moz-appearance:textfield}.picker-row input::-webkit-inner-spin-button{display:none}.bank-trade{padding-bottom:17px;border-bottom:1px solid var(--line)}.bank-trade>div{display:flex;gap:10px;align-items:center}.bank-trade select{flex:1;font-size:13px}.bank-trade .primary{white-space:nowrap}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.offer{border:1px solid #dce2d1;border-radius:10px;padding:14px;margin-top:12px;background:#f1f3e8}.offer strong{font-size:13px}.offer-exchange{display:flex;align-items:center;gap:15px;margin:12px 0}.offer-actions{display:flex;gap:7px;flex-wrap:wrap}.offer-actions button{font-size:12px;min-height:38px;padding:7px 10px}.development-card{display:flex;gap:12px;align-items:center;padding:17px 0;border-top:1px solid var(--line)}.development-card>div{flex:1}.development-card b{font-size:14px}.development-card small{display:block;font-size:11px;color:#8b947e;margin-top:6px}.guide h3{color:#628367;margin-top:24px}.guide p{color:#77856d}.guide-costs>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.guide a{display:inline-block;margin-top:20px;font-size:13px}.saved-map{display:flex;align-items:center;gap:8px;margin-top:16px}.saved-map b{flex:1;font-size:14px}.port-edit{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px}.port-edit select{font-size:12px;min-height:40px;padding:6px}.validation p{font-size:11px;color:#b17949;margin:5px 0}.validation{margin-top:18px}.validation .valid{color:#568568;display:flex;align-items:center;gap:7px}.editing .action-panel{padding-top:28px}.editing .action-panel>h2{font-size:24px;line-height:1.5;margin-top:13px}.editing details{font-size:13px;color:#7f8e73;padding:10px 0}.editing summary{cursor:pointer}.editing .island-area{min-height:850px}@keyframes arrive{0%{opacity:.1;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.table-layout{grid-template-columns:minmax(0,1fr) 410px}.action-panel{padding:46px 39px}.island-heading{left:55px;top:42px}.island-heading h1{font-size:40px}.board-stage{inset:130px 10px 45px}}@media(max-width:1050px){.table-layout{grid-template-columns:minmax(0,1fr) 325px}.action-panel{padding:28px 22px}.island-heading{left:25px}.island-heading h1{font-size:27px}.island-heading p{font-size:11px;max-width:290px}.island-area{min-height:700px}.topbar{padding:0 24px}.topbar-center,.board-caption{display:none}.resource-card{padding:8px 6px;display:flex;flex-direction:column}.resource-card svg{width:22px;height:22px}.resource-card b{font-size:22px}.hand-tray{left:14px;right:14px;padding:12px}.resource-hand{gap:5px}.playing .board-stage{bottom:190px}.playing .placement-confirm{bottom:193px}.build-grid{grid-template-columns:repeat(2,1fr)}.build-grid>button{min-height:80px;display:grid;grid-template-columns:25px 1fr;text-align:left;padding:10px}.build-grid .cost,.build-grid small{grid-column:1/3}.playing .island-area{min-height:930px}}@media(max-width:720px){:root{font-size:15px}.topbar{height:68px;padding:0 17px}.brand{font-size:19px;gap:8px}.brand-mark{width:36px;height:39px}.brand small{font-size:8px;letter-spacing:2.8px}.topbar nav{gap:0}.profile{padding-left:6px}.profile b{display:none}.icon-button{width:40px;min-height:44px}.environment-banner{font-size:10px;height:auto;min-height:24px;letter-spacing:0;padding:5px}.table-layout{display:flex;flex-direction:column;min-height:0}.island-area{min-height:0;height:530px}.island-heading{top:24px;left:24px}.island-heading .eyebrow{font-size:8px;letter-spacing:2.4px}.island-heading h1{font-size:27px;margin:8px 0 7px}.island-heading p{font-size:11px;max-width:330px}.board-stage{inset:105px 0 48px}.board-tools{left:16px;bottom:4px;padding:2px;background:#184c55d9}.board-tools button{width:39px;min-height:39px}.island-footer{height:43px;gap:18px;font-size:10px}.island-footer svg{width:14px}.action-panel{padding:28px 24px 30px;border-left:0;border-top:1px solid #dce3d4}.action-panel>h2{font-size:28px;line-height:1.6}.panel-kicker{font-size:11px;margin-bottom:15px}.action-panel>.muted{font-size:13px}.large{margin-top:12px}.or{margin:20px 0 14px}.panel-bottom{margin-top:16px}.quiet-note{margin-top:20px}.number-token{width:29px;height:29px;min-height:29px}.number-token span{font-size:18px;line-height:18px}.number-token small{font-size:7px;line-height:6px}.port-label{font-size:8px;padding:2px 4px}.playing .island-area{min-height:0;height:610px}.playing .island-heading{top:17px}.playing .island-heading h1{font-size:22px}.playing .board-stage{inset:84px 0 165px}.playing .hand-tray{bottom:15px;left:16px;right:16px;padding:11px 12px}.resource-card{flex-direction:row;display:grid;grid-template-columns:1fr auto;padding:8px 5px}.resource-card svg{grid-row:1/3;width:21px;height:21px}.resource-card span{font-size:8px}.resource-card b{font-size:21px}.resource-hand{gap:5px}.hand-title>button{min-height:36px}.playing .placement-confirm{bottom:169px;gap:7px;padding:10px}.placement-confirm>div{flex:1}.placement-confirm b{font-size:12px}.placement-confirm small{font-size:9px}.placement-confirm .primary,.placement-confirm .ghost{padding:9px 11px;font-size:12px}.playing .action-panel{padding-top:23px}.build-grid{grid-template-columns:repeat(4,1fr)}.build-grid>button{display:flex;text-align:center;min-height:100px;padding:8px 4px}.build-grid small{max-width:70px}.players-score{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px}.players-score>div{padding:8px 5px;font-size:11px}.players-score strong{font-size:20px}.players-score small{font-size:9px}.awards{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:10px}.awards b{max-width:45px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-backdrop{padding:12px;align-items:flex-end}.modal{max-height:91dvh;border-radius:17px 17px 9px 9px;padding:20px;width:100%}.modal h2{font-size:22px}.trade-columns{grid-template-columns:1fr;gap:0}.picker-row button{width:44px;min-height:44px}.picker-row input{min-height:44px;width:48px}.bank-trade>div{gap:6px;flex-wrap:wrap}.bank-trade select{width:calc(50% - 25px)}.bank-trade .primary{width:100%;margin-top:5px}.editing .island-area{min-height:0;height:530px}.editing .island-heading h1{font-size:22px}.color-picker button{min-height:34px;width:34px}.game-log li{font-size:12px}.offer-actions button{min-height:44px}.notice{font-size:12px}.saved-rooms{max-height:300px;overflow:auto}.member{font-size:14px}.quiet-note{font-size:12px}.panel-bottom button,.topbar-center span{font-size:14px}}@media(max-height:600px)and (min-width:721px){.island-area,.playing .island-area{min-height:720px}.modal-backdrop{align-items:center}}@media(max-width:400px){.island-footer{gap:12px}.resource-card svg{width:18px;height:18px}.resource-card span{font-size:8px}.resource-card b{font-size:19px}.action-panel{padding-left:19px;padding-right:19px}}.google-login{background:#fff;color:#334e49;border:1px solid #d7ddd3;box-shadow:0 3px 12px #173d4212}.google-login:hover:not(:disabled){background:#f5f7ef;box-shadow:0 5px 18px #173d4218}.google-mark{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font:700 17px Arial,sans-serif;border:1px solid #e0e4dd}.mobile-game-nav,.mobile-turn-status,.mobile-panel-close{display:none}.board-tools button{min-width:44px;min-height:44px}.hand-title>button{min-height:44px}.color-picker button{width:44px;height:44px;min-height:44px}.color-picker button:after{inset:0}.color-picker:has(button:nth-of-type(6)){flex-wrap:wrap}.color-picker:has(button:nth-of-type(6))>span{flex-basis:100%}.picker-row button{width:44px;min-height:44px}.offer-actions button{min-height:44px}.number-token.selectable:after{inset:-8px}@media(max-width:720px),(max-height:600px)and (pointer:coarse){.table-layout:not(.playing):not(.editing) .island-area{height:350px}.table-layout:not(.playing):not(.editing) .island-heading{top:15px;left:20px}.table-layout:not(.playing):not(.editing) .island-heading .eyebrow,.table-layout:not(.playing):not(.editing) .island-heading p{display:none}.table-layout:not(.playing):not(.editing) .board-stage{inset:50px 0 40px}.table-layout:not(.playing):not(.editing) .action-panel>h2{font-size:23px;line-height:1.4;margin-bottom:8px}.table-layout:not(.playing):not(.editing) .action-panel>h2 br{display:none}.table-layout:not(.playing):not(.editing) .panel-kicker{margin:0 0 8px}.table-layout:not(.playing):not(.editing) .action-panel{padding-top:18px}.board-tools button{width:44px;min-height:44px}.table-layout.playing{display:block;min-height:0}.playing .island-area{height:calc(100dvh - 166px);min-height:300px}.playing .island-heading{display:none}.playing .board-stage{inset:64px 0 0}.playing .board-tools{bottom:8px}.playing .board-caption{display:none}.mobile-turn-status{display:flex;flex-direction:column;gap:5px;position:absolute;top:13px;left:20px;right:20px;z-index:12;color:#fff5da;pointer-events:none}.mobile-turn-status b{font-size:16px}.mobile-turn-status span{font-size:14px;color:#d5e9df}.playing .action-panel{display:none;position:fixed;bottom:72px;left:0;right:0;z-index:40;max-height:65dvh;overflow:auto;padding:22px 20px;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px #092e3955}.playing.mobile-actions-open .action-panel{display:flex;flex-direction:column}.playing .action-panel>.players-score{order:20;margin-top:18px}.playing .action-panel>.awards{order:21}.playing .action-panel>.game-log{order:22}.playing .action-panel>.text-button.subtle{order:23}.mobile-panel-close{display:grid;position:absolute;right:10px;top:10px;z-index:2}.playing .turn-heading{padding-right:38px}.playing .hand-tray{display:none;position:fixed;bottom:83px;left:12px;right:12px;z-index:41;padding:14px;box-shadow:0 -6px 35px #092e3966}.playing.mobile-hand-open .hand-tray{display:block}.playing .placement-confirm{bottom:62px;width:calc(100% - 24px);max-width:480px;z-index:25}.mobile-game-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fcf9ed;border-top:1px solid #ccd9ca;min-height:72px;padding-bottom:env(safe-area-inset-bottom)}.mobile-game-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;min-height:72px;font-size:13px;color:#325952;border-radius:0}.mobile-game-nav button.selected{background:#e4ead9;color:#153e39}.mobile-game-nav button:first-child{color:#a4522c}.playing .players-score{display:grid;grid-template-columns:1fr 1fr}.playing .build-grid{grid-template-columns:repeat(4,1fr)}.playing .build-grid>button{display:flex;padding:9px 4px;text-align:center}.build-grid b{font-size:14px}.build-grid small{font-size:12px;max-width:100%}.players-score small,.awards,.hand-title,.resource-card span{font-size:12px}.players-score small{max-width:105px;line-height:1.6;text-wrap:balance}.phase-text{font-size:14px}.playing .game-log{margin-top:12px}.notice{bottom:86px}.offline{bottom:72px}}@media(max-height:600px)and (pointer:coarse){.topbar{height:54px}.environment-banner{min-height:22px;padding:3px}.playing .island-area{height:calc(100dvh - 148px);min-height:200px}.playing .board-stage{inset:0 150px 0 0}.playing .board-tools{left:auto;right:-140px;bottom:10px}.mobile-turn-status{left:auto;right:12px;width:135px;top:14px}.playing .placement-confirm{left:42%;bottom:10px;max-width:390px}.playing .action-panel{left:auto;width:min(460px,75vw);max-height:calc(100dvh - 80px)}.playing .number-token{width:22px;height:22px;min-height:22px}.playing .number-token span{font-size:15px;line-height:15px}.playing .number-token small{font-size:6px;line-height:5px}.playing .port-label{font-size:9px;padding:2px 3px}}.skin-options{display:grid;gap:10px;margin:18px 0}.skin-option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px;background:transparent}.skin-option.chosen{border-color:#bb965d;box-shadow:inset 0 0 0 1px #bb965d}.skin-option b{font-size:14px}.skin-option small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.skin-swatch{display:block;flex:0 0 58px;height:56px;border-radius:9px;border:1px solid #b8a17a60}.skin-swatch.island{background:radial-gradient(ellipse at 65% 34%,#adb09b 0 8%,#51634b 9% 20%,#a69766 21% 28%,#123640 29% 44%,#081c29 64%)}.skin-swatch.tabletop{background:radial-gradient(ellipse at 50% 50%,#65704a 0 26%,#c2a061 27% 30%,#1b3035 31% 48%,#97733e 49% 51%,transparent 52%),repeating-linear-gradient(95deg,#302217 0 3px,#38271a 5px 8px)}.skin-swatch.classic{background:linear-gradient(135deg,#227b85 0 25%,#9ab86a 25% 50%,#e2b24f 50% 75%,#f4f3eb 75%)}.skin-check{margin-left:auto;color:#b28c55;font-size:20px}.appearance-settings .subtle{line-height:1.6}.app-shell[data-skin]:not([data-skin=classic]){--ink:#e6e6de;--muted:#a4b3b8;--line:#31404a;--cream:#14212b;--orange:#b78951;--sea:#0b2632;color:var(--ink);background:#0b1720;min-height:100dvh;color-scheme:dark}.app-shell[data-skin=tabletop][data-skin]{--cream:#241f1b;--line:#443a2d;--muted:#b8ad9a;--sea:#241c15;background:#191410}[data-skin]:not([data-skin=classic]) .topbar{background:linear-gradient(100deg,#14222c,#0d1821);border-color:var(--line);box-shadow:0 5px 24px #0002}.app-shell[data-skin=tabletop] .topbar{background:linear-gradient(100deg,#28221a,#1b1917)}[data-skin]:not([data-skin=classic]) .brand-mark{background:#b99760;color:#15222a}[data-skin]:not([data-skin=classic]) .environment-banner{background:#101b24;color:#97a9b2;border-bottom:1px solid #24343e}[data-skin]:not([data-skin=classic]) .island-area{background:#081c28}.app-shell[data-skin=tabletop] .island-area{background:#251b13}[data-skin]:not([data-skin=classic]) .island-heading h1{color:#f2e7d1;text-shadow:0 3px 18px #0007}[data-skin]:not([data-skin=classic]) .island-heading p,[data-skin]:not([data-skin=classic]) .island-heading .eyebrow{color:#aabbbd}[data-skin]:not([data-skin=classic]) .action-panel{border-color:var(--line);background:linear-gradient(155deg,var(--cream),#101b24);box-shadow:-8px 0 36px #0002}.app-shell[data-skin=tabletop] .action-panel{background:linear-gradient(155deg,var(--cream),#1c1916)}[data-skin]:not([data-skin=classic]) :is(.topbar-center span,.panel-kicker,.panel-bottom button,.text-button,.quiet-note,.field-label,.subtle,.room-code span,.color-picker>span,.member small,.waiting,.phase-text,.players-score small,.awards>span,.awards b,.dice-result small,.game-log,.toggle>span,.development-card small,.guide p,.guide h3,.saved-rooms h3,.saved-rooms small,.editing details){color:var(--muted)}[data-skin]:not([data-skin=classic]) :is(.icon-button:hover,.profile>span,.join-input,.member.empty .avatar,.hint,.turn-badge,.players-score>div.current,.build-grid>button,.hand-title>button,.picker-row button,.offer,.map-options button.selected){background:#24333c;color:#dce3df;border-color:#41535c}[data-skin]:not([data-skin=classic]) :is(.ghost,.join-input,.map-options>div button,.picker-row,.saved-rooms button,.game-log li,.offer,.action-panel,.build-grid>button){border-color:var(--line)}[data-skin]:not([data-skin=classic]) .ghost{color:#c7d3d7}[data-skin]:not([data-skin=classic]) .ghost:hover{background:#30424b}[data-skin]:not([data-skin=classic]) :is(input,select){background:#0e1a22;border-color:#3c4c55;color:#e3e7e4}[data-skin]:not([data-skin=classic]) input::placeholder{color:#8a9ca5}[data-skin]:not([data-skin=classic]) .join-input button{color:#d1b27a}[data-skin]:not([data-skin=classic]) .primary{background:linear-gradient(120deg,#bd9258,#a57543);color:#fff7e7;border:1px solid #d9b47744;box-shadow:0 5px 18px #0003}[data-skin]:not([data-skin=classic]) .google-login{background:#fff;color:#334e49;border-color:#d7ddd3;box-shadow:0 3px 12px #173d4212}[data-skin]:not([data-skin=classic]) .google-login:hover:not(:disabled){background:#f5f7ef;box-shadow:0 5px 18px #173d4218}[data-skin]:not([data-skin=classic]) .primary:hover:not(:disabled){background:#c39a60}[data-skin]:not([data-skin=classic]) .dark{background:#354b55;color:#f4ead6}[data-skin]:not([data-skin=classic]) .or span{background:var(--line)}[data-skin]:not([data-skin=classic]) :is(.hand-tray,.placement-confirm){background:#172630f5;color:#ebebe1;border:1px solid #4e6268;box-shadow:0 12px 30px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-skin]:not([data-skin=classic]) .resource-card{background:#243a33;border-color:#3e5949;color:#b7d7b7}[data-skin]:not([data-skin=classic]) .resource-card.resource-brick{background:#40312b;border-color:#644638;color:#edb08c}[data-skin]:not([data-skin=classic]) .resource-card.resource-wool{background:#303c2f;border-color:#526047;color:#c7d6a6}[data-skin]:not([data-skin=classic]) .resource-card.resource-grain{background:#403929;border-color:#625636;color:#e7c67d}[data-skin]:not([data-skin=classic]) .resource-card.resource-ore{background:#2e3b44;border-color:#4c5e6b;color:#c0d3df}[data-skin]:not([data-skin=classic]) .cost .resource-wood{color:#91be96}[data-skin]:not([data-skin=classic]) .cost .resource-brick{color:#e3a784}[data-skin]:not([data-skin=classic]) .cost .resource-wool{color:#becf97}[data-skin]:not([data-skin=classic]) .cost .resource-grain{color:#e0bf75}[data-skin]:not([data-skin=classic]) .cost .resource-ore{color:#b2c7d5}[data-skin]:not([data-skin=classic]) .dice-result>span{color:#e5d8bd}[data-skin]:not([data-skin=classic]) .build-grid>button.selected{background:#514431;border-color:#c2a263}[data-skin]:not([data-skin=classic]) .number-token{background:radial-gradient(circle at 35% 25%,#fff2d0,#dbc299);border-color:#f4dfa8;color:#30382d;box-shadow:0 2px #806944,0 5px 9px #0006}[data-skin]:not([data-skin=classic]) .number-token.red{color:#aa3925}[data-skin]:not([data-skin=classic]) .number-token.chosen{box-shadow:0 0 0 4px #ffd56d,0 5px 9px #0006}[data-skin]:not([data-skin=classic]) .port-label{background:#101f29dc;color:#e6d2a7;border:1px solid #93826050}[data-skin]:not([data-skin=classic]) .board-tools{background:#101d29d9;border-color:#a5b3b23b}[data-skin]:not([data-skin=classic]) .board-caption{color:#b3c0be}[data-skin]:not([data-skin=classic]) .modal{border:1px solid var(--line);background:var(--cream)}[data-skin]:not([data-skin=classic]) .mobile-game-nav{background:#101e28f5;border-color:var(--line)}[data-skin]:not([data-skin=classic]) .mobile-game-nav button{color:#b4c4ca}[data-skin]:not([data-skin=classic]) .mobile-game-nav button.selected{background:#344550;color:#f1d2a1}[data-skin]:not([data-skin=classic]) .ready{color:#a0cfa5}[data-skin]:not([data-skin=classic]) a{color:#d4b17c}.app-shell[data-skin=tabletop]{--cream:#241f1b;--line:#443a2d;--muted:#b8ad9a;--sea:#241c15;background:#191410}[data-skin]:not([data-skin=classic]) .board-stage:before{content:"";position:absolute;inset:0 0 auto;height:70px;background:linear-gradient(#081c28,transparent);pointer-events:none;z-index:1}.app-shell[data-skin=tabletop] .board-stage:before{background:linear-gradient(#251b13,transparent)}@media(max-width:720px){[data-skin]:not([data-skin=classic]) .table-layout:not(.playing):not(.editing) .island-area{height:420px}}.sea-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.build-grid.sea-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sea-actions>button{min-height:44px;flex:1;padding:10px 14px;border-radius:12px;border:1px solid #7c9b9c55;background:#133038;color:#d9e9e4;cursor:pointer}.sea-actions>button.selected{background:#d1a661;color:#192b2c}.sea-actions>button:disabled{opacity:.4;cursor:default}.sea-actions .hint{flex-basis:100%}.number-token.water-token{background:#153b4cbb;border:1px solid #95cdd555;color:#d3f5f8;box-shadow:none;font-size:15px;width:30px;height:30px}.number-token.fog-token{background:#263f4d;color:#e3eced;border-color:#8fa8b1;box-shadow:0 0 18px #b4c9d329;font-size:20px}