:root{color:#203d36;font-synthesis:none;background:#f4efdf;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:0 40px}header{border-bottom:1px solid #d7ceba;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.wordmark{color:inherit;letter-spacing:.16em;font-size:20px;font-weight:700;text-decoration:none}header span,footer{color:#626b5e;font-size:13px}.intro{padding:44px 0 24px}.eyebrow{letter-spacing:.18em;color:#646d5c;margin:0 0 12px;font-size:11px;font-weight:700}h1{margin:0 0 16px;font-size:clamp(32px,4vw,48px);line-height:1.25}.intro>p:last-child{color:#626b5e}.table{color:#f4ead5;background:#183e3b;padding:28px 34px}.table .eyebrow{color:#b9c8b6}.board-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{margin:0;font-size:24px}button{font:inherit;color:#203d36;cursor:pointer;background:#f4ead5;border:0;padding:12px 18px}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #d5b557}svg{width:100%;max-height:530px;display:block}svg text{text-anchor:middle;font-family:DM Sans,system-ui,sans-serif}.terrain-label{fill:#112f27;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.token.red{fill:#a43426}.legend{text-transform:capitalize;flex-wrap:wrap;justify-content:center;gap:20px;font-size:12px;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{width:12px;height:12px;display:inline-block}footer{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0 28px;display:flex}@media (width<=600px){main{padding:0 18px}header span{display:none}.table{padding:22px 12px}.board-heading{align-items:flex-start}h2{font-size:20px}button{padding:10px}.legend{gap:12px}}button:disabled{cursor:default;opacity:.45}button[aria-pressed=true],.primary{color:#183e3b;background:#d5b557}button small{margin-top:5px;font-size:10px;display:block}input,select{font:inherit;color:#203d36;background:#fff9e9;border:1px solid #b9b29c;padding:8px}input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #b58c23}.field{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.game-main{max-width:1500px;padding:0 24px}.local-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;font-size:12px;display:flex}.local-toolbar button,.cover-button{background:0 0;border:1px solid #b9b29c;padding:8px 12px}.hand-cover{text-align:center;padding:90px 20px}.cover-button{margin-bottom:12px}.turn-banner{background:#e8dfc6;align-items:center;gap:12px;padding:18px;display:flex}.turn-banner>span:last-child{white-space:nowrap;margin-left:auto}.player-dot{border:2px solid #fff;flex-shrink:0;width:14px;height:14px}.game-layout{grid-template-columns:245px minmax(350px,1fr) 205px;align-items:start;gap:18px;margin-top:18px;display:grid}.game-layout svg{max-height:570px}.player-row{border-bottom:1px solid #d7ceba;align-items:center;gap:10px;padding:14px 6px;display:flex}.player-row.active{background:#e8dfc6}.player-marker{color:#fff;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:grid}.player-row strong{font-size:13px}.player-row small{margin-top:5px;font-size:10px;font-weight:400;display:block}.player-row b{text-align:center;margin-left:auto;font-size:24px}.dice{gap:12px;margin:18px 0;display:flex}.dice span{background:#fff9e9;border:1px solid #b9b29c;place-items:center;width:50px;height:50px;font-size:28px;display:grid}.players>button{width:100%}.small-note{color:#626b5e;font-size:12px;line-height:1.6}.event-log{max-height:620px;overflow:auto}.event-log ol{margin:0;padding:0;list-style:none}.event-log li{border-bottom:1px solid #d7ceba;padding:10px 0;font-size:12px;line-height:1.6}.port-kind{fill:#203d36;font-size:7px}.placement{cursor:pointer}.placement:hover,.placement:focus-visible{filter:drop-shadow(0 0 5px #fff4dd);outline:none}.selectable{cursor:pointer}.selectable:hover polygon,.selectable:focus-visible polygon{stroke:#fff;stroke-width:6px}.selectable:focus-visible{outline:none}.build-controls{gap:8px;margin:18px 8px 0;display:flex}.build-controls button{flex:1;padding:10px 5px}.hand{border-top:1px solid #c6bfa8;border-bottom:1px solid #c6bfa8;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:22px 0;display:flex}.resource-hand{gap:9px;display:flex}.resource{background:#fff9e9;border-top:4px solid #203d36;min-width:80px;padding:10px 14px}.resource span{text-transform:uppercase;font-size:11px;display:block}.resource strong{font-size:28px}.resource.wood{border-color:#39705a}.resource.brick{border-color:#b96a4e}.resource.wool{border-color:#91aa67}.resource.grain{border-color:#d5b557}.resource.ore{border-color:#788694}.hand-actions{flex-wrap:wrap;gap:10px;display:flex}.action-panel{background:#e8dfc6;margin:20px 0;padding:26px}.action-panel h2{margin-bottom:16px}.action-panel button{margin-top:10px;margin-right:8px}.lobby{max-width:650px}.lobby p{line-height:1.7}.resource-picker{border:0;flex-wrap:wrap;gap:10px;margin:16px 0;padding:0;display:flex}.resource-picker legend{margin-bottom:8px;font-weight:700}.resource-picker label{text-transform:capitalize;flex-direction:column;gap:5px;font-size:12px;display:flex}.resource-picker input{width:65px}.trade-columns{grid-template-columns:1fr 1fr;gap:40px;display:grid}.offer{border-top:1px solid #c6bfa8;padding:12px 0}.development-hand{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.development-hand>div{text-transform:capitalize;background:#fff9e9;padding:20px}.development-hand button{text-transform:none;display:block}.error{color:#813420;background:#f4d7c7;border-left:4px solid #a43426;padding:14px 18px}.notice{background:#e8dfc6;padding:14px 18px}table{border-collapse:collapse;width:100%;margin:22px 0;font-size:14px}th,td{text-align:left;border-bottom:1px solid #c6bfa8;padding:10px}@media (width<=1200px){.game-layout{grid-template-columns:220px minmax(350px,1fr)}.event-log{grid-column:1/-1;max-height:170px}.hand{flex-wrap:wrap}}@media (width<=750px){.game-layout{grid-template-columns:1fr}.players{grid-template-columns:1fr 1fr;gap:10px;display:grid}.players .eyebrow,.players .small-note{grid-column:1/-1}.dice{margin:0}.turn-banner{font-size:13px}.trade-columns{grid-template-columns:1fr;gap:20px}.resource{min-width:0;padding:8px 10px}.resource-hand{gap:6px}.resource-picker input{width:52px}.game-main{padding:0 12px}.action-panel{padding:16px}.final-score{overflow-x:auto}}@media (prefers-reduced-motion:no-preference){.placed-piece{animation:.18s ease-out piece-appear}.placement,button{transition:filter .15s,background-color .15s}}@keyframes piece-appear{0%{opacity:0}to{opacity:1}}.room-toolbar{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;font-size:13px;display:flex}.room-toolbar button{margin-left:auto}.invite-url{overflow-wrap:anywhere;border-top:1px solid #c6bfa8;border-bottom:1px solid #c6bfa8;padding:12px 0}.lobby-players{padding:0;list-style:none}.lobby-players li{border-bottom:1px solid #c6bfa8;padding:14px 0}.lobby-players span{float:right;font-size:12px}.lobby-actions{margin-top:20px}.table-tools{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.table-tools .muted{flex:1}.sound-toggle{white-space:nowrap}:root{color:#f9f0d8;background:#073955;font-family:Trebuchet MS,system-ui,sans-serif}body{background:radial-gradient(at 50% 15%,#207c98,#082e4a 80%)}main{max-width:1500px;padding:0 20px}header{border:0;padding:17px 0}header span,footer{color:#aed2de}h1,h2{font-family:Trebuchet MS,system-ui,sans-serif;font-weight:800}.wordmark{color:#ffdc7d;text-shadow:0 3px #173649}button{color:#483327;background:linear-gradient(#ffe4a2,#e8b85e);border:2px solid #d4a155;border-radius:10px;padding:9px 14px;font-weight:700;box-shadow:0 3px #815631}button:hover{background:linear-gradient(#fff3c9,#facb72)}button:active{transform:translateY(2px);box-shadow:0 1px #815631}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#f9cc64;outline:2px solid #fff4ac}.primary{color:#133f38;background:linear-gradient(#80d996,#42a971);border-color:#c1efa5;box-shadow:0 3px #21634a}.action-panel,.hand-cover{color:#3d463c;background:#fff1d6;border:3px solid #b27d42;border-radius:16px;box-shadow:0 5px #69472e,0 15px 40px #001c3866}.eyebrow{color:#7899a4}.intro .eyebrow,.intro>p:last-child{color:#b0dce4}.room-toolbar a,main>a{color:#ffdb85}.room-toolbar{padding:8px 0}.room-toolbar strong{letter-spacing:.16em;color:#ffe6a3;font-size:20px}main:has(.game-surface){flex-direction:column;max-width:none;height:100dvh;padding:0 12px 10px;display:flex;overflow:hidden}main:has(.game-surface) header{flex-shrink:0;padding:9px 4px}main:has(.game-surface) header .wordmark{font-size:17px}main:has(.game-surface) footer{display:none}:is(main:has(.game-surface) .room-toolbar,main:has(.game-surface) .local-toolbar){flex-shrink:0;margin:0;font-size:12px}main:has(.game-surface) .cover-button{z-index:2;padding:5px 8px;font-size:10px;position:absolute;top:6px;right:220px}.game-surface{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.table-tools{flex-shrink:0;gap:12px;height:34px;margin:0}.table-tools button{padding:4px 10px;font-size:11px}.keyboard-hint{opacity:.65;font-size:10px}.audio-controls{gap:6px;margin-left:auto;display:flex}.turn-banner{color:#fff8db;background:linear-gradient(#206f81,#165568);border:2px solid #bce3db;border-radius:12px;flex-shrink:0;gap:8px;margin-top:5px;padding:8px 12px;font-size:13px;box-shadow:0 3px #063447}.turn-banner>span:last-child{color:#bfe7ec;font-size:11px}.game-layout{background:#086c97;border:3px solid #398ca4;border-radius:18px;flex:1;min-height:0;margin:8px 0 0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #032b52,0 5px #031f35}.game-layout .table{background:0 0;height:100%;padding:68px 5px 63px}.board-wrap{height:100%}.game-layout .board-wrap>svg{width:100%;height:100%;max-height:none}.board-wrap .legend{display:none}.players{z-index:1;pointer-events:none;gap:8px;padding:0;display:flex;position:absolute;top:8px;left:10px;right:10px}.players .eyebrow,.players>.small-note{display:none}.player-row{color:#3d4035;background:linear-gradient(#fff5dd,#ebd9b5);border:2px solid #b1935e;border-radius:10px;flex:1;gap:7px;min-width:0;padding:6px 10px;box-shadow:0 3px #735336}.player-row.active{background:linear-gradient(#fff2a8,#eec66d);border-color:#ffeeba;box-shadow:0 0 14px #ffdb73aa,0 3px #9a6c28}.player-marker{border:2px solid #fffae4;border-radius:50%;box-shadow:0 2px #0003}.player-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:12px;display:block;overflow:hidden}.player-row small{margin-top:2px;font-size:9px}.player-row b{font-size:23px}.build-controls{gap:6px;width:min(560px,100% - 20px);height:48px;margin:0;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.build-controls button{min-width:0;padding:4px 8px;font-size:12px}.build-controls small{justify-content:center;align-items:center;gap:1px;margin-top:2px;display:flex}svg.resource-icon{vertical-align:middle;flex-shrink:0;width:24px;height:24px;max-height:none;display:inline-block}.build-controls svg.resource-icon{width:18px;height:18px}.resource-picker svg.resource-icon{width:28px;height:28px}.hand{color:#fff0c7;background:linear-gradient(#3b6574,#1f465c);border:2px solid #b58b4e;border-radius:13px;flex-shrink:0;gap:10px;margin:9px 0 0;padding:7px 12px}.hand .eyebrow{display:none}.resource-hand{gap:6px}.resource{color:#294442;background:linear-gradient(#ffefd0,#ddca9e);border:2px solid #ffd791;border-radius:8px;min-width:65px;height:64px;padding:5px 10px;position:relative;box-shadow:0 3px #152e36}.resource .resource-icon{width:30px;height:30px}.resource strong{text-shadow:0 1px #fff;font-size:23px;position:absolute;top:1px;right:5px}.resource span{font-size:9px;font-weight:800}.resource.wood{background:linear-gradient(#c3ecae,#78ba8c)}.resource.brick{background:linear-gradient(#ffd7aa,#e99576)}.resource.wool{background:linear-gradient(#e7fbb7,#b9d87b)}.resource.grain{background:linear-gradient(#fff0a2,#edc658)}.resource.ore{background:linear-gradient(#d0e6f0,#8ab1c6)}.hand-actions{flex-wrap:nowrap;align-items:center;gap:7px}.hand-actions button{padding:11px;font-size:12px}.game-dialog{color:#334739;background:#fff1d6;border:3px solid #c49551;border-radius:18px;width:min(780px,100vw - 24px);max-height:calc(100dvh - 28px);padding:0;overflow:auto;box-shadow:0 20px 70px #00182b99}.game-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#022b45a8}.dialog-heading{color:#ffefc4;z-index:1;background:linear-gradient(#a67a45,#785333);justify-content:space-between;align-items:center;padding:12px 20px;font-weight:800;display:flex;position:sticky;top:0}.dialog-heading button{padding:1px 10px;font-size:24px}.game-dialog .action-panel{box-shadow:none;border:0;border-radius:0;margin:0;padding:20px}.game-dialog .event-log{max-height:none;padding:20px}.game-dialog .event-log .eyebrow{color:#6b765f}.game-dialog .resource-picker{margin:14px 0}.game-dialog .resource-picker label{grid-template-columns:28px 1fr;align-items:center;gap:5px;display:grid}.game-dialog .resource-picker input{grid-column:1/-1;width:100%;min-height:40px}.game-dialog h2{margin-bottom:14px;font-size:23px}.mandatory-action>button{background:#c5e897;border:3px solid #38775a}.notice,.error{border-radius:8px;flex-shrink:0;margin:4px 0;padding:5px 10px;font-size:12px}.error{color:#662a27;background:#ffd2b8}.notice{color:#fff6cb;background:#3c6380}.terrain-label{letter-spacing:1px;fill:#173c39;opacity:.85;font-size:6px;font-weight:900}.token{fill:#213e36;font-size:15px;font-weight:900}.port-label{fill:#5d3c2a;font-size:8px;font-weight:900}.dice-control{justify-content:center;align-items:center;gap:8px;display:flex;flex:.8!important;min-width:80px!important}.dice-pair{gap:5px;display:flex}.die{background:linear-gradient(135deg,#fffceb,#dcc9a9);border:1px solid #8c6742;border-radius:5px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;width:29px;height:29px;padding:4px;display:grid;box-shadow:1px 3px #795637}.die i.pip{background:#293d3e;border-radius:50%;box-shadow:inset 0 1px #0008}.needs-action{outline-offset:1px;outline:2px solid #ffea82}@media (prefers-reduced-motion:no-preference){.water-waves{animation:12s linear infinite sea-drift}.shoreline{animation:4s ease-in-out infinite shore-wash}.harbour-boat{animation:4s ease-in-out infinite boat-rock}.needs-action{animation:2s ease-in-out infinite attention-glow}.rolling .die{animation:.25s ease-in-out infinite dice-tumble}}@keyframes sea-drift{to{transform:translate(70px,45px)}}@keyframes shore-wash{50%{opacity:.65}}@keyframes boat-rock{50%{transform:translateY(2px)rotate(3deg)}}@keyframes attention-glow{50%{outline-color:#ffbb42;box-shadow:0 0 16px #ffe17b}}@keyframes dice-tumble{50%{transform:translateY(-7px)rotate(25deg)}}@media (width<=850px){.player-row strong{max-width:115px;font-size:10px}.player-row{padding:6px}.player-row small{font-size:8px}.resource{min-width:52px;padding:5px}.hand-actions button{padding:10px 6px;font-size:11px}}@media (width<=600px){main:has(.game-surface){padding:0 5px 6px}.keyboard-hint{display:none}main:has(.game-surface) header span{display:none}.turn-banner{padding:7px;font-size:11px}.turn-banner>span:last-child{display:none}.players{flex-wrap:wrap;gap:4px;top:6px;left:5px;right:5px}.player-row{flex-basis:45%;height:41px}.player-row b{font-size:19px}.player-row b small{display:none}.game-layout .table{padding-top:100px}.hand{flex-direction:column;gap:7px;padding:6px}.hand-actions{width:100%}.hand-actions button{flex:1;padding:5px}.resource{min-width:52px;height:51px}.resource .resource-icon{width:26px;height:26px}.resource strong{font-size:20px}.resource span{font-size:8px}.game-dialog .resource-picker{grid-template-columns:repeat(3,1fr)}.dice-control{gap:4px;min-width:69px!important}.die{width:24px;height:24px;padding:3px}.dice-control small{display:none}.build-controls button{padding:2px;font-size:10px}}@media (height<=580px) and (width>=601px){.game-layout .table{padding-top:54px}.player-row{padding:3px 8px}.hand .resource{height:48px}.resource span{display:none}.hand-actions button{padding:7px}}.game-layout{background:radial-gradient(#29adc0 0%,#11799f 50%,#085680 100%)}.game-layout:before{content:"";pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='60'%3E%3Cpath d='M0 15q12-8 25 0t25 0t25 0t25 0M25 45q12-6 25 0t25 0' fill='none' stroke='%23caf9f0' stroke-width='2'/%3E%3C/svg%3E");position:absolute;inset:-70px}.game-layout .board-wrap>svg{position:relative}.game-layout svg>rect{opacity:.18}@media (prefers-reduced-motion:no-preference){.game-layout:before{animation:16s linear infinite sea-drift}}@media (width<=600px){.game-layout .table{padding:60px 0 25px}}@media (height<=580px) and (width>=601px){.game-layout .table{padding:0}}.game-layout{overflow:clip}.game-layout .table{padding:66px 0 60px}@media (width>=1000px){.game-layout{grid-template-columns:minmax(0,1fr) 215px;gap:0;display:grid}.game-layout .table{grid-area:1/1;min-height:0;padding:0 0 59px}.players{background:#06394d55;flex-direction:column;grid-area:1/2;justify-content:flex-start;padding:12px 10px;position:relative;inset:auto}.player-row{flex:none;min-height:61px}.players>.small-note{color:#c0e7de;font-size:10px;display:block}.build-controls{width:min(550px,100% - 235px);left:calc(50% - 107.5px)}}@media (width<=600px){.game-layout .table{padding:97px 0 56px}}@media (height<=580px) and (width>=1000px){.game-layout .table{padding:0 0 56px}}@media (height<=580px) and (width>=601px) and (width<=999px){.game-layout .table{padding:54px 0 56px}}.resource-available{color:#617356;grid-column:1/-1;font-size:10px}@media (prefers-reduced-motion:no-preference){.game-surface:has(.turn-banner.needs-action) .placement{animation:2.2s ease-in-out infinite placement-hint}}@keyframes placement-hint{50%{opacity:.6}}@media (height<=480px){main:has(.game-surface){height:auto;min-height:100dvh;overflow:visible}.game-surface .game-layout{flex:none;height:320px}}.audio-controls button[data-enabled=true]{background:#f9cc64;outline:2px solid #fff4ac}.solo-test-option{border-top:1px solid #ba9c6f;margin-top:18px;padding-top:12px;font-size:13px}.hand{z-index:5;min-height:108px;position:relative}.resource-hand{align-items:center;min-width:240px;min-height:84px;padding:3px 4px 3px 9px}.resource-card{isolation:isolate;color:#243c35;cursor:default;background:linear-gradient(135deg,#e8edc5,#94b585);border:2px solid #fff1be;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:59px;height:82px;padding:5px 3px;font-weight:800;display:flex;position:relative;box-shadow:0 1px 0 2px #675438,1px 5px 5px #001e4266}button.resource-card{cursor:pointer}.resource-card.wood{background:linear-gradient(135deg,#bce6a0,#65b181 65%,#408c67)}.resource-card.brick{background:linear-gradient(135deg,#ffcea8,#e89772 65%,#c76551)}.resource-card.wool{background:linear-gradient(135deg,#efffc8,#a8ce70 65%,#7faf58)}.resource-card.grain{background:linear-gradient(135deg,#fff4a8,#e9bd49 65%,#cf922e)}.resource-card.ore{background:linear-gradient(135deg,#e4f3ef,#9ac5d0 65%,#709eac)}.resource-card:after{content:"";pointer-events:none;border:1px solid #ffffff70;border-radius:3px;position:absolute;inset:3px}.resource-card.card-stack:before{content:"";z-index:-1;background:inherit;border:2px solid #dfd19c;border-radius:5px;position:absolute;inset:-1px;transform:translate(-5px,2px)rotate(-4deg);box-shadow:-2px 2px #453d2b}.resource-card .card-art{filter:drop-shadow(0 2px 1px #28433344);place-items:center;width:42px;height:42px;display:grid}.resource-card .card-art .resource-icon{width:40px;height:40px}.resource-card .card-corner{opacity:.7;position:absolute;top:4px;left:4px}.resource-card .card-corner .resource-icon{width:12px;height:12px}.resource-card .card-name{text-transform:uppercase;letter-spacing:.03em;margin-top:5px;font-size:9px}.resource-card .card-count{color:#fff7d5;background:linear-gradient(#22789a,#155675);border:1px solid #a3e0dd;border-radius:4px;padding:1px 5px;font-size:16px;position:absolute;top:-6px;right:-5px;box-shadow:0 2px #063245}button.resource-card:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-4px)}button.resource-card:active:not(:disabled){transform:translateY(-1px)}.resource-card:disabled{opacity:.45}.resource-card.compact{width:36px;height:50px}.resource-card.compact .card-art,.resource-card.compact .card-art .resource-icon{width:28px;height:28px}.resource-card.compact .card-name,.resource-card.compact .card-corner{display:none}.resource-card.compact .card-count{padding:0 4px;font-size:13px}.empty-resource-hand{color:#c5e2d7;max-width:300px;font-size:12px}.trade-dock{color:#32453c;background:linear-gradient(#fff6dc,#e8d9b9);border:3px solid #be995d;border-radius:13px;width:min(660px,100vw - 32px);max-height:min(540px,100dvh - 210px);padding:12px;position:absolute;bottom:calc(100% + 9px);left:6px;overflow:auto;box-shadow:0 10px 30px #01294288,0 3px #71542c}.trade-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.trade-heading h2{font-size:17px}.trade-heading button{padding:3px 9px;font-size:11px}.request-palette{border-bottom:1px solid #b4a47e;gap:12px;padding:4px 9px 11px;display:flex}.request-palette .resource-card{width:46px;height:65px}.request-palette .card-art,.request-palette .card-art .resource-icon{width:34px;height:34px}.request-palette .card-name{font-size:8px}.trade-selection{margin:7px 0}.trade-card-row{border-bottom:1px solid #c0b08b;align-items:center;gap:10px;min-height:58px;padding:5px;display:flex}.trade-card-row>strong{flex:none;width:90px;font-size:12px}.trade-card-row>div{flex-wrap:wrap;align-items:center;gap:12px;padding-left:5px;display:flex}.trade-empty{color:#6d7865;font-size:12px}.trade-submit{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 5px;display:flex}.trade-submit button{padding:6px 10px;font-size:11px}.trade-destinations{gap:5px;display:flex}.trade-target{align-items:center;gap:5px;font-size:12px;display:flex}.trade-target select{border-radius:5px;max-width:145px;padding:5px}.trade-help{margin:8px 0;font-size:11px;line-height:1.5}.trade-offers h3{margin:12px 0 4px;font-size:12px}.trade-offers>p{margin:4px 0;font-size:11px}.trade-offers .offer{background:#fff8e0;border-radius:7px;margin:6px 0;padding:7px}.trade-offers .offer p{margin:0 0 5px;font-size:12px}.trade-offers .offer button{margin-right:5px;padding:5px 9px;font-size:11px}@media (width<=600px){.hand{min-height:116px}.resource-hand{gap:9px;min-width:200px;min-height:65px}.resource-hand .resource-card{width:44px;height:63px}.resource-hand .card-art,.resource-hand .card-art .resource-icon{width:31px;height:31px}.resource-card .card-name{font-size:8px}.trade-dock{width:calc(100vw - 20px);max-height:calc(100dvh - 185px);padding:9px;left:0}.trade-card-row>strong{width:74px;font-size:11px}.request-palette{gap:9px;padding-left:4px}.trade-submit{gap:6px}}@media (height<=480px){.trade-dock{max-height:75dvh}}.trade-offers{max-height:135px;overflow:auto}.offer-card-exchange{align-items:center;gap:10px;margin:8px 4px 10px;font-size:11px;display:flex}.offer-card-exchange>div{flex-wrap:wrap;gap:9px;display:flex}.game-surface>.action-confirmation{z-index:7;pointer-events:none;background:#1b5b70;border:1px solid #c9eddc;max-width:calc(100% - 24px);margin:0;padding:6px 10px;font-size:11px;position:absolute;top:40px;right:10px;box-shadow:0 2px 8px #032c4d88}.hiscores-link{color:#ffe29c;border:1px solid #f2ce7c;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none}.score-panel{margin-bottom:30px}.score-panel table{border-collapse:collapse;text-align:left;width:100%}.score-panel th{text-transform:uppercase;background:#e4c993;padding:12px;font-size:12px}.score-panel td{border-bottom:1px solid #cfbd91;padding:14px 12px}.score-panel td:last-child{font-size:22px;font-weight:800}.score-panel tr.your-row{background:#fff0ac}.your-score{background:#e1ebbc;border-radius:8px;padding:10px 12px;font-weight:700}main:has(.game-surface) .hiscores-link{padding:3px 7px;font-size:10px}.score-panel table{table-layout:fixed}.score-panel th:first-child{width:70px}.score-panel th:last-child{width:85px}.score-panel td:nth-child(2){overflow-wrap:anywhere}.final-score .hiscores-link{color:#315c4d;border-color:#719162;margin-left:12px;display:inline-block}.burglar-piece{filter:drop-shadow(0 0 1px #fff5c9)}@media (prefers-reduced-motion:no-preference){.burglar-piece>g{animation:.28s ease-out burglar-arrive}}@keyframes burglar-arrive{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.join-room-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.turn-banner.prominent-prompt{border-width:3px;flex-shrink:0;height:68px;min-height:68px;padding:10px 14px}.prompt-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.prompt-heading{align-items:center;gap:10px;font-size:19px;display:flex}.prompt-detail{font-size:12px;line-height:1.3}.action-badge{color:#fff4b8;letter-spacing:.05em;background:#743f28;border-radius:6px;flex:none;padding:4px 7px;font-size:10px}.turn-banner.action-required{color:#48321e;background:linear-gradient(#fff0a3,#efc65c);border-color:#fff5bc;box-shadow:0 0 12px #ffcf6c55,0 3px #86582d}.turn-banner.action-required>span:last-child{color:#654720}.game-surface>.action-confirmation{top:46px}.robber-destination>.terrain-outline{stroke:#fff5a4;stroke-width:4px}.robber-destination:hover>.terrain-outline,.robber-destination:focus-visible>.terrain-outline{stroke:#fff;stroke-width:6px}.robber-move-label{fill:#fff3aa;letter-spacing:.5px;font-size:9px;font-weight:900}@media (prefers-reduced-motion:no-preference){.robber-halo{animation:1.5s ease-in-out infinite burglar-highlight}.robber-destination>.terrain-outline{animation:2s ease-in-out infinite destination-highlight}}@keyframes burglar-highlight{50%{fill-opacity:.15;stroke-width:5px}}@keyframes destination-highlight{50%{stroke:#ffd95d;stroke-width:5px}}@media (width<=600px){.turn-banner.prominent-prompt{height:84px;min-height:84px;padding:8px}.prompt-heading{gap:6px;font-size:15px}.action-badge{padding:3px 5px;font-size:8px}.prompt-detail{font-size:11px}}.turn-banner.prominent-prompt:not(.action-required) .prompt-copy>strong{font-size:16px;line-height:1.3}.robber-source{cursor:pointer}.robber-source:focus-visible{filter:drop-shadow(0 0 5px #ffe68e);outline:none}.robber-move-label{font-size:12px}.robber-destination:focus>.terrain-outline{stroke:#fff;stroke-width:6px;filter:drop-shadow(0 0 4px #ffe778);animation:none}