@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f3ecdb;background:#103f4d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sea:#103f4d;--deep:#102f3b;--ink:#263c3d;--muted:#98aeb0;--gold:#edc783;--paper:#f5efdf;--line:rgba(210,225,217,.14)}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.38}button:not(:disabled),a{transition:background .16s,transform .16s,color .16s,border-color .16s,box-shadow .16s}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e9c475;outline-offset:4px}button:not(:disabled):active{transform:translateY(1px)}button svg{flex:none}a{color:inherit}h1,h2,h3,p{margin:0}button{border:0}img{display:block;object-fit:contain}fieldset{border:0;margin:0;padding:0}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;line-height:1.5}.gold{color:var(--gold)}.fine-print{font-size:12px;line-height:1.65;color:#708078}.full-width{width:100%}.small-line{display:inline-block;width:25px;height:1px;background:currentColor;vertical-align:middle;margin-right:10px}.dot{opacity:.4;margin:0 13px}.lobby,.game-shell{min-height:100vh;background:radial-gradient(ellipse at 60% 35%,#1b5c69 0%,transparent 58%),linear-gradient(135deg,#173d48,#104858 65%,#103c49);position:relative;isolation:isolate}.lobby:before,.game-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.topbar{height:96px;margin:0 4.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:11px;padding:0;background:none;text-align:left;letter-spacing:4px;font-size:28px;font-weight:700;line-height:1.05}.brand-mark{width:39px;height:44px;display:grid;place-items:center;color:var(--sea);background:var(--gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.brand-caption{display:block;font-size:6px;letter-spacing:2.2px;font-weight:500;margin-top:8px}.topbar-right{display:flex;align-items:center;gap:35px}.quiet-tag{font-size:9px;letter-spacing:2px;color:#b6c7c4}.quiet-tag i,.live-indicator{height:5px;width:5px;background:#d8bd84;border-radius:100%;display:inline-block;margin-right:8px}.text-button{display:flex;align-items:center;gap:8px;background:none;font-size:12px;padding:8px 0;color:#e6e6d5}.text-button:hover{color:var(--gold)}.text-button>span{margin-left:8px;font-size:19px}.icon-button{border:1px solid var(--line);background:transparent;display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.icon-button:hover{background:#ffffff17}.lobby-main{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(360px,40%) 1fr;padding:52px 5.7% 35px;min-height:calc(100vh - 151px);align-items:center;gap:20px}.lobby-copy{position:relative;z-index:2;max-width:440px}.lobby-copy h1{font:400 clamp(62px,5.6vw,94px)/.97 "DM Sans",sans-serif;letter-spacing:-1.5px;margin:20px 0 22px}.lobby-copy h1 em{font-weight:400;color:var(--gold)}.lobby-description{font-size:13px;line-height:1.8;color:#bdcbc6;letter-spacing:.1px;margin-bottom:29px}.setup-card{background:var(--paper);color:var(--ink);padding:25px 28px 20px;border:1px solid #eadbbe;border-radius:4px;box-shadow:0 20px 60px #06222a3d;max-width:402px}.setup-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.setup-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:#8c9381}.setup-heading h2{font:30px/1.2 DM Sans,sans-serif;margin-top:3px}.table-size{border:1px solid #d8d8c6;background:#eae9d6;border-radius:20px;padding:6px 10px;font-size:10px;color:#707b63}.player-input-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:23px}.player-input-row label,.color-picker legend,.field-heading label{font-size:11px;font-weight:600}.player-input-row input{width:100%;display:block;margin-top:9px;border:0;border-bottom:1px solid #cfcfbc;border-radius:0;background:transparent;outline-offset:2px;padding:2px 0 7px;font-size:13px;color:var(--ink)}.color-picker>div{display:flex;gap:6px;margin-top:12px}.color-picker button{height:19px;width:19px;background:var(--player-color);border:2px solid transparent;border-radius:50%;display:grid;place-items:center;padding:0;color:#263d40}.color-picker button.selected{outline:1px solid #656f5f;outline-offset:3px}.field-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;margin:0 0 10px}.field-heading>span{color:#939986;font-size:9px;font-weight:400}.bot-picker{display:flex;gap:6px}.bot-picker>button{background:#e9e6d5;border:1px solid #d8d8c5;flex:1;padding:7px 0 6px;border-radius:3px;color:#666f5e;font-size:17px}.bot-picker>button span{display:block;font-size:8px;margin-top:2px}.bot-picker>button.selected{background:#294d4b;border-color:#294d4b;color:#fff7df;box-shadow:0 3px 6px #18332e1a}.bot-picker>button:not(.selected):hover{background:#dbdfcc}.style-row{display:flex;align-items:center;justify-content:space-between;margin:17px 0 20px;font-size:10px;gap:8px}.style-row label{color:#7d8877}.style-row select{max-width:180px;border:0;background:transparent;font-size:10px;color:#415b4e;cursor:pointer;outline-offset:2px}.primary-button{background:var(--gold);border:1px solid #f6d79d;color:#243e3d;padding:13px 18px;border-radius:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;gap:18px;box-shadow:0 3px #0830330a}.primary-button:not(:disabled):hover{background:#f8d99f;box-shadow:0 3px 14px #08293220}.start-button{width:100%;background:#294d4b;color:#fff9e7;border-color:#294d4b;font-size:13px;padding:13px 16px}.start-button:not(:disabled):hover{background:#365f56}.setup-footnote{display:flex;justify-content:space-between;color:#919680;margin-top:13px;font-size:8px}.setup-footnote i{width:4px;height:4px;border-radius:100%;background:#8b9b73;display:inline-block;vertical-align:middle;margin-right:4px}.resume-button{margin-top:16px;max-width:402px;width:100%;padding:8px 0;background:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#bacac2}.resume-button>span{margin-left:12px}.resume-button:hover{color:var(--gold)}.lobby-error{font-size:12px;color:#ffd2bd;line-height:1.5;margin-top:12px;max-width:402px}.lobby-island{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.island-label{position:absolute;top:5%;left:14%;right:4%;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a1bbb7;letter-spacing:2px}.coordinate-text{opacity:.6;letter-spacing:1px}.island-tag:before{content:"✧";margin-right:8px;color:#d4b775}.lobby-board{width:115%;margin-left:-6%;transform:none;filter:drop-shadow(0 30px 28px #061e2a45);animation:island-arrive 1s ease both}.lobby-board .catan-board{max-height:680px}.compass{position:absolute;right:6%;bottom:15%;font-family:DM Sans,sans-serif;font-size:75px;line-height:1;color:#b7cab22b;text-align:center}.compass>span{font:8px DM Sans,sans-serif;letter-spacing:1px;display:block;color:#afc7bd66;margin-bottom:5px}.island-caption{align-self:center;margin-top:10px;display:flex;align-items:center;gap:15px;font-size:12px;color:#bcd0c6;line-height:1.7}.island-caption em{font-family:DM Sans,sans-serif;color:#d7d7b6}.caption-line{height:1px;width:42px;background:#a8bba56b}.lobby-footer{margin:0 4.4%;height:55px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8eaca7;font-size:8px;letter-spacing:1px}.lobby-footer>span:first-child{font-size:7px;letter-spacing:1.5px}.fallback-terrain{display:grid;grid-template-columns:repeat(3,1fr);padding:80px}.fallback-terrain img{width:100%}.game-shell{height:100dvh;min-height:720px;display:flex;flex-direction:column;overflow:hidden}.game-topbar{height:76px;min-height:76px;margin:0 28px}.game-topbar .brand{font-size:24px}.game-topbar .brand-mark{height:36px;width:32px}.game-topbar .brand-caption{font-size:5px;margin-top:6px}.game-heading{display:flex;align-items:center;font-size:12px;font-weight:500;letter-spacing:.2px;color:#d6dfcf}.game-heading>span:last-child{font-size:10px;color:#95b4ae}.heading-divider{height:16px;width:1px;background:var(--line);margin:0 17px}.game-topbar .topbar-right{gap:18px}.table-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 230px;flex:1;min-height:0;gap:16px;padding:20px 28px 16px}.players-panel{display:flex;flex-direction:column;min-height:0}.section-label{display:flex;align-items:center;justify-content:space-between;color:#97b2aa;font-size:8px;letter-spacing:1.5px;font-weight:500;margin-bottom:15px}.section-label>span:last-child:not(:first-child){font-size:9px;letter-spacing:0}.player-list{display:flex;flex-direction:column;gap:11px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6b8b83 transparent;padding:2px}.player-card{padding:13px 11px 10px;background:#13374369;border:1px solid #96b2a316;border-radius:4px;position:relative}.player-card.active{border-color:color-mix(in srgb,var(--player-color) 55%,transparent);background:#234f5599;box-shadow:inset 3px 0 0 var(--player-color)}.player-overview{display:flex;align-items:center;gap:7px}.player-avatar{width:33px;height:39px;flex:none}.player-avatar img{width:100%;height:100%;filter:drop-shadow(0 3px 2px #132a3c50)}.player-name{min-width:0;flex:1}.player-name>strong{font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.player-name>strong>span{font-size:6px;font-weight:500;color:var(--player-color);letter-spacing:.5px}.player-name>small{display:block;font-size:8px;color:#87a69f;margin-top:4px}.player-points{display:flex;align-items:baseline;gap:2px}.player-points b{font-size:22px;font-weight:450;color:var(--player-color)}.player-points small{font-size:9px;color:#809e96}.score-track{display:flex;gap:3px;margin:10px 1px}.score-track i{height:3px;flex:1;background:#8eaa9a23;border-radius:1px}.score-track i.earned{background:var(--player-color)}.player-meta{display:flex;align-items:center;gap:14px;font-size:9px;color:#b4c7b7}.player-meta>span{display:flex;align-items:center;gap:4px}.player-meta img{height:13px;width:10px;opacity:.75}.player-awards{display:flex;gap:6px;margin-top:6px;font-size:7px;color:var(--gold)}.victory-note{margin-top:auto;padding-top:20px;display:flex;gap:11px;color:#8aa89e}.victory-note svg{color:#bca870;flex:none}.victory-note b{font-size:9px;font-weight:500;line-height:1.6;display:block;max-width:150px}.victory-note p{font-size:8px;line-height:1.7;margin-top:4px;opacity:.75}.island-area{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.island-topline{display:flex;justify-content:space-between;align-items:center;margin:0 4px;gap:5px}.island-topline .eyebrow{font-size:7px;letter-spacing:1.5px;color:#87aba2}.speed-button{padding:3px 7px;border:1px solid #92b29c26;border-radius:3px;background:transparent;font-size:8px;color:#a5c1b4;white-space:nowrap}.speed-button b{font-weight:600;margin-left:5px;color:#d4d9b4}.game-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%}.game-board-wrap>.catan-board{height:100%;width:100%}.game-board-wrap .catan-board svg{max-height:100%}.board-message{align-self:center;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;border:1px solid #729c8a30;border-radius:30px;background:#092b368f;box-shadow:0 4px 10px #08262c1a;padding:9px 15px;z-index:3;min-height:34px}.board-message.your-turn{color:#f0d79c;border-color:#c8b2703b}.message-dot{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.7}.board-message button{background:#aec0a322;color:#d3d7c1;font-size:8px;padding:2px 5px;border-radius:3px}.game-compass{right:10px;bottom:37px;font-size:45px;z-index:-1}.game-compass span{font-size:6px}.turn-panel{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);padding-left:18px}.turn-card .eyebrow{font-size:7px;letter-spacing:1.5px}.turn-card h2{font:32px/1.08 DM Sans,sans-serif;letter-spacing:-.2px;margin:9px 0 10px}.turn-card>p{font-size:10px;line-height:1.7;color:#a7bfb2;max-width:210px}.dice-pair{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;margin:21px auto 17px;width:max-content}.dice-pair img{height:57px;width:57px;filter:drop-shadow(0 4px 3px #031e2f66);transform:rotate(-7deg)}.dice-pair img:nth-child(2){transform:rotate(7deg);margin-top:3px}.dice-pair>span{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#f1e2b9;color:#3a473e;font-size:10px;padding:2px 7px;border:1px solid #c4aa6c;border-radius:10px;box-shadow:0 3px 5px #0227324a}.dice-pair.thinking{opacity:.65}.roll-button{font-size:11px;padding:11px 13px}.hint-button{width:100%;font-size:9px;color:#b7c7ad;display:flex;align-items:center;justify-content:center;gap:6px;background:none;margin:11px 0 5px;padding:6px}.hint-button:hover{color:var(--gold)}.turn-card>p.hint-note{background:#d1bb7721;border:1px solid #d1bb7736;padding:8px;font-size:9px;border-radius:3px;color:#e8d6ac}.activity{margin-top:24px;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.activity .section-label{border-top:1px solid var(--line);padding-top:16px;margin-bottom:12px}.activity-items{overflow:auto;scrollbar-width:thin;scrollbar-color:#6b8b83 transparent}.activity-item{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px}.activity-item>i{width:4px;height:4px;border-radius:50%;flex:none;margin-top:4px}.activity-item p{font-size:9px;line-height:1.6;color:#a3bcae}.activity-item:first-child p{color:#dde2cb}.activity-empty{font:italic 17px/1.6 DM Sans,sans-serif;color:#91aba0}.saved-label{font-size:8px;color:#81a597;display:flex;gap:5px;align-items:center;padding-top:12px}.discard-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.discard-options button{background:#e7e6ca16;border:1px solid #c7c9a53b;border-radius:3px;padding:4px;display:flex;gap:4px;align-items:center;font-size:9px}.discard-options img{height:25px;width:25px}.trade-decisions{margin-top:10px;display:flex;flex-direction:column;gap:6px}.trade-decisions .choice-button{padding:8px;font-size:10px;background:#d9c99b;color:#263e37}.trade-summary{font-size:9px;line-height:1.7;color:#d6cfae}.hand-dock{height:157px;min-height:157px;display:flex;align-items:center;justify-content:center;gap:20px;padding:12px 28px;background:#102e37e0;border-top:1px solid #99b49a29;box-shadow:0 -15px 45px #052d3214;position:relative}.hand-title{width:115px;align-self:center;flex-shrink:0}.hand-title .eyebrow{font-size:8px;letter-spacing:1.6px;color:#9bb0a1}.hand-title>b{font-size:30px;font-weight:400;margin-top:7px;display:block;color:#e5d5ad;line-height:1}.hand-title>b>span{font-size:9px;color:#8ca597;font-weight:400;margin-left:7px}.hand-title>small{display:block;font-size:8px;line-height:1.5;margin-top:11px}.resource-hand{display:flex;align-items:center;padding:5px 0 0;margin-right:6px}.hand-card{position:relative;height:108px;width:76px;margin-left:-9px;transform:rotate(var(--card-tilt));transform-origin:center bottom;filter:drop-shadow(-4px 2px 4px #061c2980);transition:transform .18s,filter .18s;z-index:1}.hand-card:first-child{margin-left:0}.hand-card img{height:100%;width:100%}.hand-card.empty{filter:drop-shadow(-4px 2px 4px #061c2980) saturate(.65);opacity:.68}.hand-card:hover{transform:rotate(0) translateY(-12px);z-index:3;filter:drop-shadow(-4px 4px 5px #061c2980);opacity:1}.hand-card>b{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);border:2px solid #bea167;background:#f6edca;color:#29483e;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px;box-shadow:0 3px 7px #041c2866}.development-stack{height:89px;width:61px;padding:0;background:none;position:relative;flex-shrink:0;transform:rotate(4deg);margin-left:0}.development-stack img{width:100%;height:100%;filter:drop-shadow(-3px 3px 3px #07182680)}.development-stack>span{position:absolute;bottom:-7px;right:-4px;width:22px;height:22px;background:#203c46;color:#efce8a;border:1px solid #aa955c;border-radius:50%;font-size:11px;display:grid;place-items:center}.development-stack:hover{transform:rotate(0) translateY(-5px)}.dock-divider{height:76px;width:1px;background:var(--line);margin:0 1px}.build-toolbar{display:flex;gap:7px}.build-button{min-width:70px;width:78px;height:111px;background:transparent;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:4px;padding:5px}.build-button:not(:disabled):hover,.build-button.selected{border-color:#d2b87357;background:#d2b87312}.build-button>b{font-size:10px;font-weight:500}.build-image{display:grid;place-items:center;height:44px;width:51px}.build-image img{max-height:44px;max-width:48px;width:100%;filter:drop-shadow(0 4px 2px #08212d44)}.build-button:first-child .build-image img{transform:rotate(-25deg)}.build-button:last-child .build-image img{width:26px;transform:rotate(9deg)}.resource{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}.resource img{width:38px;height:36px}.resource b{font-size:12px}.cost{display:flex;gap:2px;justify-content:center;align-items:center;height:15px;margin-top:0}.cost .resource img{width:13px;height:13px}.cost .resource b{font-size:8px;color:#b6bca0;line-height:1}.turn-actions{display:flex;flex-direction:column;gap:9px;width:135px;margin-left:5px;flex-shrink:0}.trade-button,.end-button{padding:12px 13px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:11px;border:1px solid #d8c69c60;border-radius:3px;background:transparent;color:#e6d4ae}.trade-button:hover{background:#e6d4ae12}.end-button{background:#e9c787;color:#233e39;border-color:#e9c787;justify-content:space-between}.end-button:hover{background:#f6d99f}.turn-actions button:disabled{opacity:.25}.error-toast{position:fixed;bottom:172px;left:50%;transform:translate(-50%);z-index:20;background:#612d2b;color:#ffebe0;border:1px solid #c77666;border-radius:4px;padding:12px 16px;display:flex;align-items:center;gap:18px;max-width:700px;width:max-content;font-size:12px;box-shadow:0 5px 25px #0b202333}.error-toast button{background:#fae5c7;color:#633d2c;padding:6px 10px;border-radius:3px;font-size:11px;flex:none}.winner-banner{position:fixed;top:37%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:23px;z-index:10;background:#f2ebd5;color:#29483e;box-shadow:0 10px 100px #041c3b99;padding:28px 34px;border:1px solid #d6b777;border-radius:5px;max-width:90vw;width:max-content}.winner-banner>svg{color:#bb9650;flex:none}.winner-banner .eyebrow{font-size:8px}.winner-banner h2{font:36px DM Sans,sans-serif;margin:6px 0}.winner-banner p{font-size:11px;color:#79816a}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#071e30a1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:28px;animation:fade-in .2s ease}.modal{background:var(--paper);color:var(--ink);padding:29px 30px 25px;border-radius:5px;border:1px solid #ddceab;box-shadow:0 30px 100px #08182866;max-height:90dvh;overflow:auto;width:520px;max-width:100%;scrollbar-width:thin}.modal.wide{width:710px}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.modal>header .eyebrow{color:#8e987a;font-size:8px;letter-spacing:1.8px}.modal h2{font:37px/1.1 DM Sans,sans-serif;margin-top:6px}.modal .icon-button{color:#627661;border:1px solid #c4c6b3;flex:none}.modal .icon-button:hover{background:#e2e2d1}.modal .intro{font-size:12px;line-height:1.8;color:#72806d;margin-bottom:22px}.modal h3{font:24px DM Sans,sans-serif;margin:10px 0}.modal p{line-height:1.75}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.help-grid p{font-size:11px;color:#788270}.step-number{font-size:10px;letter-spacing:2px;color:#a6a47f}.help-costs{display:flex;flex-direction:column;margin:25px 0;padding:15px 0;border-block:1px solid #d2d3bd;gap:10px}.help-costs>div{display:flex;justify-content:space-between}.help-costs b{font-weight:500;font-size:11px}.help-costs .cost{gap:5px;height:20px}.help-costs .cost .resource img{height:22px;width:23px}.help-costs .cost .resource b{color:#456e52}.variant-note{margin-top:20px;background:#e5e6d2;border:1px solid #d4d6bd;padding:14px;display:flex;gap:12px;border-radius:3px}.variant-note>svg{flex:none;margin-top:4px;color:#8f976a}.variant-note p{font-size:10px;color:#748168}.variant-note b{display:block;color:#5d7054;font-weight:600}.credits{font-size:9px;color:#98a087;margin-top:22px}.tabs{display:flex;gap:7px;margin-bottom:22px;border-bottom:1px solid #d8d9c8;padding-bottom:8px}.tabs button{background:transparent;padding:8px 12px;color:#7c8771;border-radius:3px;font-size:12px}.tabs .selected{background:#31564c;color:#f5eacb}.resource-options{display:flex;gap:7px;margin-bottom:24px}.resource-options button{flex:1;min-width:0;padding:8px 3px;display:flex;flex-direction:column;align-items:center;border:1px solid #d4d9bc;border-radius:3px;background:#eae8d6}.resource-options button.selected{border-color:#6f8f66;box-shadow:inset 0 0 0 1px #6f8f66;background:#dee4c8}.resource-options button>span:last-child{font-size:10px;margin-top:5px}.bank-options{display:flex;flex-direction:column;gap:6px}.bank-options button{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d6d9bf;border-radius:3px;background:#eeeada;font-size:12px;color:#446d50}.bank-options button>span{display:flex;align-items:center;gap:8px}.bank-options button>span img{width:35px;height:32px}.bank-options button:hover{background:#e0e5ce}.bank-options button>b{font-size:11px;font-weight:500}.empty-state{padding:20px;background:#e8e5d2;border:1px dashed #cbd0b4;border-radius:3px;color:#848b70;font-size:12px;text-align:center;margin-top:12px}.trade-counts{margin-bottom:22px}.trade-counts>div{display:flex;gap:10px}.trade-counter{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:8px 0;border:1px solid #d9d9c2;background:#ece8d5;border-radius:3px}.trade-counter>span:nth-child(2){font-size:9px;margin:5px 0 10px}.trade-counter>div{display:flex;align-items:center;gap:6px}.trade-counter>div button{width:18px;height:21px;background:#d9dfc5;color:#416347;border-radius:3px;padding:0}.trade-counter>div b{font-size:11px;min-width:8px;text-align:center}.trade-counts~.primary-button{margin-top:15px}.dev-hand{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dev-hand button{background:none;position:relative;padding:0;color:#51654f}.dev-hand button>img{height:140px;width:100%;filter:drop-shadow(0 3px 2px #5c5a3130);transition:transform .15s}.dev-hand button:hover>img{transform:translateY(-5px)}.dev-hand b{display:block;font-size:10px;margin-top:8px;font-weight:500}.dev-hand button>span{position:absolute;top:0;right:0;background:#45654d;color:#f0e8c9;border-radius:20px;font-size:11px;padding:3px 7px}.dev-detail{display:flex;align-items:center;gap:25px;margin-bottom:25px}.dev-detail>img{width:112px;height:161px;flex:none;filter:drop-shadow(0 5px 5px #3d4f2e22)}.dev-detail>p{font-size:12px;color:#758167}.card-options{display:flex;gap:8px;flex-wrap:wrap}.choice-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;background:#e0e6ca;border:1px solid #bfcaa8;border-radius:3px;color:#466742;font-size:12px}.choice-button:hover{background:#cddbb6}.choice-button .resource>img{height:32px;width:32px}@keyframes island-arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:1500px){.table-layout{grid-template-columns:245px minmax(0,1fr) 260px;gap:24px;padding:26px 40px 22px}.player-card{padding:17px 15px}.player-avatar{width:42px;height:48px}.player-name>strong{font-size:13px}.player-name>small{font-size:9px}.player-meta{gap:20px;font-size:10px}.turn-card h2{font-size:39px}.turn-card>p{font-size:12px}.dice-pair img{width:68px;height:68px}.activity-item p{font-size:11px}.hand-dock{gap:28px;height:174px;min-height:174px}.hand-card{height:125px;width:87px}.build-toolbar{gap:18px}.build-button{width:91px}.hand-title,.turn-actions{width:155px}}@media(max-width:1150px){.lobby-main{grid-template-columns:360px 1fr;padding:40px 4% 30px;gap:10px}.lobby-copy h1{font-size:70px}.lobby-island{margin-left:-25px}.lobby-board{width:119%;margin-left:-10%}.island-label{left:6%;right:0;top:10%}.coordinate-text{display:none}.island-caption{margin-top:50px}.game-topbar{margin-inline:18px}.table-layout{grid-template-columns:170px minmax(0,1fr) 188px;padding:16px 18px 14px;gap:12px}.turn-panel{padding-left:13px}.player-card{padding:11px 8px 8px}.player-avatar{width:28px;height:32px}.player-name>strong{font-size:10px}.player-name>small{font-size:7px}.player-meta{gap:11px;font-size:8px}.player-points b{font-size:20px}.turn-card h2{font-size:29px}.turn-card>p{font-size:9px}.dice-pair img{height:48px;width:48px}.hand-dock{gap:13px;padding-inline:18px}.hand-title{width:80px}.hand-title>b>span{display:block;margin:5px 0 0}.hand-title>b{font-size:26px}.hand-card{height:98px;width:68px;margin-left:-12px}.development-stack{width:49px;height:74px}.build-button{width:65px;min-width:60px}.build-toolbar{gap:2px}.turn-actions{width:112px;margin-left:0}.build-button>b{font-size:9px}.turn-actions button{font-size:10px;padding:10px}.island-topline .eyebrow{font-size:6px}.speed-button{font-size:7px}.board-message{font-size:9px;padding:8px 11px}.game-heading{font-size:11px}}@media(max-width:900px){.lobby-main{grid-template-columns:340px 1fr;padding:40px 3.6%;overflow:hidden}.lobby-copy h1{font-size:65px}.lobby-island{margin-left:-90px;margin-right:-80px;align-self:center;height:560px;opacity:.8}.setup-card{padding:23px}.lobby-board{width:120%}.lobby-copy{z-index:3}.island-label,.compass{display:none}.lobby-footer{font-size:7px}.lobby-footer>span:first-child{display:none}.topbar-right .quiet-tag{display:none}.game-shell{min-height:850px;height:auto;overflow:visible}.table-layout{grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(390px,55vw) auto;padding:16px;gap:12px}.turn-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;gap:25px}.turn-card{position:relative;padding-right:100px}.turn-card .dice-pair{position:absolute;right:0;top:0;margin:13px 0}.turn-card h2{font-size:29px}.turn-card>p{font-size:10px;max-width:none}.turn-card .roll-button{margin-top:12px}.turn-card .hint-button{justify-content:flex-start;padding:0;margin-bottom:0}.activity{margin:0;max-height:190px}.activity .section-label{border-top:0;padding-top:0}.saved-label{grid-column:1/-1;padding-top:0;display:none}.victory-note{display:none}.hand-dock{height:auto;min-height:0;flex-wrap:wrap;gap:15px;padding:18px 12px}.hand-title{width:75px}.resource-hand{margin-right:10px}.hand-card{height:100px;width:70px}.development-stack{width:50px;height:80px}.dock-divider{display:none}.build-toolbar{gap:6px}.build-button{width:70px;min-width:65px;height:100px}.turn-actions{width:130px;flex-direction:column}.game-heading{font-size:10px}.game-topbar .brand-caption{display:none}.game-topbar .brand{font-size:22px}.game-heading>span:last-child{font-size:9px}.heading-divider{margin-inline:10px}.game-topbar .topbar-right{gap:8px}.game-topbar .text-button{font-size:10px}.error-toast{bottom:20px;max-width:90vw}.winner-banner{gap:15px;flex-wrap:wrap;max-width:90vw;width:500px}.winner-banner h2{font-size:30px}}@media(max-width:620px){.topbar{height:76px;margin:0 22px}.brand{font-size:24px}.brand-mark{width:31px;height:36px}.brand-caption{font-size:5px}.topbar-right{gap:0}.text-button{font-size:10px}.lobby-main{display:flex;flex-direction:column;padding:30px 24px 10px;gap:0;min-height:0;overflow:hidden}.lobby-copy{width:100%;max-width:402px}.lobby-copy h1{font-size:65px;margin-top:17px;margin-bottom:18px}.lobby-description{font-size:12px;margin-bottom:24px}.lobby-copy>.eyebrow{font-size:8px}.setup-card{max-width:none}.lobby-island{width:100%;max-width:440px;height:auto;margin:-6px 0 0;opacity:1}.lobby-board{width:114%;margin-left:-7%}.lobby-board .catan-board{min-height:0}.island-caption{margin:0 0 24px;font-size:11px}.lobby-footer{margin-inline:24px;height:45px;justify-content:center;font-size:7px}.setup-footnote{font-size:7px}.player-input-row{gap:17px}.color-picker button{height:18px;width:18px}.color-picker>div{gap:5px}.game-topbar{height:66px;min-height:66px;margin-inline:14px;gap:10px}.game-topbar .brand{font-size:20px;letter-spacing:2px;gap:7px}.game-topbar .brand-mark{width:25px;height:29px}.game-topbar .brand-mark svg{width:17px}.game-heading{position:absolute;left:50%;transform:translate(-50%);top:74px;z-index:5;font-size:9px;color:#d4d7b9;white-space:nowrap}.game-heading .heading-divider{height:11px}.game-heading .live-indicator{display:none}.help-button{width:30px;height:30px}.help-button svg{width:16px}.game-topbar .topbar-right{gap:12px}.table-layout{display:flex;flex-direction:column;padding:0 12px 12px;gap:0}.island-area{order:0;padding-top:34px}.island-topline{display:none}.game-board-wrap{height:370px;flex:none}.board-message{font-size:10px;min-height:32px;margin-top:-8px;max-width:90%}.players-panel{order:1;margin-top:18px}.players-panel>.section-label{display:none}.player-list{display:flex;flex-direction:row;gap:6px;overflow-x:auto;padding:2px 1px 8px;scroll-snap-type:x proximity}.player-card{flex:0 0 148px;padding:9px 8px 7px;scroll-snap-align:start}.player-name>strong{font-size:9px}.player-name>small{font-size:6px}.player-points b{font-size:18px}.player-avatar{width:25px;height:30px}.score-track{margin:6px 0}.player-meta{font-size:7px;gap:10px}.turn-panel{order:2;display:block;padding-top:16px;margin-top:8px}.turn-card{padding-right:105px;min-height:140px}.turn-card h2{font-size:29px;margin:6px 0 8px}.turn-card>p{font-size:10px}.turn-card .eyebrow{font-size:7px}.dice-pair img{height:43px;width:43px}.turn-card .dice-pair{top:12px}.turn-card .hint-button{font-size:8px}.turn-card .roll-button{font-size:11px;padding:10px}.activity{margin-top:18px;max-height:120px}.activity .section-label{margin-bottom:10px}.activity-items{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;max-height:75px}.activity-item{margin-bottom:6px}.activity-item p{font-size:8px}.game-shell{min-height:100dvh}.hand-dock{gap:9px;padding:14px 10px 20px;justify-content:center}.hand-title{width:51px;margin-right:0}.hand-title .eyebrow{font-size:6px;letter-spacing:1px}.hand-title>b{font-size:25px}.hand-title>b>span{font-size:7px}.hand-title>small{font-size:6px}.resource-hand{margin:0 2px 0 0}.hand-card{width:49px;height:78px;margin-left:-8px}.hand-card>b{height:20px;width:20px;font-size:10px;bottom:-1px}.development-stack{width:38px;height:65px;margin-left:1px}.development-stack>span{height:18px;width:18px;font-size:9px}.build-toolbar{gap:3px;order:5;flex:1;max-width:290px;margin-top:4px}.build-button{width:25%;flex:1;min-width:0;height:89px;gap:3px;padding:3px 0}.build-image{height:36px;width:37px}.build-image img{max-height:36px;max-width:37px}.build-button>b{font-size:8px}.cost{gap:0}.cost .resource img{width:11px;height:11px}.cost .resource b{font-size:7px}.turn-actions{order:6;width:90px;gap:7px;margin-top:6px}.turn-actions button{padding:10px 8px;font-size:9px;gap:5px}.turn-actions svg{width:13px}.hand-dock .dock-divider{width:100%;height:0;flex-basis:100%;display:block;margin:1px 0 0}.modal-backdrop{padding:15px}.modal{padding:24px 21px;max-height:93dvh}.modal h2{font-size:31px}.help-grid{grid-template-columns:1fr;gap:20px}.help-grid h3{font-size:24px;margin:7px 0}.help-grid p,.modal .intro{font-size:11px}.trade-counts>div{gap:5px}.trade-counter>div{gap:4px}.trade-counter .resource img{width:30px;height:29px}.trade-counter>div button{width:17px}.trade-counter>span:nth-child(2){font-size:8px}.trade-counter>div b{font-size:10px}.dev-detail{gap:18px}.dev-detail>img{width:90px;height:132px}.dev-detail>p{font-size:11px}.dev-hand{gap:12px}.dev-hand button>img{height:117px}.dev-hand b{font-size:9px}.resource-options{gap:4px}.resource-options .resource img{width:33px;height:33px}.winner-banner{top:30%;padding:22px;gap:16px;width:92%}.winner-banner>svg{display:none}.winner-banner h2{font-size:32px}.winner-banner p{font-size:10px}.error-toast{font-size:10px;padding:10px;gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:901px)and (max-height:850px){.lobby>.topbar{height:76px}.lobby-main{padding-top:24px;padding-bottom:20px;min-height:calc(100vh - 118px)}.lobby-copy h1{font-size:65px;margin:13px 0 14px;line-height:.98}.lobby-description{font-size:11px;line-height:1.7;margin-bottom:18px}.lobby-copy>.eyebrow{font-size:8px}.setup-card{padding:19px 24px 16px}.setup-heading{margin-bottom:17px}.setup-heading h2{font-size:27px}.player-input-row{margin-bottom:17px}.style-row{margin:13px 0 15px}.setup-footnote{margin-top:11px}.bot-picker>button{padding:5px 0;font-size:16px}.bot-picker>button span{font-size:7px}.start-button{padding:10px 14px}.resume-button{margin-top:9px;padding:4px 0}.lobby-footer{height:42px}.lobby-board{max-height:540px;display:flex}.island-label{top:1%}.island-caption{margin-top:5px}}@media(min-width:901px){.players-panel.compact .player-list{gap:6px}.players-panel.compact .player-card{padding:7px 10px 6px}.players-panel.compact .player-avatar{width:27px;height:28px}.players-panel.compact .player-name>small{display:none}.players-panel.compact .score-track{margin:5px 0;height:3px}.players-panel.compact .player-meta{line-height:10px;font-size:8px;gap:15px}.players-panel.compact .player-meta img{height:10px;width:8px}.players-panel.compact .victory-note{display:none}.players-panel.compact .player-points b{font-size:20px}.players-panel.compact .player-awards{font-size:6px;margin-top:3px}}@media(min-width:901px)and (max-height:750px){.lobby-main{padding-top:19px;padding-bottom:15px}.lobby-copy h1{font-size:59px}.lobby-description{margin-bottom:14px}.lobby-board{max-height:510px}}.st-app,.st-collection,.st-loading{--st-gold: #e4be74;--st-ink: #f5ecd8;--st-muted: #a9bdc6;--st-line: #c4a36365;--st-panel: linear-gradient(140deg, #103c54, #061c2d 75%);color:var(--st-ink);background:#071c29;font:14px/1.5 DM Sans,system-ui,sans-serif;color-scheme:dark}.st-app{height:100dvh;min-height:680px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.st-app button,.st-app a,.st-collection button{touch-action:manipulation}.st-app h1,.st-app h2,.st-app h3,.st-collection h1,.st-collection h2{font-family:Georgia,Times New Roman,serif;letter-spacing:-.035em;font-weight:400;color:var(--st-ink)}.st-app button{color:inherit}.st-app button:disabled{opacity:.4}.st-app label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#d3dcd9}.st-app input:not([type=file]),.st-app select{min-height:42px;background:#071e2f;color:#f8edd5;border:1px solid #7f8e8c;border-radius:5px;padding:8px 10px;max-width:100%;font-size:14px}.st-app select{cursor:pointer}.st-app input::placeholder{color:#afbdc1}.st-app progress{height:5px;border:0;background:#051927;border-radius:10px;overflow:hidden;appearance:none}.st-app progress::-webkit-progress-bar{background:#051927}.st-app progress::-webkit-progress-value{background:linear-gradient(90deg,#b79044,#f0d99a);border-radius:10px}.st-app progress::-moz-progress-bar{background:#e4be74}.st-eyebrow{font:700 10px/1.5 DM Sans,sans-serif;letter-spacing:2px;color:var(--st-gold);text-transform:uppercase}.st-muted{color:var(--st-muted);font-size:13px;line-height:1.7}.st-good{color:#c1d693}.st-danger{color:#ffb8a2}.st-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.st-loading{display:grid;place-items:center;min-height:100vh}.st-header{height:66px;flex:none;display:flex;align-items:center;gap:28px;padding:0 24px;border-bottom:2px solid #bf9451;box-shadow:0 2px #07121c,0 3px #f3dba34d;background:var(--st-panel);z-index:5}.st-collection-link{display:flex;align-items:center;gap:10px;background:none;color:var(--st-gold)!important;font-size:11px;font-weight:700;letter-spacing:1.2px;padding:8px 0}.st-header nav{display:flex;gap:7px;align-items:center}.st-header nav a,.st-header nav>span{font:18px Georgia,serif;padding:8px 24px;text-decoration:none}.st-header nav a{color:#c6cfca}.st-header nav>span{color:#ffe5a2;border:1px solid #dfbc78;background:linear-gradient(110deg,#1e4960,#142d3b);border-radius:4px;box-shadow:inset 0 0 0 2px #061d2e}.st-wordmark{color:#f3cf85;font:30px Georgia,serif;letter-spacing:3px;text-shadow:0 2px #412c15;margin-left:auto}.st-header-end{margin-left:auto;display:flex;align-items:center;gap:20px}.st-date{font:17px Georgia,serif;text-align:right;white-space:nowrap}.st-date small{display:block;color:var(--st-gold);font:10px DM Sans,sans-serif;letter-spacing:1px;margin-top:4px}.st-icon-button{display:grid;place-items:center;background:#092638;min-width:34px;min-height:34px;border:1px solid var(--st-line);border-radius:5px;padding:5px}.st-view-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 20px;background:#082132;border-bottom:1px solid #b38b4844;flex:none;z-index:4;font-size:10px}.st-audio-controls,.st-modal-tools{display:flex;align-items:center;gap:5px;flex-shrink:0}.st-audio-toggle{position:relative;color:var(--st-gold);width:34px;height:34px}.st-audio-toggle.is-muted{color:#99aeb7;background:#071c29}.st-audio-slash{position:absolute;width:25px;height:2px;background:#e6bd77;transform:rotate(-45deg);box-shadow:0 1px #071c29;pointer-events:none}.st-modal-tools{gap:12px}.st-mobile-date{display:none}@media(max-width:620px){.st-mobile-date{display:block;padding:5px 12px;text-align:right;font-size:10px;color:var(--st-gold);background:#082132;border-bottom:1px solid #b38b4844}.st-header .st-date{display:none}.st-modal-header{flex-wrap:wrap;gap:12px}.st-modal-tools{margin-left:auto}}.st-view-controls>div{display:flex;gap:10px}.st-view-controls button{display:flex;align-items:center;gap:6px;background:transparent;color:#dbd5c1;padding:3px 8px;font-size:11px}.st-view-controls button:hover{background:#244558;border-radius:4px}.st-live-status{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#b8c9cf}.st-live-status i{width:6px;height:6px;border-radius:50%;background:#c6b57e}.st-live-status .st-traveling{background:#aed391;box-shadow:0 0 8px #a5d994}.st-stage{flex:1;min-height:0;display:flex;gap:0;position:relative}.st-landscape{position:relative;flex:1;min-width:0;overflow:hidden;isolation:isolate}.st-scene-image{position:absolute;inset:0;background-image:var(--st-scene);background-size:cover;background-position:40% center;z-index:-3;transition:filter 1s;transform:scale(1.01)}.st-scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0015225c,transparent 32%,transparent 50%,#071624bd);z-index:-1;pointer-events:none}.st-landscape-traveling .st-scene-image{animation:st-drift 18s ease-in-out infinite alternate}.st-storm .st-scene-image{filter:brightness(.65) saturate(.65)}.st-storm:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 60px,#ddefff15 60px 61px);pointer-events:none;z-index:-1}.st-location{position:absolute;top:28px;left:30px;right:24px;text-shadow:0 2px 10px #000c}.st-location h1{font-size:clamp(24px,2.6vw,39px);margin:6px 0;line-height:1.15}.st-location p{color:#fbf3e0;font-size:12px}.st-location .st-eyebrow{color:#fff0c3}.st-scene-caption{position:absolute;bottom:28px;left:30px;max-width:52%;font:italic 16px/1.5 Georgia,serif;text-shadow:0 2px 7px #000}.st-minimap{position:absolute;right:24px;bottom:22px;width:230px;max-width:34%;padding:0;overflow:hidden;background:var(--st-panel);border:1px solid #d9b469;border-radius:8px;box-shadow:0 6px 25px #00132270}.st-minimap>span{display:flex;justify-content:space-between;color:#edcf91;font:14px Georgia,serif;padding:6px 10px;border-bottom:1px solid #b7975c}.st-minimap svg{width:100%;display:block;opacity:.93}.st-notice{position:absolute;left:30px;bottom:25px;width:min(430px,52%);padding:18px 21px;background:linear-gradient(130deg,#faf0d9f5,#ddc99ff5);border:1px solid #f6d99d;border-radius:8px;box-shadow:0 10px 30px #0005;color:#183142}.st-notice h2{font-size:25px;color:#193548;margin:3px 0 8px}.st-notice p{font-size:13px;line-height:1.6}.st-notice .st-eyebrow{color:#806027}.st-notice button{display:flex;align-items:center;gap:12px;background:transparent;padding:8px 0 0;font-size:12px;color:#1d4a5e;font-weight:700}.st-notice-danger{border-left:4px solid #ac503d}.st-floating-actions{position:absolute;left:30px;bottom:22px;display:flex;gap:10px;z-index:2}.st-dock-collapsed .st-notice{bottom:88px}.st-dock-collapsed .st-scene-caption{bottom:86px}.st-floating-actions .st-button{box-shadow:0 4px 16px #0005}.st-expedition{width:340px;flex:none;display:flex;flex-direction:column;gap:15px;padding:20px 22px 12px;background:var(--st-panel);border-left:2px solid #c09956;box-shadow:inset 3px 0 #051625,inset 4px 0 #e6c78155;overflow-y:auto;scrollbar-color:#ad925c #0b283b}.st-panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--st-line);padding-bottom:12px}.st-panel-heading h2{font-size:27px}.st-panel-heading button{border:0;background:transparent;font-size:25px}.st-party{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.st-party button{padding:0;background:transparent;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.st-portrait,.st-action-art{display:block;background-image:url(/assets/settlers/interface-atlas.png);background-size:500% 200%;background-repeat:no-repeat;aspect-ratio:1;width:100%;filter:drop-shadow(0 3px 3px #0005)}.st-portrait.is-dead{filter:grayscale(1);opacity:.4}.st-party strong{font:13px Georgia,serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-party progress{width:80%;height:3px}.st-party progress::-webkit-progress-value{background:#acd77c}.st-party small{font-size:9px;color:#ffb8a2}.st-stats{margin:0;display:grid;gap:0}.st-stats>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--st-line);padding:12px 0;gap:12px}.st-stats dt{display:flex;align-items:center;gap:11px;font:17px Georgia,serif}.st-stats dt svg{color:var(--st-gold)}.st-stats dd{margin:0;font:17px Georgia,serif;white-space:nowrap}.st-ration-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-ration-controls label{color:#eedcba;font:13px Georgia,serif}.st-ration-controls select{font:12px DM Sans,sans-serif;padding:6px;min-height:36px;border-color:#ba9a63}.st-consumption{color:#a6bec6;font-size:10px;line-height:1.5}.st-journal-peek{position:relative;background:#061928aa;border:1px solid #b2935a55;border-radius:6px;padding:12px 12px 10px 36px;margin-top:auto}.st-journal-peek>svg{position:absolute;left:10px;top:13px;color:var(--st-gold);width:17px}.st-journal-peek p{font:13px/1.5 Georgia,serif;color:#d8d4bd}.st-journal-peek button{background:none;padding:6px 0 0;font-size:10px;color:var(--st-gold)}.st-panel-bottom{font-size:9px;color:#9eb5be;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.st-dock{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(330px,1.4fr) minmax(215px,.75fr);gap:24px;align-items:center;flex:none;min-height:146px;padding:14px 24px 18px;background:var(--st-panel);border-top:2px solid #ceaa63;box-shadow:inset 0 3px #05192b,inset 0 4px #d6b67255}.st-route-progress h3{font-size:23px;margin:5px 0 14px}.st-route-progress progress{width:100%;height:5px;display:block}.st-route-progress>div{display:flex;justify-content:space-between;font-size:10px;color:#c7cbbd;margin-top:9px;gap:10px}.st-action-dock{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.st-action-dock button{display:flex;flex-direction:column;align-items:center;padding:0;background:transparent;min-width:0}.st-action-art{width:80px;max-width:100%;transition:filter .15s,transform .15s}.st-action-dock button:hover:not(:disabled) .st-action-art{filter:brightness(1.2) drop-shadow(0 0 8px #e4bc5744);transform:translateY(-3px)}.st-action-dock button>span:last-child{font:15px Georgia,serif;margin-top:3px}.st-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;border:1px solid #b69964;background:#11354a;border-radius:5px;padding:10px 17px;color:#f3e4c5;font-size:12px;font-weight:600}.st-button:hover:not(:disabled){background:#24546c}.st-primary{background:linear-gradient(180deg,#fae6af,#e8c171 65%,#d6a34a);color:#152e3c!important;border-color:#f9df9d;box-shadow:inset 0 0 0 2px #e1b56a,inset 0 0 0 3px #fff0c45c;font-weight:700}.st-primary:hover:not(:disabled){background:linear-gradient(#fff0c9,#e8c67d)}.st-travel-buttons>.st-button{width:100%;min-height:56px;font:20px Georgia,serif;line-height:1.2;padding:10px}.st-travel-buttons>div{display:flex;justify-content:space-between;margin-top:9px;align-items:center;gap:8px}.st-travel-buttons>div>button{background:none;padding:5px;font-size:11px;color:#dcd9c8}.st-speed select{font-size:10px;min-height:28px;padding:3px 6px;border-color:#557080;background:#071e2c}.st-modal{border:1px solid #cfac66;background:var(--st-panel);color:#f4ecd9;border-radius:12px;padding:0;max-width:calc(100vw - 28px);width:510px;max-height:calc(100dvh - 36px);box-shadow:inset 0 0 0 3px #051c2c,inset 0 0 0 4px #ad8c5566,0 24px 100px #0009;scrollbar-color:#a58b56 #061d2c}.st-modal::backdrop{background:#001421bb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.st-modal-content{padding:26px 30px 30px}.st-modal-wide{width:760px}.st-modal-header{display:flex;justify-content:space-between;align-items:start;gap:18px;border-bottom:1px solid var(--st-line);padding-bottom:18px;margin-bottom:22px}.st-modal-header h2{font-size:30px;margin-top:5px;line-height:1.2}.st-modal p+.st-button,.st-modal .st-muted+.st-field{margin-top:18px}.st-form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}.st-field{margin:16px 0}.st-link{background:none;font-size:12px;color:var(--st-gold)!important;padding:8px 0;text-align:left;text-decoration:underline;text-underline-offset:3px}.st-shop-intro{display:flex;align-items:center;gap:35px}.st-shop-intro p{font-size:13px;line-height:1.7;color:var(--st-muted);flex:1}.st-shop-intro>strong{font:27px Georgia,serif;color:#f0cf86;white-space:nowrap;text-align:right}.st-shop-intro strong small{display:block;font:9px DM Sans,sans-serif;letter-spacing:1px;margin-top:5px}.st-shop-list{margin-top:14px}.st-shop-row{display:grid;grid-template-columns:28px 1fr 140px;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--st-line)}.st-shop-row>svg{color:var(--st-gold)}.st-shop-row b{font-size:13px}.st-shop-row small{display:block;font-size:10px;color:#afc0c6;margin-top:3px}.st-counter{display:flex;align-items:center;gap:4px}.st-counter button{width:28px;height:34px;background:#183d51;border:1px solid #638090;border-radius:4px}.st-counter input{width:65px;text-align:center;min-height:34px!important;padding:3px!important;-moz-appearance:textfield;appearance:textfield}.st-counter input::-webkit-inner-spin-button{display:none}.st-shop-total{display:flex;justify-content:space-between;gap:18px;margin-top:20px;font-size:12px}.st-shop-total b{margin-left:10px;font:21px Georgia,serif;color:var(--st-gold)}.st-shop-total b.st-danger{color:#ffb8a2}.st-supply-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.st-supply-grid article{position:relative;border:1px solid var(--st-line);border-radius:7px;padding:14px;background:#061d2c}.st-supply-grid svg{position:absolute;right:12px;top:12px;color:var(--st-gold)}.st-supply-grid span{font-size:11px;color:#b5c5cb}.st-supply-grid strong{display:block;font:26px Georgia,serif;margin:10px 0}.st-supply-grid strong small{font:11px DM Sans,sans-serif;color:#a1b9c4}.st-supply-grid progress{width:100%}.st-river-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.st-river-facts span{border:1px solid var(--st-line);border-radius:6px;padding:14px 7px;text-align:center;font-size:11px;color:var(--st-muted)}.st-river-facts b{display:block;font:23px Georgia,serif;color:#f2d798;margin-bottom:5px}.st-choice-list{display:grid;gap:10px;margin-top:20px}.st-choice-list>button{display:flex;align-items:center;gap:20px;justify-content:space-between;text-align:left;background:#082131;border:1px solid #b3976455;padding:15px;border-radius:7px}.st-choice-list>button:hover:not(:disabled){border-color:#e2ba6d;background:#173c50}.st-choice-list b{font:19px Georgia,serif}.st-choice-list p{font-size:11px;color:var(--st-muted);line-height:1.6;margin-top:6px}.st-choice-list>button>span{white-space:nowrap;font-size:10px;color:var(--st-gold)}.st-trade-fields{display:grid;grid-template-columns:1fr 110px;gap:20px;margin:20px 0}.st-trade-offer{background:#071c2b;border:1px solid #c2a164;border-radius:8px;padding:20px;margin-top:22px}.st-trade-offer h3{font-size:25px;margin:6px 0 12px}.st-trade-offer p{color:#b9c9ce;font-size:13px}.st-journal{list-style:none;padding:0;margin:0;display:grid;gap:20px}.st-journal li{border-left:2px solid #cbaa6766;padding-left:16px}.st-journal time{font-size:10px;color:var(--st-gold)}.st-journal p{font:15px/1.7 Georgia,serif;margin-top:5px}.st-journal .st-journal-danger{border-color:#cf8268}.st-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.st-party-details{display:grid;gap:17px}.st-party-details article{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--st-line);padding-bottom:12px}.st-party-details .st-portrait{width:74px}.st-party-details h3{font-size:22px}.st-party-details p{font-size:12px;color:var(--st-muted);margin-top:5px}.st-help h3{font-size:22px;margin:18px 0 6px}.st-help p{font-size:13px;line-height:1.7;color:var(--st-muted)}.st-save-warning{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px;background:#673f24;color:#fff0d5;font-size:12px;z-index:8;flex:none}.st-save-warning button{background:#2e271e;border:1px solid #cbaa6d;padding:5px 10px;border-radius:4px}.st-full-map svg{display:block;width:100%;border:1px solid #b79c63;border-radius:8px}.st-map-stops{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:11px;padding:16px 0 0 20px;color:#c3cabb}.st-map-next{color:#f4d797;font-weight:700}.st-setup{flex:1;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:8vw;padding:40px 7%;overflow:auto;position:relative;background:linear-gradient(90deg,#03233685,#03233620 50%,#03152280),url(/assets/settlers/prairie.png) center/cover}.st-setup-story{max-width:560px;text-shadow:0 3px 10px #0009}.st-setup-story h1{font-size:clamp(64px,7vw,108px);line-height:.98;margin:18px 0 25px}.st-setup-story p{font:21px/1.6 Georgia,serif;color:#fff1d4}.st-setup-story>span:last-child{font-size:13px;line-height:1.8;color:#f1e6c7}.st-setup-rule{width:65px;height:1px;background:#f3d392;margin:30px 0}.st-setup-card{border:1px solid #d0ae72;border-radius:12px;background:linear-gradient(130deg,#0a344bf5,#061d2df7);padding:28px;box-shadow:inset 0 0 0 3px #061b2b,inset 0 0 0 4px #ad8c5555,0 20px 60px #0005}.st-setup-card h2{font-size:32px;line-height:1.2;margin:6px 0 20px}.st-setup-card label{margin-bottom:12px}.st-occupation{border-left:2px solid #d9b878;padding:6px 12px;margin:15px 0 20px;background:#04192566}.st-occupation b{color:#f3d293;font-size:13px}.st-occupation p{font-size:11px;color:#b6c8d0;margin-top:4px}.st-setup-card legend{font-size:12px;color:#c9d5d6;margin-bottom:7px}.st-name-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.st-name-grid input{width:100%;font-size:11px!important;padding:5px!important;min-height:33px!important;text-align:center}.st-name-grid label{gap:5px}.st-setup-card .st-muted{font-size:11px}.st-setup-card .st-form-actions{justify-content:space-between;margin-top:18px}.st-setup-card .st-form-actions .st-primary{flex:1}.st-ending{flex:1;overflow:auto;text-align:center;padding:45px 24px;background:linear-gradient(#061e30c9,#061e30ee),var(--st-scene) center/cover}.st-ending>p{max-width:620px;margin:14px auto;line-height:1.7}.st-ending h1{font-size:clamp(40px,5vw,76px);margin:12px 0}.st-ending-party{display:flex;justify-content:center;gap:18px;margin:26px auto;max-width:570px}.st-ending-party>div{width:90px}.st-ending-party b,.st-ending-party small{display:block;margin-top:5px;overflow-wrap:anywhere}.st-ending-party b{font:16px Georgia,serif}.st-ending-party small{font-size:10px;color:#bac9ce}.st-final-score strong{display:block;font:64px Georgia,serif;color:#edcb85}.st-final-score>span{font-size:10px;letter-spacing:2px;color:#bccacb}.st-ending details{max-width:360px;margin:20px auto;font-size:12px;color:#c7d4d6}.st-ending summary{cursor:pointer;color:var(--st-gold)}.st-score-rows p{display:flex;justify-content:space-between;border-bottom:1px solid var(--st-line);padding:7px}.st-ending .st-form-actions{justify-content:center}.st-minigame{flex:1;min-height:0;display:flex;flex-direction:column;padding:25px 4%;background:#082639}.st-minigame>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.st-minigame h1{font-size:36px;margin:5px 0}.st-minigame header p{font-size:12px;color:#b5cbd4}.st-minigame-stats{display:flex;align-items:center;gap:30px;margin:17px 0;color:#e8d5a5;font-size:13px}.st-minigame-stats>span{display:flex;align-items:center;gap:9px}.st-minigame-stats .st-button{margin-left:auto}.st-hunt-field{position:relative;flex:1;min-height:280px;overflow:hidden;border:1px solid #c1a364;border-radius:10px;background:linear-gradient(#0b2c4310,#0a283448),url(/assets/settlers/hunt-field.png) center/cover;cursor:crosshair;isolation:isolate}.st-animal{position:absolute;width:15%;min-width:75px;aspect-ratio:1;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:transparent;cursor:crosshair;filter:drop-shadow(0 8px 5px #0004);transition:none!important}.st-animal:active{transform:none}.st-game-pause{position:absolute;inset:0;background:#061f32b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;cursor:default;z-index:3}.st-game-pause>svg{color:var(--st-gold)}.st-game-pause h2{font-size:36px;margin:15px 0 8px}.st-game-pause p{font-size:13px;line-height:1.7;max-width:450px;color:#d2dee0;margin-bottom:22px}.st-minigame-note{font-size:11px;color:#a7bec9;margin:12px 0 0}.st-river-course{position:relative;flex:1;width:min(100%,780px);margin:auto;min-height:300px;overflow:hidden;border:2px solid #c4a262;border-radius:12px;background:linear-gradient(90deg,#354e3b 0 6%,#4a888e 7%,#23576f 25%,#1b496a,#23576f 75%,#4a888e 94%,#354e3b 95%)}.st-water-lines{position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0 65px,#a9ddd01a 66px 68px,transparent 70px);animation:st-water 3s linear infinite}.st-rock{position:absolute;transform:translate(-50%,-50%) rotate(15deg);font-size:clamp(42px,5vw,65px);color:#78817d;line-height:1;text-shadow:2px 5px #384b50,-2px -2px #b5b6a0;filter:drop-shadow(0 10px 0 #bfe8de33)}.st-rock-hit{color:#b67a5b}.st-raft{position:absolute;top:78%;width:70px;height:80px;transform:translate(-50%,-50%);transition:left .12s ease-out;filter:drop-shadow(0 6px 5px #001c3588)}.st-raft>span{display:inline-block;width:20px;height:76px;background:linear-gradient(90deg,#865b31,#cca365,#825d35);border:2px solid #634824;border-radius:9px}.st-raft>b{position:absolute;inset:6px 7px 15px 1px;border:3px solid #9d723c;background:linear-gradient(90deg,#c4b18a,#fff2d0 40%,#e0d1b0 80%,#a8936f);border-radius:22px 22px 5px 5px;color:transparent;box-shadow:0 4px 5px #49382066}.st-steering{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:15px;font-size:12px;color:#c2d0d2}.st-collection{min-height:100dvh;background:radial-gradient(ellipse at 60% 0,#245d6c55,transparent 60%),#061c28;padding:0 6% 40px}.st-collection-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--st-line);height:100px;font-size:13px;letter-spacing:2px;font-weight:700}.st-collection-header img{width:58px;height:58px}.st-collection-header small{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:var(--st-muted)}.st-collection-copy{text-align:center;padding:55px 0 35px}.st-collection-copy h1{font-size:clamp(42px,5vw,72px);margin:9px 0}.st-collection-copy p{color:#b7c9ce;font-size:15px}.st-game-choices{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1260px;margin:auto}.st-game-choice{min-height:430px;display:flex;flex-direction:column;align-items:start;justify-content:end;position:relative;isolation:isolate;text-align:left;overflow:hidden;border:1px solid #b7975c;border-radius:12px;padding:34px;background:#143746;color:#f5eddc;box-shadow:inset 0 0 0 4px #05233366,0 20px 70px #0004}.st-game-choice:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#051928f5,transparent 85%)}.st-game-choice:after{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .6s}.st-island-choice:after{background-image:url(/assets/brand/hexterra.avif);background-size:230px;background-position:right 26px top 12px;background-repeat:no-repeat;background-color:#154153}.st-trail-choice:after{background-image:url(/assets/settlers/prairie.png)}.st-game-choice:hover:after{transform:scale(1.04)}.st-game-choice:hover{border-color:#ffe4a2;box-shadow:0 15px 60px #d9aa3e14}.st-game-choice h2{font-size:48px;margin:7px 0}.st-game-choice p{font-size:14px;color:#dbded0}.st-game-choice>b{display:flex;justify-content:space-between;width:100%;border-top:1px solid #d4b67777;padding-top:18px;margin-top:25px;color:#ebc988;font-size:13px}.st-collection-foot{text-align:center;color:#8faeb9;font-size:11px;margin-top:28px}.st-collection-return{position:fixed;bottom:12px;left:12px;z-index:20;border:1px solid #bda16a;border-radius:5px;background:#0a2b3fe8;color:#e4c888;padding:7px 12px;font-size:11px}@keyframes st-drift{0%{transform:scale(1.01) translate(0)}to{transform:scale(1.07) translate(-1%)}}@keyframes st-water{to{background-position:0 70px}}@media(min-width:1500px){.st-expedition{width:380px;padding:25px 28px}.st-action-art{width:95px}.st-dock{min-height:165px;padding-inline:32px}.st-party strong{font-size:15px}.st-stats>div{padding:16px 0}.st-minimap{width:270px}.st-location{top:35px;left:40px}}@media(max-height:820px)and (min-width:901px){.st-expedition{gap:10px;padding:14px 18px 10px}.st-panel-heading{padding-bottom:7px}.st-panel-heading h2{font-size:24px}.st-stats>div{padding:9px 0}.st-journal-peek{padding-block:8px}.st-journal-peek p{font-size:11px}.st-dock{min-height:130px;padding-block:10px}.st-action-art{width:68px}.st-setup{padding-block:22px}.st-setup-card{padding:22px}.st-setup-card h2{font-size:28px;margin-bottom:12px}.st-setup-card label{margin-bottom:8px}.st-occupation{margin:10px 0}.st-setup-card .st-portrait{max-height:64px}.st-setup-story h1{font-size:78px}}@media(max-width:1100px){.st-header{gap:18px;padding:0 16px}.st-header nav a,.st-header nav>span{padding-inline:15px}.st-wordmark{font-size:24px}.st-expedition{width:300px;padding:14px}.st-stats dt,.st-stats dd{font-size:15px}.st-dock{gap:15px;grid-template-columns:minmax(175px,.9fr) minmax(275px,1.3fr) minmax(190px,.8fr);padding-inline:18px}.st-action-art{width:65px}.st-route-progress h3{font-size:21px}.st-travel-buttons>.st-button{font-size:18px}.st-minimap{width:190px;right:18px}.st-setup{gap:5%;padding-inline:5%;grid-template-columns:1fr 430px}.st-view-controls{padding-inline:12px}.st-live-status{font-size:9px}}@media(max-width:900px){.st-app{height:auto;min-height:100dvh;overflow:visible}.st-header{height:60px}.st-wordmark{display:none}.st-header-end{gap:10px}.st-date{font-size:14px}.st-collection-link span{display:none}.st-stage{min-height:480px}.st-expedition{width:290px}.st-landscape{min-height:480px}.st-location{left:20px;top:22px}.st-location h1{font-size:27px}.st-minimap{width:170px;max-width:45%;right:14px;bottom:15px}.st-scene-caption{left:18px;font-size:13px;max-width:45%}.st-notice{left:15px;bottom:150px;width:calc(100% - 30px);max-width:none}.st-dock{grid-template-columns:1fr 1fr;gap:16px}.st-route-progress{grid-column:1}.st-action-dock{grid-column:1;grid-row:2}.st-travel-buttons{grid-column:2;grid-row:1/3}.st-dock-collapsed .st-stage,.st-dock-collapsed .st-landscape{min-height:calc(100dvh - 110px)}.st-floating-actions{left:16px;bottom:16px;right:16px;flex-wrap:wrap}.st-dock-collapsed .st-minimap{bottom:100px}.st-dock-collapsed .st-notice{bottom:240px}.st-setup{grid-template-columns:1fr 1fr;padding:30px 4%;gap:5%}.st-setup-story h1{font-size:66px}.st-setup-card{padding:21px}.st-setup-card h2{font-size:27px}.st-name-grid{gap:3px}.st-setup-story p{font-size:17px}.st-minigame{min-height:calc(100dvh - 60px)}.st-hunt-field{min-height:380px}.st-river-course{min-height:420px}.st-collection-copy{padding-top:38px}.st-game-choice{min-height:350px;padding:25px}.st-game-choice h2{font-size:40px}}@media(max-width:620px){.st-header{gap:10px;padding:0 12px}.st-header nav{gap:0}.st-header nav a,.st-header nav>span{font-size:16px;padding:7px 12px}.st-date{font-size:11px}.st-header-end{gap:8px}.st-date small{font-size:8px}.st-view-controls{align-items:start;flex-direction:column;padding:8px 10px;gap:4px}.st-view-controls>div{width:100%;justify-content:space-between;gap:3px}.st-view-controls button{font-size:10px;padding:4px}.st-view-controls button svg{width:14px}.st-stage{flex-direction:column;min-height:0}.st-landscape{min-height:480px}.st-expedition{width:100%;border-left:0;border-top:1px solid #bc9e60;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.st-panel-heading{grid-column:1/-1}.st-party{grid-column:1/-1;max-width:440px;width:100%;justify-self:center}.st-portrait{max-width:90px}.st-stats{grid-column:1}.st-stats>div{padding:8px 0}.st-stats dt,.st-stats dd{font-size:13px}.st-stats dt{gap:5px}.st-stats dt svg{width:17px}.st-ration-controls{grid-column:2;grid-row:3;display:flex;flex-direction:column;justify-content:center;gap:12px}.st-consumption,.st-journal-peek,.st-panel-bottom{grid-column:1/-1}.st-journal-peek{margin-top:0}.st-dock{padding:15px;gap:17px 12px;grid-template-columns:1fr 1fr}.st-route-progress{grid-column:1/-1}.st-route-progress h3{margin:3px 0 10px}.st-action-dock{grid-column:1/-1;grid-row:2}.st-action-art{width:65px}.st-action-dock button>span:last-child{font-size:13px}.st-travel-buttons{grid-column:1/-1;grid-row:3}.st-travel-buttons>.st-button{min-height:48px}.st-travel-buttons>div{justify-content:center;gap:25px}.st-notice{width:calc(100% - 30px);bottom:150px;padding:14px 17px}.st-notice h2{font-size:22px}.st-notice p{font-size:12px}.st-minimap{width:165px;max-width:44%}.st-location h1{font-size:29px}.st-scene-caption{font-size:14px;max-width:44%}.st-side-collapsed.st-dock-collapsed .st-landscape{min-height:calc(100dvh - 122px)}.st-floating-actions{gap:7px}.st-floating-actions .st-button{font-size:11px;padding:8px 12px}.st-modal-content{padding:22px 19px}.st-modal-header h2{font-size:27px}.st-shop-intro{gap:16px}.st-shop-intro>strong{font-size:23px}.st-shop-row{grid-template-columns:20px 1fr 114px;gap:9px}.st-counter input{width:50px}.st-counter button{width:26px}.st-shop-row small{font-size:9px}.st-shop-row b{font-size:12px}.st-shop-total{font-size:11px}.st-shop-total b{font-size:19px;margin-left:5px}.st-choice-list>button{gap:12px}.st-choice-list b{font-size:18px}.st-choice-list>button>span{font-size:9px}.st-setup{display:block;padding:30px 18px;background-position:35% center}.st-setup-story{padding:0 8px 24px}.st-setup-story h1{font-size:55px;margin:13px 0}.st-setup-story h1 br{display:none}.st-setup-story p{font-size:16px}.st-setup-story .st-setup-rule,.st-setup-story>span:last-child{display:none}.st-setup-card{padding:24px 20px}.st-setup-card .st-portrait{width:100%}.st-setup-card .st-form-actions{gap:8px}.st-setup-card .st-button{padding:9px 12px}.st-minigame{padding:20px 12px}.st-minigame>header{align-items:start}.st-minigame h1{font-size:26px}.st-minigame>header .st-button{font-size:10px;padding:7px;min-width:90px}.st-minigame-stats{gap:10px;flex-wrap:wrap;font-size:12px}.st-minigame-stats .st-button{margin-left:0}.st-hunt-field{min-height:400px;background-size:cover}.st-game-pause{padding:20px}.st-game-pause h2{font-size:29px}.st-animal{width:24%;min-width:70px}.st-steering{gap:10px}.st-steering .st-button{font-size:11px;padding:8px 11px}.st-raft{transform:translate(-50%,-50%) scale(.8)}.st-ending{padding:30px 20px}.st-ending-party{gap:6px}.st-ending-party b{font-size:13px}.st-ending-party small{font-size:8px}.st-ending h1{font-size:45px}.st-ending .st-form-actions{gap:9px}.st-collection{padding-inline:20px}.st-collection-header{height:78px}.st-collection-header img{width:43px;height:43px}.st-collection-header small{display:none}.st-collection-copy{padding:35px 0 25px}.st-collection-copy h1{font-size:41px}.st-collection-copy p{font-size:12px}.st-game-choices{grid-template-columns:1fr;gap:18px}.st-game-choice{min-height:285px}.st-island-choice:after{background-size:145px;background-position:right 12px top 12px}.st-game-choice h2{font-size:42px}.st-game-choice>b{margin-top:17px;padding-top:13px}}@media(prefers-reduced-motion:reduce){.st-app *,.st-collection *{animation:none!important;transition:none!important}}.st-landmark-actions{position:absolute;left:30px;top:132px;display:flex;gap:10px}.st-landmark-actions button{background:#092b3ce8;color:#f2d69b;border:1px solid #b8a06c;padding:7px 12px;border-radius:4px;font-size:11px}.st-talk-quote{font:24px/1.6 Georgia,serif;color:#eddbb4;margin-bottom:22px}@media(max-width:620px){.st-landmark-actions{left:20px;top:137px;gap:6px}.st-landmark-actions button{font-size:10px;padding:7px 9px}}.st-scene-frame{position:relative;overflow:hidden;background-color:#15303b}.st-scene-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.st-scene-frame .st-scene-current{animation:st-image-arrive .9s ease both}@keyframes st-image-arrive{0%{opacity:0}to{opacity:1}}.st-scene-image.st-scene-frame{position:absolute;background-image:none}.st-story-encounter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.st-story-encounter>.st-scene-frame{aspect-ratio:1;border:1px solid #c19a57;border-radius:8px;box-shadow:0 8px 25px #0005}.st-story-copy h3{font-size:30px;margin:7px 0 0}.st-story-copy blockquote{margin:20px 0;font:18px/1.65 Georgia,serif;color:#f4dfb8}.st-story-copy p{margin:12px 0}.st-story-copy .st-condition{color:#efbe84;text-transform:capitalize}.st-story-copy .st-form-actions{margin-top:18px}.st-modal-journal .st-modal-content{padding:16px}.st-modal-journal .st-modal-header{margin:0 10px 14px;padding-bottom:12px}.st-modal-journal .st-modal-header h2{font-size:24px}.st-journal-book{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:2.1;min-height:400px;background:#ecd6ad url(/assets/settlers/journal-book.webp) center/100% 100%;color:#432b16;border-radius:8px;box-shadow:0 12px 25px #0006}.st-journal-page{position:relative;margin:0;padding:8% 10% 12%;min-width:0}.st-journal-writing{padding-left:14%;animation:st-page-turn .35s ease}.st-journal-kicker{font-size:8px;letter-spacing:1.7px;font-weight:700;color:#836038}.st-journal-book h3{color:#3b2819;font-size:clamp(24px,3vw,38px);margin:5px 0 10px;line-height:1.1}.st-journal-book time{font-size:11px;color:#795837}.st-journal-rule{text-align:center;color:#a7824c;margin:9px 0;border-bottom:1px solid #a7824c70}.st-journal-book h4{font:700 20px/1.25 Georgia,serif;color:#354c33;margin:12px 0}.st-journal-story{font:17px/1.65 Georgia,serif;margin:12px 0 22px}.st-journal-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #a7824c80;padding-top:16px}.st-journal-facts dt{font-size:10px;color:#796345}.st-journal-facts dd{font:700 16px Georgia,serif;margin:4px 0 0}.st-journal-photo{display:flex;flex-direction:column;justify-content:center;gap:18px;padding-right:12%}.st-journal-photo .st-scene-frame{width:100%;aspect-ratio:1.25;border:5px solid #f9e6bd;outline:1px solid #927039;box-shadow:0 4px 12px #57341166;transform:rotate(-1deg)}.st-journal-photo figcaption{text-align:center;font:italic 18px/1.3 Georgia,serif}.st-journal-page-number{position:absolute;bottom:5%;left:50%;font:11px Georgia,serif;color:#8c6f4c}.st-journal-navigation{display:flex;align-items:center;gap:16px;margin:16px 8px 0}.st-journal-navigation label{flex:1;min-width:0}.st-journal-navigation select{width:100%}.st-journal-legacy{min-height:240px;display:grid;place-items:center;text-align:center;padding:25px;border:1px dashed #9f8158;font:italic 18px/1.6 Georgia,serif}@keyframes st-page-turn{0%{opacity:.25;transform:translate(5px)}to{opacity:1;transform:translate(0)}}.st-volume-control{position:relative}.st-volume-control summary{display:grid;place-items:center;cursor:pointer;width:34px;height:34px;list-style:none;border:1px solid var(--st-line);border-radius:5px;background:#092638}.st-volume-control summary::-webkit-details-marker{display:none}.st-volume-dial{width:23px;height:23px;border:2px solid #bd9551;border-radius:50%;background:radial-gradient(circle at 35% 25%,#386073,#081e29);box-shadow:0 2px 3px #0009;transform:rotate(var(--dial-angle));display:flex;justify-content:center}.st-volume-dial i{width:2px;height:8px;background:#ffe0a0;border-radius:2px}.st-app .st-volume-popover{position:absolute;right:0;top:42px;width:190px;background:#0a293b;padding:16px;border:1px solid #bd9551;border-radius:8px;box-shadow:0 8px 25px #0009;z-index:20;display:grid;grid-template-columns:1fr auto;gap:12px;color:#f5deb1}.st-app .st-volume-popover input[type=range]{grid-column:1 / -1;width:100%;min-height:24px;padding:0;accent-color:#e4be74;border:0}.st-island-choice:after{background:url(/assets/settlers/hexterra-harbor.webp) center/cover no-repeat}.st-collection{padding-bottom:20px}.st-collection-header{height:clamp(64px,10vh,90px)}.st-collection-copy{padding:clamp(20px,4vh,42px) 0 clamp(20px,3.5vh,35px)}.st-collection-copy h1{font-size:clamp(40px,5vw,68px);line-height:1.1;margin:12px 0 16px}.st-game-choice{min-height:clamp(300px,49vh,470px);padding:clamp(24px,3vw,40px)}.st-collection-foot{margin-top:20px}.st-setup{min-height:0;grid-template-columns:minmax(0,1fr) minmax(400px,500px);gap:clamp(28px,5vw,90px);padding:clamp(18px,3vh,40px) 5%;align-items:safe center}.st-setup-card{padding:clamp(18px,2.8vh,30px)}.st-setup-card h2{font-size:clamp(26px,2.5vw,34px)}@media(min-width:901px)and (max-height:740px){.st-app{min-height:560px}.st-setup{padding-block:14px}.st-setup-card{padding:18px 24px}.st-setup-card h2{margin-bottom:10px}.st-setup-card label{margin-bottom:6px}.st-setup-card .st-portrait{max-height:56px}.st-setup-card .st-form-actions{margin-top:10px}.st-setup-card .st-button{min-height:42px;padding-block:9px}.st-setup-card .st-occupation{margin:8px 0}.st-setup-story h1{font-size:72px}}@media(max-width:900px){.st-setup{grid-template-columns:minmax(0,1fr) minmax(360px,1.25fr);padding-inline:3%;gap:24px}.st-setup-story h1{font-size:60px}.st-journal-book{min-height:400px}.st-journal-story{font-size:15px}.st-journal-book h4{font-size:18px}.st-journal-facts{gap:8px}}@media(max-width:620px){.st-setup{grid-template-columns:1fr;gap:22px;padding:24px 16px}.st-setup-story h1{font-size:44px}.st-game-choice{min-height:310px}.st-collection-copy{padding:28px 0}.st-story-encounter{grid-template-columns:1fr;gap:20px}.st-story-encounter>.st-scene-frame{max-height:280px;width:100%;aspect-ratio:1.3}.st-modal-journal .st-modal-content{padding:10px}.st-modal-journal .st-modal-header{gap:10px;margin-inline:0}.st-modal-journal .st-modal-header h2{font-size:20px}.st-journal-book{display:flex;flex-direction:column;aspect-ratio:auto;background-size:200% 100%;background-position:left}.st-journal-page{padding:28px 30px 40px}.st-journal-photo{padding-top:10px}.st-journal-photo .st-scene-frame{aspect-ratio:1.3}.st-journal-navigation{flex-wrap:wrap;gap:8px;margin-inline:0}.st-journal-navigation label{order:-1;flex-basis:100%}.st-journal-navigation .st-button{flex:1;font-size:11px;padding:10px}.st-header-end{gap:6px}.st-audio-controls{gap:3px}.st-audio-controls .st-icon-button,.st-volume-control summary{width:30px;min-width:30px}}@media(prefers-reduced-motion:reduce){.st-scene-frame .st-scene-current,.st-journal-writing{animation:none}}.st-panel-scene{height:190px;margin-bottom:20px;border:1px solid var(--st-line);border-radius:7px}.st-setup-card .st-portrait{width:min(100%,72px);max-height:none;height:auto;aspect-ratio:1;align-self:center}@media(min-width:901px)and (max-height:740px){.st-setup-card .st-portrait{width:min(100%,60px)}}.st-modal{width:720px}.st-modal-wide{width:920px}.st-modal-journal{width:1120px}.st-modal-river{width:1000px}.st-modal-header{padding-bottom:14px;margin-bottom:18px}.st-river-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:26px;align-items:start}.st-river-overview .st-panel-scene{height:215px;margin-bottom:16px}.st-river-overview .st-river-facts{margin:0 0 14px}.st-river-layout .st-choice-list{margin:0;gap:10px}.st-river-layout .st-choice-list>button{padding:14px;min-height:90px}.st-river-layout .st-choice-list b{font-size:21px}.st-river-layout .st-choice-list p{font-size:12px;line-height:1.45}.st-river-layout .st-choice-list>button>span{white-space:normal;text-align:right;min-width:64px}.st-notice{width:min(620px,calc(100% - 60px))}.st-auto-resume{display:block;margin-top:8px;font-size:11px;color:#665227}.st-landscape:has(.st-notice) .st-minimap{visibility:hidden}.st-journal-mobile-tab{display:none}@media(max-width:620px){.st-modal-content{padding:18px}.st-modal-header{margin-bottom:14px;padding-bottom:12px}.st-modal-header h2{font-size:24px}.st-river-layout{grid-template-columns:1fr;gap:14px}.st-river-overview .st-panel-scene{height:128px;margin-bottom:10px}.st-river-overview .st-river-facts{margin-bottom:8px}.st-river-overview .st-river-facts span{padding:8px 5px}.st-river-overview .st-river-facts b{font-size:22px}.st-river-overview>.st-muted{font-size:11px;line-height:1.4}.st-river-layout .st-choice-list{gap:7px}.st-river-layout .st-choice-list>button{min-height:0;padding:10px 12px;gap:8px}.st-river-layout .st-choice-list b{font-size:18px}.st-river-layout .st-choice-list p{font-size:10px;margin-top:4px}.st-journal-mobile-tab{display:block;margin:4px auto 12px}.st-journal-book{min-height:380px}.st-journal-page{padding-left:44px;padding-right:28px}.st-journal-photo,.st-journal-show-photo .st-journal-writing{display:none}.st-journal-show-photo .st-journal-photo{display:flex;flex:1}.st-journal-show-photo .st-journal-photo .st-scene-frame{aspect-ratio:1}.st-story-encounter>.st-scene-frame{max-height:195px}.st-story-copy blockquote{margin-block:12px;font-size:16px}.st-notice{left:16px;width:calc(100% - 32px)}}.st-trade-face{width:110px;height:110px;float:right;margin:0 0 12px 18px;border-radius:6px;border:1px solid var(--st-line)}.st-trade-offer .st-form-actions{clear:both}.st-living-atlas{background:#d7bb82;min-height:420px}.st-atlas-map{width:100%;height:100%;overflow:hidden;background:#d7bb82}.st-atlas-map>svg{display:block;width:100%;height:100%}.st-living-atlas>.st-atlas-map{position:absolute;inset:0}.st-atlas-regions{font:11px Georgia,serif;letter-spacing:3px;fill:#685338;text-anchor:middle;opacity:.72}.st-atlas-stop-label{font:600 10px Georgia,serif;fill:#3e3325;paint-order:stroke;stroke:#f6e2b6;stroke-width:4px;stroke-linejoin:round}.st-atlas-stop-current .st-atlas-stop-label{font-weight:800;fill:#3b2816}.st-atlas-stop[role=button]{cursor:pointer;outline:none}.st-atlas-hit{fill:transparent;stroke:transparent;stroke-width:2px}.st-atlas-stop[role=button]:hover .st-atlas-hit,.st-atlas-stop[role=button]:focus-visible .st-atlas-hit{fill:#ffe7a970;stroke:#493322}.st-atlas-stop[role=button]:hover text,.st-atlas-stop[role=button]:focus-visible text{fill:#151f1e;stroke-width:5px}.st-atlas-wagon{filter:drop-shadow(0 2px 1px #5d3c2250)}.st-atlas-wagon-bounce{transform-origin:0 0;animation:st-atlas-bounce .65s ease-in-out infinite;animation-play-state:paused}.st-atlas-dust{opacity:0;animation:st-atlas-dust 1.4s ease-out infinite;animation-play-state:paused}.st-atlas-map[data-moving=true] .st-atlas-wagon-bounce,.st-atlas-map[data-moving=true] .st-atlas-dust{animation-play-state:running}.st-atlas-map[data-moving=false] .st-atlas-dust{visibility:hidden}.st-atlas-cloud{animation:st-atlas-cloud 38s ease-in-out infinite alternate;animation-play-state:paused}.st-atlas-cloud-1{animation-delay:-12s;animation-duration:48s}.st-atlas-cloud-2{animation-delay:-22s;animation-duration:43s}.st-atlas-map[data-ambient=true] .st-atlas-cloud{animation-play-state:running}@keyframes st-atlas-bounce{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-1.6px) rotate(.6deg)}}@keyframes st-atlas-dust{0%{opacity:0;transform:translate(0) scale(.7)}25%{opacity:.7}to{opacity:0;transform:translate(20px,-6px) scale(1.4)}}@keyframes st-atlas-cloud{0%{transform:translate(-40px)}to{transform:translate(70px,14px)}}.st-living-atlas .st-location{z-index:1;right:260px;pointer-events:none;text-shadow:0 1px 5px #f7e6bed9,0 0 20px #f7e6be;color:#352c1e}.st-living-atlas .st-location h1{color:#352c1e;font-size:clamp(23px,2.2vw,36px)}.st-living-atlas .st-location p{color:#4b3b25}.st-living-atlas .st-location .st-eyebrow{color:#76521e}.st-living-atlas:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 55px #583a283b;border:1px solid #b39863}.st-living-atlas.st-storm:after{z-index:1;opacity:.8}.st-living-atlas.st-storm .st-atlas-map{filter:saturate(.75) brightness(.88)}.st-atlas-toolbar{position:absolute;top:22px;right:20px;z-index:2;display:flex;padding:3px;background:#0a2938ee;border:1px solid #bd985a;border-radius:7px;box-shadow:0 4px 18px #37251930}.st-atlas-toolbar button{padding:9px 12px;background:transparent;border-radius:4px;color:#e4d3ae;font-size:12px}.st-atlas-toolbar button[aria-pressed=true]{background:#e2bd72;color:#183342}.st-atlas-compass{position:absolute;bottom:68px;left:24px;display:grid;justify-items:center;color:#584124;line-height:1;pointer-events:none;text-shadow:0 1px 3px #f7e6be}.st-atlas-compass span{font:12px Georgia,serif}.st-atlas-compass b{font-size:65px;font-weight:400}.st-atlas-compass small{font-size:9px;letter-spacing:8px;padding-left:8px}.st-living-atlas .st-scene-caption{color:#45321c;text-shadow:0 1px 3px #f7e6be,0 0 8px #f7e6be;max-width:calc(100% - 360px);font-size:14px;z-index:1}.st-atlas-place-card{position:absolute;bottom:22px;right:20px;display:flex;text-align:left;gap:12px;width:275px;padding:7px;background:#0a2938f2;border:1px solid #c59d5d;border-radius:7px;box-shadow:0 5px 20px #38281935;z-index:2}.st-atlas-place-card img{width:84px;height:80px;object-fit:cover;border-radius:3px}.st-atlas-place-card span{display:flex;flex-direction:column;justify-content:center;gap:6px}.st-atlas-place-card small{font-size:9px;letter-spacing:1.5px;color:#e4bd71}.st-atlas-place-card strong{font:18px Georgia,serif;color:#f8edda}.st-atlas-place-card em{font-size:10px;color:#bfcfd0;font-style:normal}.st-living-atlas .st-notice{z-index:3}.st-living-atlas:has(.st-notice) .st-atlas-compass{display:none}.st-living-atlas .st-landmark-actions{z-index:2;top:125px}.st-living-atlas .st-landmark-actions button{background:#102f3fef}.st-atlas-place-detail{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px}.st-atlas-place-detail>.st-scene-frame{height:clamp(190px,36vh,340px);border:1px solid #b99a63;border-radius:8px;overflow:hidden}.st-atlas-place-detail p{font-size:15px;line-height:1.65}.st-atlas-place-detail .st-eyebrow{font-size:10px}.st-full-atlas .st-atlas-map{aspect-ratio:1200/750;height:auto;border-radius:8px}.st-full-atlas .st-atlas-map>svg{border:0;border-radius:0}.st-atlas-map-summary{font-size:13px;margin:12px 0 0;color:#e5d2a9}.st-atlas-map-summary span{display:block;margin-top:5px;font-size:11px;color:#adc1c9}.st-minimap .st-atlas-map{height:auto;aspect-ratio:1200/750}.st-dock-collapsed .st-atlas-compass{bottom:130px}@media(max-width:1000px){.st-atlas-toolbar{top:16px;right:14px}.st-atlas-toolbar button{padding:8px;font-size:11px}.st-living-atlas .st-location{right:210px}.st-atlas-place-card{width:230px;right:14px}.st-atlas-place-card img{width:64px;height:66px}.st-atlas-place-card strong{font-size:16px}.st-living-atlas .st-scene-caption{max-width:calc(100% - 285px)}}@media(max-width:650px){.st-living-atlas{min-height:490px}.st-living-atlas .st-location{top:68px;left:18px;right:18px}.st-living-atlas .st-location h1{font-size:23px}.st-atlas-toolbar{top:14px;left:18px;right:auto}.st-atlas-toolbar button{min-height:34px}.st-atlas-place-card{width:206px;bottom:14px;right:14px}.st-atlas-place-card img{width:54px;height:59px}.st-atlas-place-card strong{font-size:15px}.st-atlas-compass{left:18px;bottom:25px}.st-atlas-compass b{font-size:48px}.st-living-atlas .st-scene-caption{display:none}.st-living-atlas .st-landmark-actions{top:167px;left:18px}.st-atlas-place-detail{gap:14px;grid-template-columns:1fr}.st-atlas-place-detail>.st-scene-frame{height:160px}.st-atlas-place-detail p{font-size:13px;line-height:1.45}.st-dock-collapsed .st-atlas-place-card{bottom:82px}}@media(prefers-reduced-motion:reduce){.st-atlas-wagon-bounce,.st-atlas-dust,.st-atlas-cloud{animation:none!important}.st-atlas-dust{display:none}}:root{--captain-ink: #f5ecd3;--captain-muted: #b7c8c9;--captain-gold: #edc778;--captain-line: #bea16b70;--captain-inset: #031e30a6;--captain-panel: radial-gradient(ellipse at 15% 0%, #21577666, transparent 64%), repeating-linear-gradient(115deg, #ffffff02 0 1px, transparent 1px 4px), linear-gradient(145deg, #10364c, #062538);--captain-button: linear-gradient(180deg, #fae5aa, #e9c16b 48%, #c28c36)}.setup-card,.modal,.trade-dialog,.development-choice-panel,.robber-choice{color:var(--captain-ink);background:var(--captain-panel);border:1px solid #e0bc70;border-radius:10px;box-shadow:inset 0 0 0 3px #062336,inset 0 0 0 4px #ac885e99,0 16px 55px #00122080;color-scheme:dark}.setup-card{position:relative;padding:27px}.setup-card:before,.setup-card:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:linear-gradient(145deg,#ffebb1,#a2722d);box-shadow:0 1px 3px #001a25;pointer-events:none}.setup-card:before{top:9px;left:9px}.setup-card:after{bottom:9px;right:9px}.setup-card h2,.modal h2,.modal h3,.trade-dialog-header h2,.trade-section-heading h3,.trade-pending h3,.development-choice-heading h3{color:var(--captain-ink)}.setup-card .eyebrow,.modal>header .eyebrow,.trade-kicker,.trade-field-label,.development-choice-heading>div>span{color:var(--captain-gold)}.setup-card .field-heading>span,.setup-card .style-row label,.setup-footnote,.modal .intro,.help-grid p,.development-choice-help,.development-choice-note{color:var(--captain-muted)}.setup-card .table-size{color:#e5d8b4;background:#092b3d;border-color:var(--captain-line)}.setup-card .player-input-row input,.setup-card .style-row select{color:var(--captain-ink);background:var(--captain-inset);border:1px solid #87a5b366;border-radius:4px;padding:9px 10px}.setup-card .player-input-row input{width:100%}.setup-card .style-row{gap:12px}.setup-card .style-row select{min-width:0;max-width:64%}.setup-card .bot-picker>button{color:var(--captain-ink);background:linear-gradient(#154059,#082a3d);border:1px solid #88a3b06b;border-radius:4px}.setup-card .bot-picker>button.selected{color:#ffe2a0;border-color:#e8c375;background:linear-gradient(#77603c,#3e3b30);box-shadow:inset 0 0 0 2px #071e30,0 0 10px #d3a55025}.setup-card .bot-picker>button:not(.selected):hover{background:#204e67}.setup-card .color-picker button.selected{outline-color:#f5d591}.primary-button,.trade-primary-button,.setup-card .start-button,.game-shell .end-button{background:var(--captain-button);color:#2c2518;border:1px solid #ffe4a0;border-radius:5px;box-shadow:inset 0 0 0 2px #a876354f,inset 0 3px #fff4ca66,0 3px 7px #02182755}.primary-button:not(:disabled):hover,.trade-primary-button:not(:disabled):hover,.setup-card .start-button:not(:disabled):hover{background:linear-gradient(#fff0c0,#f0d185 50%,#d59e45);color:#241b0e}.setup-card .start-button{font:24px/1.2 DM Sans,sans-serif;padding:13px 17px}.modal-backdrop,.trade-dialog-backdrop{background:#001624ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal .icon-button,.trade-dialog-close,.development-close,.robber-choice-close{color:#f4db9c;background:linear-gradient(#334651,#142934);border:1px solid #d5af67;border-radius:50%;box-shadow:inset 0 0 0 2px #0b2434,0 2px 5px #00152066}.modal .icon-button:hover,.trade-dialog-close:hover{color:#fff2cb;background:#3b5361}.trade-dialog :is(.trade-holdings,.trade-mode-switch,.trade-offer-counter,.trade-bank-resources>button,.trade-exchange-summary,.trade-bank-empty),.incoming-original,.incoming-reply,.development-choice{background:var(--captain-inset);color:var(--captain-ink);border-color:var(--captain-line)}.trade-dialog :is(.trade-holdings-heading,.trade-offer-counter>span,.trade-offer-submit>p,.trade-bot-person>div>span,.trade-option-side>small,.trade-bank-intro,.trade-subtle,.trade-exchange-summary>div>span:first-child,.trade-exact-hint,.trade-availability,.trade-response-count,.trade-resource-empty,.trade-declined),.incoming-person p,.incoming-original>div>span:first-child,.incoming-counter>p,.trade-offers-preference{color:var(--captain-muted)}.trade-dialog :is(.trade-dialog-tabs,.trade-table-responses,.trade-bot-row,.trade-dialog-footer),.incoming-counter{border-color:var(--captain-line)}.trade-dialog :is(.trade-dialog-tabs>button,.trade-mode-switch button,.trade-secondary-button,.trade-clear,.trade-exact-toggle,.trade-dialog-footer>button),.development-choice-note>button{color:var(--captain-ink);background:transparent}.trade-dialog .trade-dialog-tabs>button[aria-selected=true]{color:#ffe3a5;background:linear-gradient(#1d4d69,#082b40);border:1px solid #d3ae65;box-shadow:0 2px #e7c072}.trade-dialog .trade-mode-switch button[aria-pressed=true]{color:#2e2417;background:var(--captain-button);border-color:#ffe1a0;box-shadow:inset 0 0 0 2px #a876354f}.trade-dialog :is(.trade-dialog-tabs>button,.trade-mode-switch button,.trade-secondary-button,.trade-exact-toggle):not(:disabled):hover{background:#28516a;color:#ffdf97}.trade-dialog :is(.trade-offer-counter button,.trade-exact-check){background:#254557;color:#ffe0a0;border:1px solid #ba9b625e}.trade-dialog .trade-offer-counter button:not(:disabled):hover{background:#4b6070}.trade-dialog .trade-offer-counter input{background:transparent;color:var(--captain-ink)}.trade-dialog .trade-offer-counter input:focus-visible{background:#173d52}.trade-dialog :is(.trade-offer-selected,.trade-bank-resource-selected){background:#28516a;border-color:#f0cb79;box-shadow:inset 0 0 0 1px #ccaa6877}.trade-dialog :is(.trade-accept-option,.trade-bank-exchange){background:linear-gradient(#1c485d,#0c3245);color:#f6e4bb;border-color:#b7996277}.trade-dialog :is(.trade-accept-option,.trade-bank-exchange,.trade-bank-resources>button):not(:disabled):hover,.development-choice:not(:disabled):hover{background:#28516a;color:#ffdfa0;border-color:#f0cb79}.trade-dialog .trade-secondary-button{border-color:#bda57388}.trade-dialog .trade-holding b{background:#0c293b;border-color:#bcaa77;color:#f4e9cf}.trade-dialog .trade-holding-empty b{color:#a5b5bb;background:#183346;border-color:#687e8877}.trade-dialog .trade-dialog-footer{background:#031c2b66}.trade-dialog .trade-dialog-footer>span{color:#a8bdc3}.trade-dialog .trade-receipt,.incoming-reply{background:#20483f;color:#e0edcf;border-color:#aac18d}.trade-dialog .trade-dialog-footer .trade-receipt{background:none;color:#d8e8c4}.trade-dialog .trade-error{background:#5b312f;color:#ffe1c1}.trade-dialog .trade-error>button{color:#ffe1c1}.trade-offers-preference input{accent-color:#dcb766}.trade-dialog :is(.trade-dialog-body,.trade-composer,.trade-response-list){scrollbar-color:#917647 #092537}.setup-card :is(button,input,select):focus-visible,.trade-dialog :is(button,input,select):focus-visible,.modal :is(button,input,select):focus-visible{outline:2px solid #ffe3a0;outline-offset:3px}.game-shell .hand-dice{gap:20px;padding-bottom:12px}.game-shell .dice-roll-button{width:min(100%,210px);margin:0;padding:9px 12px;font-size:12px}.game-shell .hand-drawer.is-compact .hand-dice{gap:18px;padding-bottom:9px}.game-shell .hand-drawer.is-compact .dice-roll-button{width:100%;font-size:11px;padding:7px 3px}.game-shell .table-footer .activity-items{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;gap:12px}.game-shell .table-footer .activity-item{flex:0 0 auto;width:100%;max-width:none;min-width:0}.game-shell .table-footer .chronicle-payouts{display:flex;flex-wrap:wrap;gap:8px 20px}.sea-atmosphere--lobby .sea-water,.sea-atmosphere--lobby .sea-shimmer{background-image:url(/assets/atmosphere/captains-sea.avif)}.sea-atmosphere--lobby .sea-water{background-image:linear-gradient(#062938e6,#062938e6),url(/assets/atmosphere/captains-sea.avif)}.sea-atmosphere--lobby .sea-shade{background:linear-gradient(90deg,#05283ac7,#05283a7a 30%,#05283a08 68%),linear-gradient(0deg,#05283a55,transparent 38%)}.sea-boat--yacht{left:31%;top:9%;width:86px;height:56px;offset-path:path("M 0 0 C 20 -10 76 -14 94 0 C 80 16 22 20 0 0 Z");animation-duration:240s;animation-delay:-36s}.sea-boat--pirate{left:70%;top:12%;width:98px;height:66px;offset-path:path("M 0 0 C 20 -16 75 -12 102 4 C 78 20 28 22 0 0 Z");animation-duration:290s;animation-delay:-151s}@media(max-width:620px){.setup-card{padding:24px 20px}.setup-card .player-input-row{flex-wrap:wrap;gap:16px}.setup-card .style-row select{max-width:62%;font-size:10px}.sea-boat--yacht{left:20%;top:11%;width:52px;height:35px}.sea-boat--pirate{left:67%;top:19%;width:62px;height:42px}.sea-atmosphere--lobby .sea-shade{background:linear-gradient(0deg,#05283a60,#05283a50 35%,#05283aac 85%)}}:root{color-scheme:dark;--captain-ink: #f5ecd3;--captain-muted: #b7cbd8;--captain-gold: #edc778;--captain-line: #a38c6080;--captain-inset: #071f30;--captain-panel: radial-gradient(ellipse at 10% 0%, #22557370, transparent 65%), repeating-linear-gradient(115deg, #ffffff02 0 1px, transparent 1px 4px), linear-gradient(145deg, #0d3046, #071f30);--captain-button: linear-gradient(180deg, #fae5aa, #e9c16b 55%, #d5a448)}body,button,input,select,textarea{font-family:DM Sans,sans-serif}h1,h2,h3,h4{font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-.035em}.setup-card h1,.setup-card h2,.modal h2,.modal h3,.trade-dialog h2,.trade-dialog h3,.development-choice-panel h3,.card-reveal h2,.title-reveal h2,.turn-notice p,.table-chat h2,.robber-choice h3,.right-turn-controls>h3,.island-guide h3{font-family:DM Sans,sans-serif;font-weight:700;letter-spacing:-.03em;color:var(--captain-ink);line-height:1.2}.centered-lobby .setup-heading h1,.centered-lobby .rooms-embedded h1{font-size:30px}.trade-dialog-header h2,.action-dialog .trade-dialog-header h2{font-size:clamp(24px,3vw,32px)}.trade-section-heading h3,.trade-pending h3{font-size:23px}.setup-card .start-button{font:700 16px/1.3 DM Sans,sans-serif;min-height:46px}.setup-card,.modal,.trade-dialog,.development-choice-panel,.robber-choice{border-radius:12px;box-shadow:inset 0 0 0 3px #062336,inset 0 0 0 4px #ac885e99,0 18px 65px #00111d99}.modal-backdrop,.trade-dialog-backdrop{background:#00111dbb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal :is(.credits,.dev-detail>p,.empty-state),.setup-card p{color:var(--captain-muted)}.modal :is(.variant-note,.empty-state,.choice-button,.bank-options button,.resource-options button,.trade-counter){color:var(--captain-ink);background:var(--captain-inset);border-color:var(--captain-line)}.modal .variant-note :is(p,b),.modal .dev-hand button{color:var(--captain-ink)}.modal .tabs{border-color:var(--captain-line)}.modal .tabs button{color:var(--captain-muted)}.modal .tabs .selected{color:var(--captain-gold);background:#17445a}.setup-card :is(input,select),.trade-dialog :is(input:not([type=checkbox]),select,textarea){color:var(--captain-ink)}:is(input,textarea)::placeholder{color:#a9bfcd;opacity:1}:is(button,a,input,select,textarea):focus-visible{outline:2px solid #f4d693;outline-offset:3px}.trade-primary-button,.primary-button{font-weight:700}.trade-primary-button:disabled,.primary-button:disabled{color:#c5d2d8;background:#294452;border-color:#526b78;box-shadow:none;opacity:1}.action-dialog-actions .trade-primary-button:disabled{background:#394852;border-color:#657079;color:#c7cdd1;box-shadow:none}.action-dialog-actions .trade-primary-button:disabled .action-icon{filter:grayscale(1);opacity:.45}.settings-controls{gap:18px}.settings-controls button{background:#092638;border-color:#547386}.settings-controls button:focus-visible{outline-color:var(--captain-gold)}.table-chat,.game-shell .hand-drawer,.game-shell .players-panel:not(.is-compact){border-color:#a38c6066}.table-chat{background:var(--captain-panel)}.brand{letter-spacing:-.035em;font-weight:700;gap:12px}.brand-logo{width:68px;height:68px;object-fit:contain;flex:none}.brand-caption{letter-spacing:1.6px;color:var(--captain-muted)}.account-welcome-card{max-width:440px;padding:28px 32px 32px;text-align:center}.welcome-logo{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 16px}.account-welcome-card h1{font-size:clamp(28px,4vw,36px);line-height:1.15}.account-welcome-card p{margin:16px 0 24px;font-size:15px;line-height:1.65}.account-welcome-card .primary-button{justify-content:center;font-size:15px;min-height:46px}.hex-account.hex-account{color:var(--captain-ink);font-family:DM Sans,sans-serif;color-scheme:dark}.hex-account-frame.hex-account-frame{background:var(--captain-panel);border:1px solid var(--captain-gold);border-radius:12px;box-shadow:inset 0 0 0 3px #062336,inset 0 0 0 4px #ac885e99,0 18px 65px #00111dbb;color:var(--captain-ink);overflow:hidden}.hex-account-card.hex-account-card{background:transparent;box-shadow:none;border:0;padding:28px 30px;gap:22px}.hex-account-title.hex-account-title{color:var(--captain-ink);font:700 28px/1.2 DM Sans,sans-serif;letter-spacing:-.035em}.hex-account-muted.hex-account-muted{color:var(--captain-muted);font-size:14px;line-height:1.5}.hex-account-label.hex-account-label{color:var(--captain-ink);font-size:14px;font-weight:600}.hex-account-logo-box.hex-account-logo-box{height:auto;margin:0 auto 4px}.hex-account-logo.hex-account-logo{width:100px;height:100px;max-width:100%;object-fit:contain}.hex-account-input.hex-account-input{background:var(--captain-inset);color:var(--captain-ink);border:1px solid #678798;min-height:44px;border-radius:7px;box-shadow:inset 0 2px 4px #00142150;font-size:15px}.hex-account-input.hex-account-input::placeholder{color:#a9bfcd;opacity:1}.hex-account-input.hex-account-input:focus{border-color:#f4d693;outline:2px solid #f4d69355;outline-offset:2px}.hex-account-input.hex-account-input[aria-invalid=true]{border-color:#ffb3a7}.hex-account-primary.hex-account-primary{min-height:46px;border:1px solid #ffe4a0;background:var(--captain-button);color:#092333;border-radius:7px;box-shadow:inset 0 1px #fff5cf;font-size:15px;font-weight:700}.hex-account-primary.hex-account-primary:hover{background:linear-gradient(#fff0c0,#f0d185,#d9ad57);color:#092333}.hex-account-primary.hex-account-primary:disabled{background:#294452;color:#c5d2d8;border-color:#526b78;opacity:1;box-shadow:none}.hex-account-google.hex-account-google{min-height:46px;background:#f4ebd5;color:#092333;border:1px solid #e8dcbf;border-radius:7px;font-size:15px;font-weight:700;box-shadow:0 2px 5px #00142144}.hex-account-google.hex-account-google:hover{background:#fff6e4}.hex-account-google.hex-account-google :is(span,p){color:#092333}.hex-account-footer.hex-account-footer{background:#061d2c80;border-top:1px solid #54738666;padding:18px 24px}.hex-account-link.hex-account-link{color:#f0cd85;font-weight:600;text-underline-offset:3px}.hex-account-link.hex-account-link:hover{color:#ffe5ad;text-decoration:underline}.hex-account-backdrop.hex-account-backdrop{background:#00111dcc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px;align-items:center}.hex-account-modal.hex-account-modal{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:0;overflow:auto;border-radius:12px;scrollbar-color:#9f8b61 #092536}.hex-account-close.hex-account-close{color:#f5dfaa;background:#102f42;border:1px solid #c6a765;border-radius:50%;width:36px;height:36px;padding:8px;opacity:1;top:14px;right:14px}.hex-account-close.hex-account-close:hover{background:#28516a;color:#fff2cf}.hex-account-nav.hex-account-nav{background:#051d2da6;border-right:1px solid #54738655;padding:28px 18px}.hex-account-nav-button.hex-account-nav-button{color:var(--captain-muted);min-height:44px;border-radius:7px;padding:12px;gap:12px}.hex-account-nav-button.hex-account-nav-button[data-active=true]{background:#153e55;color:var(--captain-ink);box-shadow:inset 3px 0 var(--captain-gold)}.hex-account-nav-button.hex-account-nav-button:hover{color:var(--captain-ink);background:#153e55}.hex-account-scroll.hex-account-scroll,.hex-account-page-scroll.hex-account-page-scroll{background:transparent;scrollbar-color:#9f8b61 #092536}.hex-account-page.hex-account-page{padding:30px;gap:24px}.hex-account-section.hex-account-section{border-color:#54738666;padding-block:18px}.hex-account-menu.hex-account-menu{color:var(--captain-ink);background:#0b293b;border:1px solid #a38c60;border-radius:8px}.hex-account-menu-item.hex-account-menu-item{min-height:40px}.hex-account-badge.hex-account-badge{color:#deedf4;background:#21485c;border:1px solid #678798}@media(max-width:640px){.brand-logo{width:52px;height:52px}.brand{font-size:24px}.account-welcome-card{padding:22px}.welcome-logo{width:136px;height:136px}.hex-account-card.hex-account-card{padding:24px 20px;gap:18px}.hex-account-title.hex-account-title{font-size:25px}.hex-account-page.hex-account-page{padding:20px}.hex-account-nav.hex-account-nav{padding:16px}.hex-account-logo.hex-account-logo{width:80px;height:80px}}@media(max-height:700px){.hex-account-card.hex-account-card{padding-block:22px;gap:16px}.hex-account-logo.hex-account-logo{width:72px;height:72px}.welcome-logo{width:120px;height:120px}}