.catan-theme{--background:#13232b;--foreground:#f4f0e5;--card:#1a2c34;--card-foreground:#f4f0e5;--popover:#20343d;--popover-foreground:#f4f0e5;--primary:#efd18a;--primary-foreground:#1c2b31;--secondary:#263b44;--secondary-foreground:#f1eddf;--muted:#263b44;--muted-foreground:#b5c4c6;--accent:#324b55;--accent-foreground:#fff5dc;--border:#3b5059;--input:#42565f;--ring:#efd18a;color:var(--foreground);background:radial-gradient(ellipse at 80% 0%,#234452 0,transparent 50%),var(--background);--catan-nav-height:calc(64px + env(safe-area-inset-bottom));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}.catan-shell{max-width:740px;padding:24px 24px max(40px,env(safe-area-inset-bottom));margin:0 auto}.catan-shell-wide{max-width:780px}.catan-theme h1,.catan-theme h2,.catan-theme h3,.catan-theme p{margin:0}.catan-theme h1{letter-spacing:-.03em;text-wrap:balance;font-family:inherit;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.15}.catan-theme h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:700;line-height:1.3}.catan-theme h3{font-size:1.0625rem;font-weight:700}.catan-theme button{cursor:pointer;white-space:normal;font-family:inherit}.catan-theme [data-slot=button]{border-radius:10px;height:auto;min-height:44px;padding:10px 16px;font-size:.9375rem;font-weight:650}.catan-theme [data-slot=button][data-size=icon]{width:44px;min-width:44px;padding:10px}.catan-theme button:disabled{cursor:default;opacity:.42}.catan-theme :is(button,a,summary,input,[role=button]):focus-visible{outline-offset:3px;outline:3px solid #f6d58c}.catan-header{border-bottom:1px solid #ffffff16;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;display:flex}.catan-header .game-back-link{color:#b9c9ce;margin:0;font-size:.875rem}.catan-brand{letter-spacing:.08em;color:#eed297;align-items:center;gap:8px;margin-left:auto;font-size:1.125rem;font-weight:800;display:flex}.catan-brand>svg{width:24px;height:24px}.catan-brand small{letter-spacing:.05em;color:#b5c4c6;font-size:.6875rem;font-weight:400;line-height:1;display:block}.catan-connection{color:#c2d0d2;border:1px solid #526973;border-radius:99px;padding:5px 10px;font-size:.75rem}.catan-connection.is-offline{color:#ffd29a;border-color:#a77a42}.catan-kicker{text-transform:uppercase;letter-spacing:.12em;color:#dbbd7f;margin-bottom:10px;font-size:.75rem;font-weight:700;display:block}.catan-intro{padding:8px 0 28px}.catan-intro h1{letter-spacing:-.055em;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,8vw,4.7rem);font-weight:500;line-height:1.04}.catan-intro h1 span{color:#efd18a}.catan-intro>p{color:#c0cfd1;margin-bottom:20px}.catan-intro-meta{flex-wrap:wrap;gap:8px;display:flex}.catan-intro-meta>span{color:#d3d9d8;border:1px solid #ffffff20;border-radius:6px;padding:5px 10px;font-size:.75rem}.catan-theme .game-modes{grid-template-columns:1fr;gap:12px;display:grid}.catan-theme .game-mode{text-align:left;color:#f4f0e5;background:#1e333e;border:1px solid #48606b;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.catan-theme .game-mode-primary{background:#2c3937;border-color:#ac9059}.catan-theme .game-mode-icon{color:#efd18a;background:#ffffff0a;border-radius:10px;padding:12px}.catan-theme .game-mode-copy{flex:1;gap:4px;display:grid}.catan-theme .game-mode-copy strong{color:#f4f0e5;font-size:1.0625rem}.catan-theme .game-mode-copy>span{color:#bbcbd0;font-size:.875rem;font-weight:400;line-height:1.5}.catan-theme .game-mode-arrow{color:#d1b67a}.catan-panel{background:#1b2e38;border:1px solid #405661;border-radius:16px;margin-bottom:16px;padding:22px}.catan-panel>p{color:#bdcace;margin:12px 0 16px}.catan-setup h2{margin:16px 0}.catan-theme .catan-field{color:#e7e4da;gap:8px;margin:16px 0;font-size:.9375rem;font-weight:600;display:grid}.catan-theme .catan-field input{color:#f4f0e5;background:#132730;border:1px solid #516871;border-radius:8px;width:100%;min-width:0;height:48px;padding:12px;font-size:1rem}.catan-theme .catan-field input::placeholder{color:#8fa5af}.catan-theme .catan-field [data-slot=select-trigger]{color:#f4f0e5;background:#132730;border-color:#536c76;width:100%;min-height:46px;font-size:1rem}.catan-select{color:#f4f0e5;background:#20343d;border-color:#536c76;font-size:1rem}.catan-select [data-slot=select-item]{min-height:44px;padding-block:10px}.catan-select [data-highlighted]{background:#3a5560}.catan-name-field{gap:8px;display:flex}.catan-target{border-top:1px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:20px 0;display:flex}.catan-target strong{font-size:1rem}.catan-target p{color:#b7c6ca;margin-top:3px;font-size:.8125rem}.catan-stepper{align-items:center;gap:6px;display:flex}.catan-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:30px;font-size:1.125rem;font-weight:700}.catan-stepper [data-slot=button]{color:#f4f0e5;background:#263d48;border:1px solid #506673;width:44px;padding:8px;font-size:1.25rem}.catan-theme .catan-primary{color:#1c2b31;background:#efd18a;border:1px solid #0000;width:100%;min-height:48px;margin-top:16px;display:flex}.catan-theme .catan-primary:hover{background:#ffe2a1}.catan-theme .catan-resume{width:100%;margin-top:16px}.catan-rules{background:#14283280;border:1px solid #3b5059;border-radius:12px;margin-top:18px;overflow:hidden}.catan-theme summary{cursor:pointer;align-items:center;gap:10px;padding:16px;font-size:.9375rem;font-weight:650;list-style:none;display:flex}.catan-theme summary::-webkit-details-marker{display:none}.catan-theme summary:after{content:"+";color:#e9d093;margin-left:auto;font-size:1.2rem}.catan-theme details[open]>summary:after{content:"−"}.catan-theme summary svg{color:#d5bd87;width:18px;height:18px}.catan-rules>div{color:#bdcccf;padding:0 18px 18px;font-size:.9375rem}.catan-rules p{margin:10px 0}.catan-rules ol{padding-left:20px}.catan-rules li{margin-bottom:12px}.catan-rules strong{color:#f3ead6}.catan-rules a{color:#ecd08e;text-underline-offset:3px;text-decoration:underline}.catan-rule-costs{gap:10px;margin:20px 0;display:grid}.catan-rule-costs>div{justify-content:space-between;gap:12px;display:flex}.catan-cost{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.catan-cost>span{color:#d1d8d7;align-items:center;gap:4px;font-size:.875rem;display:flex}.catan-cost svg{width:20px;height:20px}.catan-notice{z-index:45;color:#ffdfb5;background:#4a3120;border:1px solid #e4ae6d;border-radius:12px;align-items:center;gap:12px;margin:12px 0 22px;padding:12px 14px;display:flex;position:sticky;top:12px}.catan-notice p{overflow-wrap:anywhere;flex:1}.catan-lobby-heading{margin:16px 0 24px}.catan-lobby-heading h1{overflow-wrap:anywhere;margin-bottom:12px}.catan-lobby-heading p{color:#b9cace}.catan-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.catan-section-heading h2{align-items:center;gap:8px;display:flex}.catan-section-heading h2 svg{color:#d6bd89;width:20px;height:20px}.catan-button-row{flex-wrap:wrap;gap:10px;display:flex}.catan-lobby-players{gap:10px;margin:0;padding:0;list-style:none;display:grid}.catan-lobby-players li{align-items:center;gap:12px;min-height:60px;display:flex}.catan-lobby-players li>span{color:#182630;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.25rem;font-weight:800;display:grid}.catan-lobby-players li>div{overflow-wrap:anywhere;flex:1;min-width:0;display:grid}.catan-lobby-players small{color:#b6c8cc;font-size:.75rem}.catan-handoff{text-align:center;max-width:510px;margin:60px auto}.catan-handoff>svg{color:#e1bf78;width:42px;height:42px;margin:0 auto 24px}.catan-handoff h1{overflow-wrap:anywhere;margin:16px 0 24px;font-size:clamp(2rem,7vw,3rem);line-height:1.2}.catan-handoff p{color:#bdcbd0;margin-bottom:24px}.catan-status{background:linear-gradient(115deg,#123646,#0b2533);border:1px solid #315767;border-radius:18px;flex:none;align-items:center;gap:clamp(8px,1.4vw,18px);min-height:clamp(72px,9vw,92px);margin:0;padding:8px clamp(10px,2vw,20px);display:flex;box-shadow:inset 0 1px #ffffff06}.catan-status.is-yours{background:linear-gradient(115deg,#153a4a,#0b2533);border-color:#426b79}.catan-theme .catan-status-main{flex:1;align-items:center;gap:clamp(10px,1.8vw,22px);min-width:0;min-height:44px;display:flex}.catan-island-mark{flex-shrink:0;width:clamp(38px,6.6vw,70px);height:clamp(38px,6.6vw,70px);display:block}.catan-status-copy{gap:4px;min-width:0;display:grid}.catan-status-copy>span{align-items:center;gap:10px;min-width:0;display:flex}.catan-status-main .catan-player-dot{width:10px;height:10px}.catan-status-main strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(.9375rem,2.7vw,1.75rem);line-height:1.2}.catan-status-roll{color:#ffd477;flex:none;place-items:center;width:clamp(44px,8.5vw,86px);height:clamp(44px,6.5vw,66px);display:grid}.catan-status .catan-dice{gap:2px;font-size:clamp(1.5rem,3.8vw,2.5rem)}.catan-theme .catan-status-points{color:#f5d58d;font-variant-numeric:tabular-nums;background:0 0;border:0;flex-shrink:0;justify-items:start;gap:3px;min-height:44px;padding:4px 2px;font-size:clamp(1.125rem,2.8vw,1.875rem);font-weight:750;line-height:1.1;display:grid}.catan-status-points small{color:#b5cad4;white-space:nowrap;font-size:.68em;font-weight:600}.catan-status-points .catan-status-points-label{color:#afc7d2;font-size:clamp(.6875rem,1.65vw,1rem);font-weight:400}.catan-status-offline{color:#ffd29a;flex-shrink:0;place-items:center;display:grid}.catan-status-offline svg{width:18px;height:18px}.catan-theme .catan-hide-button{color:#d5bd87;border:1px solid #3e5762}.catan-turn-details{background:#142731;border:1px solid #3e5762;border-radius:12px;flex:none;margin-bottom:8px;padding:12px 14px}.catan-turn-details .catan-kicker{letter-spacing:.1em;margin-bottom:6px;font-size:.6875rem}.catan-turn-details p{color:#c3ced0;font-size:.9375rem}.catan-dice{color:#ffe7b1;flex-shrink:0;gap:3px;font-size:2.6rem;line-height:1;display:flex}.catan-dice-rolling .catan-dice{opacity:0}.catan-dice-overlay{z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;color:#ffe7b1;background:0 0;justify-content:center;align-items:center;gap:clamp(18px,5vw,32px);font-family:Arial,Helvetica,sans-serif;font-size:clamp(5rem,18vw,8rem);font-weight:400;line-height:1;display:flex;position:fixed;inset:0;overflow:hidden}.catan-dice-slot,.catan-dice-flight{display:block}.catan-dice-flight{transform-origin:50%;will-change:transform;filter:drop-shadow(0 14px 16px #0009)}.catan-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.catan-players>div{border:1px solid #394e58;border-top:3px solid var(--player-color);background:#172a34;border-radius:10px;min-width:0;padding:12px}.catan-players>div.is-active{background:#29424c}.catan-players>div>div:first-child{align-items:center;gap:6px;display:flex}.catan-players strong{overflow-wrap:anywhere;flex:1;font-size:.875rem}.catan-players b{color:#f5d58d;white-space:nowrap;font-size:1.25rem}.catan-players small{color:#b9c8cb;font-size:.75rem;font-weight:400}.catan-player-dot{background:var(--player-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.catan-players p{color:#b6c7cd;margin:6px 0;font-size:.75rem}.catan-player-bonuses{color:#c8d3d4;flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.catan-player-bonuses span{align-items:center;gap:4px;display:flex}.catan-player-bonuses svg{width:14px;height:14px}.catan-player-bonuses .catan-award{color:#f4d390}.catan-board-panel{background:#132a34;border:1px solid #3e5964;border-radius:16px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.catan-board{-webkit-user-select:none;user-select:none;display:block}.catan-map-target{cursor:pointer;-webkit-tap-highlight-color:transparent}.catan-theme .catan-map-target:focus{filter:none;outline:none!important}.catan-map-target:focus-visible{filter:none;outline:none!important}.catan-target-focus{opacity:0}@media (hover:hover){.catan-map-target:hover>.catan-hex-border{stroke:#ffe7a180}.catan-map-target:hover>.catan-road-target{stroke:#ffe7a1}.catan-map-target:hover>.catan-vertex-target{stroke:#fff5c3}}.catan-map-target:focus-visible>.catan-hex-border{stroke:#fff5c3;stroke-dasharray:5 4}.catan-map-target:focus-visible>.catan-target-focus{opacity:1;stroke-dasharray:5 4}.catan-rule-legend{flex-wrap:wrap;gap:10px 14px;margin:16px 0;display:flex}.catan-rule-legend span{color:#c2d0d3;align-items:center;gap:5px;font-size:.8125rem;display:flex}.catan-rule-legend svg{width:16px;height:16px}.catan-rule-legend b{background:#0c1b25;border:1px solid #8fa3af;border-radius:4px;padding:0 4px;font-size:.75rem}.catan-action-bar{background:#172c36;border:1px solid #4a6470;border-radius:13px;flex:none;gap:9px;margin-top:10px;padding:10px 12px;display:grid}.catan-action-bar.is-task{background:#213b46;border-color:#c7ac76}.catan-action-row{align-items:center;gap:10px;display:flex}.catan-theme .catan-action-hint{color:#e2eaea;margin:0;font-size:.875rem;line-height:1.4}.catan-action-buttons{flex-wrap:nowrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.catan-theme .catan-action-buttons [data-slot=button]{padding-inline:14px}.catan-theme .catan-action-bar [data-slot=button]{width:auto;min-height:44px;margin:0}.catan-theme .catan-action-bar .catan-roll-button{min-height:44px;font-size:1rem}.catan-log-list{color:#bdccd0;max-height:320px;margin:0;padding:0 0 0 22px;font-size:.875rem;overflow:auto}.catan-log-list li{margin:8px 0}.catan-section{background:#1b303b;border:1px solid #49606a;border-radius:14px;margin-bottom:14px;padding:16px}.catan-section h2{font-size:1rem}.catan-section-count{color:#b9c9ce;text-align:right;font-size:.8125rem}.catan-resource-hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.catan-resource-hand>div{background:#132730;border:1px solid #3d5762;border-radius:8px;flex-direction:column;align-items:center;padding:10px 2px;display:flex}.catan-resource-hand svg{width:34px;height:34px}.catan-resource-hand strong{color:#f7efdf;font-variant-numeric:tabular-nums;font-size:1.625rem;line-height:1.4}.catan-resource-hand span{color:#c5d0d0;font-size:.75rem}.catan-resource-hand.is-compact>div{padding:8px 2px}.catan-resource-hand.is-compact svg{width:24px;height:24px}.catan-resource-hand.is-compact strong{font-size:1.125rem}.catan-theme .catan-muted{color:#b9c9ce;margin:14px 0;font-size:.875rem;line-height:1.5}.catan-muted>svg{vertical-align:middle;width:13px;height:13px;margin-right:5px;display:inline-block}.catan-theme .catan-roll-button{min-height:56px;font-size:1.125rem}.catan-build-actions{gap:10px;display:grid}.catan-build-actions [data-slot=button]{text-align:left;color:#f2ede0;background:#1b303b;border:1px solid #49606a;justify-content:flex-start;gap:14px;padding:14px}.catan-build-actions [data-slot=button]>svg{color:#dfc58e;width:22px;height:22px}.catan-build-actions [data-slot=button]>span{gap:8px;display:grid}.catan-build-actions .is-selected{background:#374238;border-color:#f0cc7f}.catan-theme .catan-end-turn{color:#eff5f2;background:#32505e;border:1px solid #77959f;width:100%;min-height:50px}.catan-wait-hint{color:#c4d2d5;background:#263a41;border-left:3px solid #bd9c60;margin:14px 0;padding:14px;font-size:.9375rem}.catan-two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.catan-offer{background:#384237;border:1px solid #baa371;border-radius:12px;margin-bottom:16px;padding:16px}.catan-offer strong{color:#f3d497}.catan-offer p{margin:12px 0}.catan-trade-preview{background:#132730;border:1px solid #48636d;border-radius:10px;margin:0 0 16px;padding:12px 8px 8px}.catan-trade-preview h3{color:#e8d3a8;margin:0 4px 8px;font-size:.875rem;font-weight:700}.catan-trade-preview table{table-layout:fixed;border-collapse:separate;border-spacing:4px 5px;text-align:center;font-variant-numeric:tabular-nums;width:100%}.catan-trade-preview thead td{width:58px}.catan-trade-preview thead th{padding:0 0 4px;font-weight:400}.catan-trade-preview thead svg{width:24px;height:24px;margin:0 auto 5px}.catan-trade-resource-label{color:#c5d0d0;font-size:.75rem;display:block}.catan-trade-preview tbody th{color:#b9c9ce;text-align:left;padding:6px 0;font-size:.875rem;font-weight:500}.catan-trade-preview tbody td{color:#dfe8e7;border-radius:6px;padding:5px 0;font-size:1.125rem}.catan-trade-preview tbody tr:last-child th{color:#f7efdf;font-weight:700}.catan-trade-preview td strong{color:inherit;font-size:1.25rem;line-height:1.3;display:block}.catan-trade-preview td small{color:#9eafb5;font-size:.75rem;line-height:1.4;display:block}.catan-trade-preview td.is-gain{color:#a9e6bb;background:#28483d}.catan-trade-preview td.is-loss{color:#ffc0a3;background:#493431}.catan-trade-preview td.is-gain small,.catan-trade-preview td.is-loss small{color:inherit}.catan-theme .catan-trade-preview-hint{color:#f4c593;margin:8px 4px 4px;font-size:.875rem;line-height:1.45}.catan-offer .catan-trade-preview{margin-top:14px}@media (max-width:400px){.catan-trade-resource-label{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.catan-trade-preview{padding-inline:4px}.catan-trade-preview thead td{width:52px}}.catan-trade-options{gap:10px;display:grid}.catan-theme .catan-trade-option{color:#f2ede0;text-align:left;background:#1b303b;border:1px solid #49606a;border-radius:12px;align-items:center;gap:14px;width:100%;min-height:66px;padding:14px;display:flex}.catan-theme .catan-trade-option:hover:not(:disabled),.catan-theme .catan-trade-partner:hover:not(:disabled){background:#243c47;border-color:#c7ac76}.catan-trade-option>svg:first-child{color:#dfc58e;flex-shrink:0;width:22px;height:22px}.catan-trade-option>span{flex:1;gap:4px;min-width:0;display:grid}.catan-trade-option strong{font-size:1.0625rem}.catan-trade-option small,.catan-trade-partner small{color:#bacbd1;font-size:.8125rem;font-weight:400;line-height:1.45}.catan-trade-option>svg:last-child,.catan-trade-partner>svg{color:#d1b67a;flex-shrink:0;width:18px;height:18px}.catan-trade-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.catan-trade-head>div{flex:1;min-width:0}.catan-trade-head .catan-kicker{letter-spacing:.1em;margin-bottom:2px;font-size:.6875rem}.catan-trade-head h3{overflow-wrap:anywhere}.catan-theme .catan-trade-head [data-slot=button]{color:#d5bd87;border:1px solid #3e5762;flex-shrink:0}.catan-trade-partners{gap:10px;margin-top:14px;display:grid}.catan-theme .catan-trade-partner{color:#f2ede0;text-align:left;background:#1b303b;border:1px solid #49606a;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 14px;display:flex}.catan-trade-partner .catan-player-dot{border:1px solid #0e1f28;width:14px;height:14px}.catan-trade-partner>span{flex:1;gap:3px;min-width:0;display:grid}.catan-trade-partner strong{overflow-wrap:anywhere;font-size:1rem}.catan-theme .catan-trade-summary{color:#d3dfe1;background:#263a41;border-left:3px solid #bd9c60;border-radius:0 8px 8px 0;margin:14px 0;padding:10px 12px;font-size:.875rem}.catan-trade-summary strong{color:#f3d497}.catan-resource-picker{border:0;margin:20px 0;padding:0}.catan-resource-picker legend{color:#e8d3a8;margin-bottom:12px;font-size:.9375rem;font-weight:700}.catan-resource-picker>div{justify-content:space-between;align-items:center;gap:6px;padding:6px 0;display:flex}.catan-resource-picker>div>span{align-items:center;gap:8px;font-size:.9375rem;display:flex}.catan-resource-picker svg{width:20px;height:20px}.catan-dev-card{border-bottom:1px solid #ffffff1c;flex-wrap:wrap;gap:12px;padding:16px 0;display:flex}.catan-dev-card strong{color:#efd395}.catan-dev-card p{color:#bacbd1;margin-top:6px;font-size:.875rem}.catan-tag{color:#f3dba9;border:1px solid #ac9364;border-radius:5px;padding:4px 8px;font-size:.8125rem}.catan-victory{text-align:center;padding:28px 22px}.catan-victory p{color:#c3ced0;margin:12px 0 0}.catan-victory>svg{color:#f2d388;width:44px;height:44px;margin:0 auto 18px}.catan-dialog{color:#f4f0e5;background:#1b313e;border-color:#54707c;min-height:0}.catan-dialog [data-slot=dialog-description]{color:#bdcbd0;font-size:1rem}@media (max-width:1000px){.catan-shell-wide{max-width:780px}}@media (max-width:600px){.catan-shell{padding:16px 14px max(28px,env(safe-area-inset-bottom))}.catan-shell-play{padding-top:8px;padding-bottom:0}.catan-header{gap:12px;margin-bottom:22px;padding-bottom:18px}.catan-header .game-back-link{font-size:.8125rem}.catan-header .catan-connection{text-align:center;width:100%;font-size:.75rem}.catan-brand{font-size:1rem}.catan-intro h1{font-size:3.25rem}.catan-intro{padding-top:0}.catan-panel{padding:18px}.catan-status{gap:6px;min-height:46px;padding-left:8px}.catan-status .catan-dice{font-size:1.5rem}.catan-turn-details{padding:10px 12px}.catan-dice{font-size:2.2rem}.catan-action-bar{padding:9px 10px}.catan-supply{gap:9px;font-size:.875rem}.catan-players{gap:8px;margin-bottom:12px}.catan-players>div{padding:10px}.catan-theme .game-mode{gap:10px;padding:14px}.catan-theme .game-mode-icon{padding:8px}.catan-board-toolbar small{display:none}.catan-score-strip>span{padding:5px 9px;font-size:.75rem}.catan-section{padding:14px}.catan-hand-bar{border-radius:11px;padding:5px}.catan-theme .catan-hand-strip{gap:4px}.catan-hand-strip>span{gap:3px;min-height:36px;padding:3px;font-size:.875rem}.catan-hand-strip svg{width:16px;height:16px}.catan-theme .catan-trade-option{gap:10px;padding:12px}}.catan-shell-play{flex-direction:column;height:100dvh;padding-top:10px;padding-bottom:0;display:flex}.catan-shell-play>.catan-notice{flex:none;margin:0 0 10px;position:static}.catan-shell-play .catan-play{flex:1}.catan-play{min-height:0;padding-bottom:var(--catan-nav-height);flex-direction:column;display:flex}.catan-tab-panel{overscroll-behavior:contain;outline:none;flex:1;min-height:0;overflow-y:auto}.catan-tab-insel{flex-direction:column;display:flex;overflow:hidden}.catan-theme .catan-steal{margin-bottom:10px;padding:14px 16px}.catan-theme .catan-steal h2{margin-bottom:10px;font-size:1rem}.catan-theme .catan-play .game-back-link{color:#b9c9ce;margin:18px 0 0;font-size:.875rem;display:inline-flex}.catan-score-strip{scrollbar-width:none;gap:8px;margin:0 0 14px;padding:2px 0 6px;display:flex;overflow-x:auto}.catan-score-strip::-webkit-scrollbar{display:none}.catan-score-strip>span{color:#dfe6e5;background:#172a34;border:1px solid #394e58;border-radius:99px;flex:none;align-items:center;gap:7px;padding:6px 11px;font-size:.8125rem;font-weight:600;display:inline-flex}.catan-score-strip>span.is-active{border-color:var(--player-color);background:#223a44}.catan-score-strip b{color:#f5d58d;font-variant-numeric:tabular-nums;font-size:.9375rem}.catan-hand-bar{background:0 0;border:0;flex:none;margin:0;padding:0}.catan-theme .catan-hand-strip{width:100%;color:inherit;font:inherit;background:0 0;border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,3rem),1fr));gap:clamp(6px,1.4vw,14px);margin:0;padding:0;display:grid}.catan-hand-strip>.catan-hand-resource{--resource-bg:#26353c;--resource-border:#66818e;border:1px solid var(--resource-border);background:linear-gradient(135deg,#ffffff06,transparent 65%),var(--resource-bg);border-radius:clamp(10px,1.7vw,16px);grid-template-rows:auto auto;grid-template-columns:minmax(0,auto) minmax(0,auto);place-content:center;align-items:center;gap:4px clamp(6px,1.8vw,18px);min-width:0;min-height:clamp(64px,9.4vw,96px);padding:max(10px,.875rem) 5px 8px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff08}.catan-hand-resource[data-catan-resource=wood]{--resource-bg:#302d25;--resource-border:#8f704b}.catan-hand-resource[data-catan-resource=brick]{--resource-bg:#3b2625;--resource-border:#ac6454}.catan-hand-resource[data-catan-resource=wool]{--resource-bg:#23352c;--resource-border:#718b68}.catan-hand-resource[data-catan-resource=grain]{--resource-bg:#353321;--resource-border:#ad914c}.catan-hand-resource[data-catan-resource=ore]{--resource-bg:#20333f;--resource-border:#718e9f}.catan-hand-resource>svg{filter:drop-shadow(0 3px 3px #0003);justify-self:end;width:clamp(25px,5.4vw,44px);height:clamp(25px,5.4vw,44px)}.catan-hand-resource b{color:#fff8ed;justify-self:start;font-size:clamp(1.25rem,3.5vw,2.25rem);font-weight:750;line-height:1}.catan-hand-resource small{color:#f0ede4;text-align:center;overflow-wrap:anywhere;grid-column:1/-1;font-size:clamp(.6875rem,1.8vw,1.125rem);font-weight:400;line-height:1.2}.catan-supply{color:#cddada;font-variant-numeric:tabular-nums;align-items:center;gap:11px;font-size:.9375rem;font-weight:650;display:flex}.catan-supply span{align-items:center;gap:4px;display:inline-flex}.catan-supply svg{color:#d5bd87;width:16px;height:16px}.catan-theme .catan-hide-hand{width:100%;margin-bottom:14px}.catan-discard{background:#2f3a35;border-color:#c7ac76}.catan-nav{z-index:40;padding-bottom:env(safe-area-inset-bottom);background:#0f1d24f2;border-top:1px solid #34505b;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #0006}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.catan-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1d24e0}}.catan-nav-list{grid-template-columns:repeat(5,minmax(0,1fr));max-width:780px;margin:0 auto;padding:0 6px;display:grid}.catan-theme .catan-nav-tab{color:#a7bbc3;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:64px;padding:8px 2px 7px;font-size:.6875rem;font-weight:650;line-height:1.2;display:flex;position:relative}.catan-theme .catan-nav-tab:focus-visible{outline-offset:-3px}.catan-nav-tab:before{content:"";background:0 0;border-radius:0 0 3px 3px;width:28px;height:3px;margin-left:-14px;position:absolute;top:0;left:50%}.catan-theme .catan-nav-tab[data-state=active]{color:#f5d88f}.catan-nav-tab[data-state=active]:before{background:#efd18a}.catan-nav-icon{border-radius:13px;place-items:center;width:40px;height:26px;display:grid;position:relative}.catan-nav-tab[data-state=active] .catan-nav-icon{background:#efd18a1f}.catan-nav-badge{color:#fff;background:#516a75;border:2px solid #111f27;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-7px;right:-3px}.catan-nav-badge.catan-hand-total{font-variant-numeric:tabular-nums}.catan-nav-badge.is-ready{background:#357d61}.catan-nav-badge.is-warn{background:#b8772a}.catan-nav-badge.is-alert{background:#c74a3c}.catan-nav-badge.is-dot{background:#efd18a;width:12px;min-width:0;height:12px;padding:0}.catan-nav-badge.is-collecting{animation:.4s ease-out catan-resource-collected}@keyframes catan-resource-collected{0%{transform:scale(.75);box-shadow:0 0 #efd18a90}40%{transform:scale(1.35);box-shadow:0 0 0 7px #efd18a30}to{transform:scale(1);box-shadow:0 0 0 12px #efd18a00}}@media (prefers-reduced-motion:reduce){.catan-theme *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.catan-theme .nearby-section{margin:0 0 6px}.catan-theme .section-heading strong{color:#e7e4da;font-size:.9375rem}.catan-theme .section-heading span{color:#8fa5af}.catan-theme .nearby-list button{color:#f4f0e5;background:#132730;border-color:#516871;border-radius:10px}:is(.catan-theme .nearby-list button:hover,.catan-theme .nearby-list button:focus-visible){border-color:#ac9059}.catan-theme .nearby-list small{color:#b6c8cc}.catan-theme .nearby-list b{color:#d1b67a}.catan-theme .selected-lobby{color:#f4f0e5;background:#2c3937;border-color:#ac9059;margin:0 0 16px}.catan-theme .selected-lobby small{color:#d1b67a}.catan-theme .selected-lobby [data-slot=button]{color:#f4f0e5;background:#1e333e;border-color:#48606b;min-height:40px}.catan-discoverable label{cursor:pointer;flex:1;gap:3px;min-width:0;display:grid}.catan-discoverable small{color:#b7c6ca;font-size:.8125rem;line-height:1.45}.catan-theme .catan-discoverable [data-slot=switch]{background:#263d48;border:1px solid #506673;flex-shrink:0;width:44px;height:26px}.catan-theme .catan-discoverable [data-slot=switch][data-state=checked]{background:#efd18a;border-color:#efd18a}.catan-theme .catan-discoverable [data-slot=switch-thumb]{background:#f4f0e5;width:20px;height:20px}.catan-theme .catan-discoverable [data-slot=switch-thumb][data-state=checked]{background:#1c2b31;translate:20px}.catan-intro.is-compact{padding:0 0 12px}.catan-intro.is-compact h1{margin:0;font-family:inherit;font-size:1.5rem}.catan-intro.is-compact h1 br,.catan-intro.is-compact .catan-kicker,.catan-intro.is-compact>p,.catan-intro.is-compact .catan-intro-meta{display:none}.catan-shell-play{max-width:1040px;height:100dvh;padding:8px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));overflow:auto}.catan-shell-play>.catan-notice{width:min(680px,100vw - 24px);margin:0;position:fixed;top:8px;left:50%;transform:translate(-50%)}.catan-shell-handoff{flex-direction:column;min-height:100dvh;padding:12px 16px;display:flex;overflow:auto}.catan-shell-handoff .catan-header{gap:8px;margin-bottom:0;padding-bottom:12px}.catan-shell-handoff .catan-handoff{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;width:100%;min-height:0;margin:0 auto;display:flex}.catan-shell-handoff .catan-handoff>svg{flex-shrink:0;width:28px;height:28px;margin:0}.catan-shell-handoff .catan-handoff :is(h1,p,.catan-kicker,.catan-primary){margin:0}.catan-shell-handoff .catan-handoff h1{font-size:clamp(1.5rem,6vw,2.25rem)}.catan-play{flex-direction:column;gap:clamp(8px,1.2vw,12px);min-height:35rem;padding:0;display:flex}.catan-tab-panel{overscroll-behavior:auto;outline:none;flex:1 1 0;min-width:0;min-height:0;display:block;overflow:auto}.catan-tab-panel[data-state=inactive]{display:none}.catan-screen{background:#182f3a;grid-template-rows:auto minmax(6rem,1fr) auto;gap:10px;width:100%;min-width:0;height:100%;min-height:min-content;padding:12px 6px;display:grid}.catan-screen-heading{align-items:center;gap:10px;min-height:auto;display:flex}.catan-screen-heading>div{flex:1;min-width:0}.catan-screen-heading h2{overflow-wrap:anywhere;text-wrap:pretty;font-size:1.0625rem;line-height:1.25}.catan-screen-heading [data-slot=button]{flex:0 0 44px}.catan-eyebrow{color:#dfc48a;margin-bottom:3px;font-size:.75rem;line-height:1.4;display:block}.catan-screen-body{overscroll-behavior:auto;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:3px;scroll-padding-block:6px;display:flex;overflow:auto}.catan-screen-body>*{flex-shrink:0}.catan-screen-body>p{overflow-wrap:anywhere;font-size:1rem;line-height:1.45}.catan-screen-actions{background:#182f3a;border-top:1px solid #3b5360;flex-wrap:wrap;align-items:stretch;gap:8px;padding-top:10px;display:flex}.catan-theme .catan-screen-actions [data-slot=button]{overflow-wrap:anywhere;flex:6rem;width:auto;min-width:0;min-height:48px;margin:0;padding:8px 10px;font-size:.875rem;line-height:1.3}.catan-screen-actions .catan-primary{flex:2}.catan-theme .catan-screen-actions .catan-end-turn{color:#e6eeef;background:#213b47;border-color:#60808d;flex:6rem}.catan-theme .catan-inline-hint{color:#c0d0d5;margin:0;font-size:.875rem;line-height:1.45}.catan-inline-hint>svg{vertical-align:middle;color:#e9d093;width:18px;height:18px;display:inline-block}.catan-nav{z-index:40;box-shadow:none;padding-bottom:env(safe-area-inset-bottom);flex:none;margin-inline:-12px;position:static}.catan-nav-list{max-width:none;padding:0 4px}.catan-theme .catan-nav-tab{gap:7px;min-height:clamp(64px,8vw,80px);padding:8px 2px;font-size:clamp(.75rem,1.85vw,1.125rem)}.catan-nav-label{overflow-wrap:anywhere;max-width:100%}.catan-nav-icon{height:clamp(26px,3.5vw,38px)}.catan-island-screen{isolation:isolate;background:#103b4d url(/catan/sea-v4.jpg) 50%/cover no-repeat;border:1px solid #356377;border-radius:clamp(16px,2.2vw,24px);gap:0;min-height:0;padding:0;position:relative;overflow:hidden}.catan-island-screen>.catan-screen-heading{background:linear-gradient(#082c3be6,#082c3b80);gap:clamp(8px,1.5vw,18px);min-height:clamp(64px,8vw,84px);padding:clamp(10px,1.4vw,16px)}.catan-island-screen .catan-screen-heading h2{font-size:clamp(1.0625rem,2.8vw,1.875rem)}.catan-island-screen .catan-screen-subtitle{color:#b5ceda;margin-top:4px;font-size:clamp(.6875rem,1.8vw,1.125rem);line-height:1.3}.catan-island-screen .catan-screen-heading>.catan-island-mark{width:clamp(36px,5.5vw,56px);height:clamp(36px,5.5vw,56px)}.catan-island-screen>.catan-screen-body{gap:0;padding:0}.catan-island-screen .catan-board-panel{background:0 0;border:0;border-radius:0;flex:1 0 180px;min-height:180px}.catan-island-screen>.catan-screen-actions{background:linear-gradient(#082c3b80,#082c3bde);border:0;gap:clamp(8px,1.8vw,18px);padding:clamp(10px,1.6vw,18px)}.catan-theme .catan-island-screen>.catan-screen-actions [data-slot=button]{border-radius:clamp(12px,1.8vw,20px);gap:10px;min-height:clamp(52px,6.2vw,64px);padding:10px;font-size:clamp(.9375rem,2.3vw,1.625rem)}.catan-theme .catan-island-screen>.catan-screen-actions .catan-primary{color:#102735;background:linear-gradient(160deg,#ffe398,#edbb5a);border-color:#f5d381;flex:1.5 6rem;box-shadow:inset 0 1px 2px #fff9,0 3px 12px #0002}.catan-theme .catan-island-screen>.catan-screen-actions .catan-primary:hover{background:linear-gradient(160deg,#ffeab3,#f5ca75)}.catan-theme .catan-island-screen>.catan-screen-actions .catan-end-turn{color:#deebed;background:#163d50e6;border-color:#527d92}.catan-island-screen>.catan-screen-actions [data-slot=button]>svg{width:clamp(22px,3.5vw,32px);height:clamp(22px,3.5vw,32px)}.catan-island-context{background:#082c3bd9;gap:8px;padding:10px 12px;display:grid}.catan-map-vote{background:#132a34ed;border:1px solid #60808d;border-radius:12px;padding:10px 12px;font-size:.875rem;line-height:1.4}.catan-map-vote p{color:#ced7d8;overflow-wrap:anywhere;margin:4px 0 0}.catan-map-vote summary{cursor:pointer;color:#f5d88f;padding-top:7px}.catan-map-vote ul{gap:5px;margin:0;padding:7px 0 0;list-style:none;display:grid}.catan-map-vote li{justify-content:space-between;gap:10px;display:flex}.catan-map-vote li span{overflow-wrap:anywhere;min-width:0}.catan-theme .catan-nav-tab:disabled{opacity:.4;cursor:default}.catan-island-tools{flex-direction:column;flex-shrink:0;gap:clamp(6px,1.2vw,12px);display:flex}.catan-screen-heading>.catan-island-tools{flex:none}.catan-theme .catan-island-tools [data-slot=button]{color:#eef5f5;background:#0b2a3be6;border:1px solid #507d94;border-radius:clamp(10px,1.6vw,16px);flex:none;width:clamp(44px,5.8vw,58px);min-width:44px;height:clamp(44px,5.8vw,58px);padding:10px;box-shadow:inset 0 1px #ffffff06,0 3px 8px #0002}.catan-island-tools [data-slot=button]>svg{width:clamp(22px,3vw,28px);height:clamp(22px,3vw,28px)}.catan-theme .catan-sound-toggle[aria-pressed=true]{color:#efd18a;background:#efd18a18}.catan-number-backdrop,.catan-number-label,.catan-building-piece,.catan-robber-layer,.catan-robber-piece,.catan-shoreline,.catan-harbor-illustration{pointer-events:none}.catan-landscape{filter:saturate(.9)}.catan-landscape.is-blocked{filter:saturate(.82)brightness(.92)}.catan-robber-territory{fill:#11262d;fill-opacity:.12;stroke:#ddc597;stroke-opacity:.8;stroke-width:1.5px;stroke-linejoin:round}.catan-robber-shadow{fill:#10262b;opacity:.4}.catan-robber-medallion{fill:#172d33;stroke:#ddc597;stroke-width:1.25px}.catan-robber-status circle{fill:#172d33;stroke:#ddc597;stroke-width:1px}.catan-robber-status path{fill:none;stroke:#fff1d7;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.catan-hex-seams{pointer-events:none}.catan-hex-seams path{stroke-linecap:round;stroke-linejoin:round}.catan-hex-seam-shadow{stroke:#1d302c;stroke-width:2.15px;stroke-opacity:.66}.catan-hex-seam-light{stroke:#dbc89b;stroke-width:.65px;stroke-opacity:.35}.catan-number-label{fill:#fff1d7;stroke:#1c2922;stroke-width:1.2px;paint-order:stroke;stroke-linejoin:round;font-family:Georgia,Times New Roman,serif;font-size:29px;font-weight:700}.catan-theme .catan-map-instruction{color:#d5e1e2;font-size:.875rem;line-height:1.3}.catan-board-panel{border-radius:10px;flex-direction:column;flex:1 0 auto;min-height:12rem}.catan-board-map{flex-direction:column;flex:1 0 156px;min-width:0;min-height:156px;display:flex;position:relative}.catan-board-viewport{isolation:isolate;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;background:#254650 url(/catan/sea-v4.jpg) 50%/cover no-repeat;background-size:var(--catan-sea-size,cover);background-position:calc(50% + var(--catan-sea-x,0px)) calc(50% + var(--catan-sea-y,0px));flex:1 1 0;min-height:0;position:relative;overflow:hidden}.catan-sea-surface{z-index:-1;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.catan-board-viewport{background-position:50%;background-size:cover}.catan-sea-surface{display:none}}.catan-board-viewport[data-interacting=true],.catan-board-viewport[data-interacting=true] .catan-map-target{cursor:grabbing}.catan-board{background:0 0;width:100%;height:100%;overflow:hidden}.catan-board-controls{z-index:3;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex;position:absolute;bottom:12px;left:clamp(12px,2.2vw,24px)}.catan-board-zoom{background:#0b2e40ed;border:1px solid #608b9f;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 3px 12px #0003}.catan-theme .catan-board-controls [data-slot=button]{color:#edf5f5;background:#0b2e40ed;border:1px solid #608b9f;border-radius:14px;width:clamp(44px,6.8vw,68px);height:clamp(44px,6.8vw,68px);min-height:44px;padding:10px;box-shadow:0 3px 12px #0003}.catan-theme .catan-board-zoom [data-slot=button]{box-shadow:none;background:0 0;border:0;border-radius:0}.catan-theme .catan-board-zoom [data-slot=button]+[data-slot=button]{border-top:1px solid #608b9f}.catan-theme .catan-board-zoom [data-slot=button]:focus-visible{outline-offset:-4px}.catan-theme .catan-board-controls [data-slot=button][data-size=icon]{min-width:44px}.catan-theme .catan-map-overview{flex:none;min-width:44px;display:flex}.catan-theme .catan-board-controls [data-slot=button]>svg{flex-shrink:0;width:clamp(22px,3vw,28px);height:clamp(22px,3vw,28px)}.catan-map-overview>span{gap:3px;min-width:0;font-size:.875rem;line-height:1.2;display:grid}.catan-map-overview small{color:#b7cad1;white-space:normal;font-size:.6875rem;font-weight:400}.catan-theme .catan-board-field-info{color:#d5e1e2;overflow-wrap:anywhere;pointer-events:none;background:#132a34ed;border:1px solid #3e5964;border-radius:8px;max-width:min(360px,100% - 16px);margin:0;padding:6px 10px;font-size:.8125rem;line-height:1.35;position:absolute;top:8px;left:8px}.catan-theme .catan-island-screen:has(>.catan-screen-body>.catan-island-context:not(:empty)) .catan-board-field-info{max-width:min(160px,100% - 16px);left:auto;right:8px}.catan-play.is-menu-open .catan-board-field-info{visibility:hidden}.catan-victim-choices{flex-wrap:wrap;gap:6px;display:flex}.catan-victim-choices [data-slot=button]{flex:1;min-width:100px}.catan-pager{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding-top:4px;display:flex}.catan-pager>span{text-align:center;color:#cbdbde;font-size:.875rem}.catan-pager strong{color:#f5d58d}.catan-build-list,.catan-score-list,.catan-development-list{gap:0;display:grid}.catan-build-choice{color:#faf1dc;text-align:left;background:0 0;border:0;border-bottom:1px solid #48616b;border-radius:0;align-items:flex-start;gap:8px;width:100%;min-height:64px;padding:12px 6px;display:flex}.catan-build-choice[aria-disabled=true]{color:#d0dadc}.catan-build-choice>svg{color:#e0c68e;flex-shrink:0;width:22px;height:22px;margin-top:2px}.catan-build-choice>span{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;min-width:0;display:grid}.catan-build-choice strong{overflow-wrap:anywhere;font-size:.9375rem;line-height:1.3}.catan-build-choice .catan-cost{justify-content:flex-end;gap:4px;max-width:7.5rem}.catan-build-choice small{grid-column:1/-1;font-size:.8125rem;font-weight:400;line-height:1.35}.catan-build-choice .is-unavailable{color:#efc792}.catan-build-choice .is-available{color:#b4e3bb}.catan-cost{gap:8px}.catan-resource-choices{border:0;min-width:0;margin:0;padding:0}.catan-resource-choices legend{margin-bottom:7px;font-size:.875rem;font-weight:650;line-height:1.4}.catan-resource-choices>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,3.2rem),1fr));gap:5px;display:grid}.catan-resource-choices button{color:#d5e2e3;background:#122b37;border:1px solid #57727d;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:64px;padding:6px 1px;display:flex}.catan-resource-choices button[aria-pressed=true]{color:#fff1ce;background:#394335;border-color:#efcb7d;box-shadow:inset 0 0 0 1px #efcb7d}.catan-resource-choices svg{width:28px;height:28px}.catan-resource-choices button>span{font-size:.8125rem;line-height:1.1}.catan-resource-choices strong{font-size:1rem;line-height:1}.catan-resource-amounts{gap:0;display:grid}.catan-amount-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.catan-amount-heading strong{font-size:.9375rem}.catan-amount-heading output{color:#d9c38f;font-variant-numeric:tabular-nums;font-size:.8125rem}.catan-bank-selection{gap:16px;display:grid}.catan-amount-controls{border-bottom:1px solid #405c67;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.catan-amount-controls>svg{flex:0 0 24px;width:24px;height:24px}.catan-amount-controls>div:not(.catan-stepper){overflow-wrap:anywhere;flex:5rem;gap:3px;min-width:0;display:grid}.catan-amount-controls strong{font-size:.9375rem}.catan-amount-controls small{color:#bfd0d4;font-size:.8125rem;line-height:1.3}.catan-amount-controls .catan-stepper{flex:none;gap:4px;margin-left:auto}.catan-amount-controls .catan-stepper output{min-width:1.5rem;font-size:1rem}.catan-theme .catan-amount-controls .catan-stepper [data-size=icon]{width:44px;min-width:44px;height:44px;padding:10px}.catan-trade-bag{background:#283f44;border-left:3px solid #c5a86c;border-radius:0 8px 8px 0;padding:9px 12px;font-size:.9375rem;line-height:1.5}.catan-exchange{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:8px;display:grid}.catan-exchange p{border-bottom:1px solid #4f6b73;flex-direction:column;gap:5px;min-width:0;padding:8px 0;display:flex}.catan-exchange p>span{color:#beced3;font-size:.875rem}.catan-exchange strong{overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}.catan-trade-result{padding:8px 0}.catan-trade-result h3{margin:0 0 8px;font-size:.875rem}.catan-trade-result>div{gap:4px;display:grid}.catan-trade-result>div>span{border-radius:4px;grid-template-columns:20px minmax(0,1fr) auto minmax(4rem,auto);align-items:center;gap:8px;padding:8px;display:grid}.catan-trade-result svg{width:17px;height:17px}.catan-trade-result strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.2}.catan-trade-result b{font-variant-numeric:tabular-nums;font-size:1rem}.catan-trade-result small{text-align:right;font-size:.8125rem;line-height:1.2}.catan-trade-result .is-gain{color:#c0efc7;background:#284b3d}.catan-trade-result .is-loss{color:#ffd0b5;background:#49382f}.catan-trade-result>.catan-inline-hint{color:#efc792;margin-top:8px}.catan-person-choice{color:#f0e8d5;text-align:left;background:0 0;border:0;border-bottom:1px solid #48616b;border-radius:0;align-items:center;gap:10px;width:100%;min-height:64px;padding:12px 6px;display:flex}.catan-person-choice>span{flex:1;gap:4px;min-width:0;display:grid}.catan-person-choice strong{overflow-wrap:anywhere;font-size:1rem}.catan-person-choice small{color:#c3d3d8;font-size:.8125rem;line-height:1.4}.catan-person-choice>svg{flex-shrink:0;width:18px}.catan-card-links{gap:8px;display:grid}.catan-card-links [data-slot=button]{justify-content:space-between;display:flex}.catan-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.catan-empty-state>svg{color:#e0c68e;width:32px;height:32px}.catan-empty-state h3{font-size:1.125rem}.catan-empty-state p{color:#bcd0d6;font-size:1rem;line-height:1.5}.catan-development-card{background:#263d3b;border:1px solid #9a8457;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.catan-development-card>svg{color:#edcf89;width:28px;height:28px}.catan-development-card h3{color:#f7dfa6;font-size:1.25rem}.catan-development-card p{font-size:1rem;line-height:1.5}.catan-development-choice{text-align:left;color:#f5eddb;background:0 0;border:0;border-bottom:1px solid #48616b;border-radius:0;align-items:center;gap:10px;min-height:64px;padding:12px 6px;display:flex}.catan-development-choice>svg{color:#edcf89;flex-shrink:0;width:22px}.catan-development-choice>span{flex:1;gap:3px;min-width:0;display:grid}.catan-development-choice strong{font-size:1rem}.catan-development-choice small{color:#cbd9de;font-size:.8125rem;line-height:1.3}.catan-development-choice>b{color:#edcf89;font-size:1rem}.catan-overview-links{display:grid}.catan-overview-section{gap:10px;min-width:0;display:grid}.catan-overview-section>h3{color:#dfc58e;margin:0;font-size:.8125rem;font-weight:700;line-height:1.4}.catan-overview-settings{border-top:1px solid var(--catan-glass-inner-edge,#48616b);margin-top:8px;padding-top:14px}.catan-animation-preferences{gap:10px;display:grid}.catan-animation-preferences .catan-ambient-preference>span{overflow-wrap:anywhere;min-width:0}.catan-overview-link{color:#edf0e8;text-align:left;background:0 0;border:0;border-bottom:1px solid #48616b;border-radius:0;align-items:center;gap:10px;min-height:52px;padding:10px 6px;display:flex}.catan-overview-link>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9375rem}.catan-overview-link>svg{color:#e0c68e;flex-shrink:0;width:20px;height:20px}.catan-overview-link>b{color:#edcf89;white-space:nowrap;font-size:.75rem}.catan-overview-exit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.catan-theme .catan-overview-exit .game-back-link{align-items:center;min-height:44px;margin:0;font-size:.875rem}.catan-overview-exit [data-slot=button]{padding:6px;font-size:.875rem}.catan-player-card{background:0 0;border-bottom:1px solid #48616b}.catan-player-card>summary{grid-template-columns:8px minmax(0,1fr) auto 12px;gap:8px;padding:10px;display:grid}.catan-player-card>summary:after{grid-area:1/4/3;font-size:1rem}.catan-player-card strong{overflow-wrap:anywhere;color:#f4f0e5;min-width:0;font-size:.9375rem}.catan-player-card b{color:#f5d58d;white-space:nowrap;font-size:1rem}.catan-player-points{font-variant-numeric:tabular-nums}.catan-player-stats{color:#b7cbd2;grid-column:2/5;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:15rem;font-size:.875rem;font-weight:400;display:grid}.catan-player-stat{grid-template-columns:18px minmax(2ch,1fr);align-items:center;gap:6px;min-width:0;display:grid}.catan-player-stat>svg{color:#dfc58e;width:18px;height:18px}.catan-player-stat>[data-catan-stat-value]{font-variant-numeric:tabular-nums;min-width:2ch;line-height:1.3}.catan-player-card>div{border-top:1px solid #3b5360;padding:0 10px 10px}.catan-player-card p{color:#cbd9de;margin-top:7px;font-size:.875rem;line-height:1.4}.catan-log-entry{overflow-wrap:anywhere;border-bottom:1px solid #405d6a;padding:10px 6px;font-size:.9375rem;line-height:1.45}.catan-rule-list,.catan-activity-list{display:grid}.catan-rule-section,.catan-activity-item{border-bottom:1px solid #48616b;min-width:0}.catan-rule-section>summary,.catan-activity-item>summary{overflow-wrap:anywhere;min-height:52px;padding:12px 6px}.catan-rule-section>div,.catan-activity-item>div{color:#cddade;padding:0 6px 12px;font-size:.9375rem;line-height:1.5}.catan-rule-section .catan-rule-costs{margin:0}.catan-rule-costs>div{flex-wrap:wrap;align-items:center}.catan-rule-costs .catan-cost{flex-shrink:0}.catan-rule-section p+p,.catan-activity-item p+p{margin-top:8px}.catan-activity-item>summary>span:first-child{flex:1;gap:4px;min-width:0;display:grid}.catan-activity-item small{color:#c5d4d4;font-size:.8125rem;font-weight:400;line-height:1.35}.catan-activity-item.is-unread>summary{border-left:3px solid #efd18a;padding-left:9px}.catan-activity-unread{color:#efd18a;font-size:.75rem}.catan-activity-item .is-loss{color:#ffd0b5}.catan-activity-item .is-gain{color:#c0efc7}.catan-theme .catan-trade-option{background:0 0;border:0;border-bottom:1px solid #48616b;border-radius:0;padding:12px 6px}.catan-play :is(h1,h2,h3){letter-spacing:0}.catan-play [data-slot=button]{border-radius:8px}@media (hover:hover){.catan-play :is(.catan-build-choice,.catan-development-choice,.catan-person-choice,.catan-overview-link):hover{background:#ffffff08}}.catan-activity-entry{background:#213b35;border:1px solid #5c7366;border-radius:10px;gap:12px;padding:14px;display:grid}.catan-activity-entry h3{color:#efd492}.catan-activity-entry p{font-size:.9375rem;line-height:1.5}.catan-activity-entry .is-gain{color:#c0efc7}.catan-activity-entry .is-loss{color:#ffd0b5}.catan-theme .catan-rule-page{font-size:1rem;line-height:1.6}.catan-setup-guide{background:#263d3b;border:1px solid #9a8457;border-radius:10px;padding:10px}.catan-setup-guide small{color:#edcf89;font-size:.75rem}.catan-setup-guide h3{margin:3px 0 5px;font-size:.9375rem}.catan-setup-guide p{color:#d4e0df;font-size:.8125rem;line-height:1.4}.catan-guide-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:6px;display:flex}.catan-theme .catan-guide-actions [data-slot=button]{padding:6px 8px;font-size:.8125rem}@media (max-width:360px){.catan-theme .catan-hand-strip{gap:5px}.catan-hand-strip>.catan-hand-resource{column-gap:4px;padding-inline:3px}.catan-theme .catan-screen-actions [data-slot=button]{padding-inline:5px}}@media (max-height:700px) and (orientation:portrait){.catan-screen:not(.catan-island-screen){gap:8px;padding:10px}.catan-screen-body{gap:10px}.catan-screen-actions{padding-top:8px}.catan-development-card{gap:8px;padding:12px}.catan-development-card>svg{display:none}}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-count{font-variant-numeric:tabular-nums;white-space:nowrap;transform-origin:50%;min-width:1ch;transition:color .2s;display:inline-block}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-gain{color:#baf7cb;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;pointer-events:none;opacity:1;background:#254c38;border-radius:4px;min-width:1.4em;max-width:calc(100% - 4px);padding:1px 3px;font:800 .6875rem/1 Arial,Helvetica,sans-serif;transition:opacity .2s;position:absolute;top:2px;right:2px}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-gain[hidden]{display:none}.catan-hand-bar .catan-hand-strip>.catan-hand-resource.is-gaining{border-color:#83c996;box-shadow:inset 0 1px #ffffff08,0 0 0 2px #57976d33}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-count.is-gaining{color:#baf7cb}:is(.catan-hand-bar,.catan-hand-total).is-fading .catan-hand-gain{opacity:0}:is(.catan-hand-bar,.catan-hand-total).is-fading .catan-hand-count.is-gaining{color:inherit}.catan-hand-bar.is-fading .catan-hand-strip>.catan-hand-resource.is-gaining{border-color:var(--resource-border);box-shadow:inset 0 1px #ffffff08}.catan-resource-flights{z-index:80;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.catan-resource-flight{pointer-events:none;transform-origin:50%;will-change:transform,opacity;background:#17372bf2;border:1px solid #b8d7bf;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:fixed;box-shadow:0 3px 12px #0008,0 0 10px #86d5a52e}.catan-resource-flight>svg{width:24px;height:24px;display:block}@media (prefers-reduced-motion:reduce){:is(.catan-hand-bar,.catan-hand-total) .catan-hand-count,:is(.catan-hand-bar,.catan-hand-total) .catan-hand-gain,.catan-hand-strip>.catan-hand-resource{transition:none}}.catan-theme,.catan-theme *,.catan-theme :before,.catan-theme :after{box-sizing:border-box}.catan-shell-play{min-height:0}.catan-play{flex-direction:column;gap:8px;min-height:0;padding:0;display:flex;position:relative}.catan-play>.catan-status,.catan-play>.catan-hand-bar,.catan-play>.catan-nav{flex:none}.catan-world{--catan-glass-alpha:.6;--catan-glass-tint:rgba(12,48,63,var(--catan-glass-alpha));--catan-glass-background:#0c303f;--catan-glass-opal:linear-gradient(145deg,#ffffff1f,#ffffff0a 62%);--catan-glass-filter:blur(20px) saturate(118%);--catan-glass-control-filter:blur(7px) saturate(60%);--catan-glass-edge:#dbf7f538;--catan-glass-inner-edge:#dbf7f51f;--catan-glass-inner:#092b3a24;--catan-glass-selected:#f2d38b1f;--catan-glass-hover:#ffffff12;--catan-glass-shadow:inset 0 1px 0 #ffffff1f,0 10px 32px #04202b38;--catan-glass-text:#f4f6ef;--catan-glass-muted:#030404;--catan-glass-menu-radius:28px;--catan-glass-inner-radius:16px;--catan-glass-button-radius:12px;--catan-island-radius:18px;--catan-glass-space:16px;flex-direction:column;flex:1 1 0;gap:8px;min-width:0;min-height:0;display:flex;position:relative}.catan-world .is-game-menu{--catan-glass-alpha:.72;--catan-glass-tint:rgba(7,30,42,var(--catan-glass-alpha));--catan-glass-background:#071e2a;--catan-glass-opal:linear-gradient(145deg,#ffffff0e,#ffffff04 62%);--catan-glass-inner-edge:#dbf7f51f;--catan-glass-inner:#03151e24;--catan-glass-selected:#f2d38b1f;--catan-glass-text:#fff7ec;--catan-glass-muted:#d9e5e7}.catan-world-sea{z-index:0;border-radius:var(--catan-island-radius);background:#254650 url(/catan/sea-v4.jpg) 50%/cover no-repeat;background-size:var(--catan-sea-size,cover);background-position:calc(50% + var(--catan-sea-x,0px)) calc(50% + var(--catan-sea-y,0px));pointer-events:none;position:absolute;inset:0;overflow:hidden}.catan-world-sea>.catan-sea-surface{z-index:0}.catan-world>.catan-hand-bar{z-index:1;pointer-events:none;position:relative}.catan-world :is(button,summary,[role=button]){min-height:44px}.catan-world button:disabled{opacity:1;color:#c1d0d5}.catan-world :is(button,a,summary,input,[role=button]):focus-visible{outline-offset:3px;outline:3px solid #ffe2a0}.catan-world .is-game-menu .catan-screen-body :is(button,a,summary,input,[role=button]):focus-visible{outline-offset:-3px}.catan-world :is(button,[role=button]){transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s}.catan-world .catan-hand-resource[data-catan-resource=wood]{--resource-bg:rgba(71,55,33,var(--catan-glass-alpha));--resource-border:#cea76552}.catan-world .catan-hand-resource[data-catan-resource=brick]{--resource-bg:rgba(100,53,45,var(--catan-glass-alpha));--resource-border:#e7907452}.catan-world .catan-hand-resource[data-catan-resource=wool]{--resource-bg:rgba(43,77,54,var(--catan-glass-alpha));--resource-border:#b3d59d52}.catan-world .catan-hand-resource[data-catan-resource=grain]{--resource-bg:rgba(100,83,27,var(--catan-glass-alpha));--resource-border:#f0d06f52}.catan-world .catan-hand-resource[data-catan-resource=ore]{--resource-bg:rgba(34,66,88,var(--catan-glass-alpha));--resource-border:#b1d4e652}.catan-world .catan-hand-strip>.catan-hand-resource{background:var(--catan-glass-opal),var(--resource-bg);box-shadow:inset 0 1px #fff3,0 3px 12px #04202b1f}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.catan-world,.catan-world .is-game-menu{--catan-glass-background:var(--catan-glass-tint)}.catan-world :is(.is-game-menu,.catan-island-context:not(:empty)){-webkit-backdrop-filter:var(--catan-glass-filter);backdrop-filter:var(--catan-glass-filter)}.catan-world :is(.catan-hand-resource,.catan-board-controls button,.catan-island-tools button,.catan-island-toolbar>.catan-screen-actions button){-webkit-backdrop-filter:var(--catan-glass-control-filter);backdrop-filter:var(--catan-glass-control-filter)}}@media (prefers-reduced-motion:reduce){.catan-world-sea{background-position:50%;background-size:cover}}.catan-menu-stage{flex:1 1 0;min-width:0;min-height:0;position:relative}.catan-menu-stage>.catan-tab-insel{width:100%;height:100%;min-height:0;display:block;overflow:visible}.catan-world .catan-menu-stage .catan-island-screen{background:0 0;border:0;border-radius:0;flex-direction:column;gap:0;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.catan-island-canvas{flex:1 1 0;min-height:0;position:relative;overflow:visible}.catan-menu-stage .catan-island-canvas .catan-board-panel{inset:var(--catan-map-top,0px) 0 var(--catan-map-bottom,0px);border-radius:var(--catan-island-radius);border:0;flex-direction:column;height:auto;min-height:0;display:flex;position:absolute}.catan-menu-stage .catan-board-map{flex:1 1 0;min-height:0}.catan-menu-stage .catan-board-viewport{height:100%;min-height:0}.catan-world :is(.catan-board-panel,.catan-board-map,.catan-board-viewport,.catan-board){background:0 0}.catan-menu-stage .catan-board-controls{z-index:3;flex-direction:column;align-items:center;gap:8px;position:static}.catan-menu-stage .catan-board-zoom{flex-direction:column}.catan-world .catan-menu-stage .catan-island-tools{z-index:3;border-radius:var(--catan-glass-button-radius);background:0 0;border:0;flex-direction:column;gap:4px;padding:0;position:static}.catan-theme .catan-world .catan-menu-stage :is(.catan-board-controls,.catan-island-tools) [data-slot=button]{border:1px solid var(--catan-glass-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-opal),rgba(12,48,63,var(--catan-glass-alpha));width:44px;min-width:44px;height:44px;min-height:44px;color:var(--catan-glass-text);pointer-events:auto;padding:8px;box-shadow:inset 0 1px #ffffff24,0 3px 12px #04202b29}.catan-world .catan-board-zoom{border-radius:var(--catan-glass-button-radius);box-shadow:none;background:0 0;border:0;gap:4px}.catan-theme .catan-world .catan-board-zoom [data-slot=button]+[data-slot=button]{border:1px solid var(--catan-glass-edge)}.catan-theme .catan-world .catan-board-field-info{border-color:var(--catan-glass-inner-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-opal),rgba(12,48,63,var(--catan-glass-alpha));color:var(--catan-glass-text)}.catan-theme .catan-menu-stage :is(.catan-board-controls,.catan-island-tools) [data-slot=button]>svg{width:22px;height:22px}.catan-theme .catan-menu-stage .catan-board-field-info{max-width:min(360px,100% - 16px);top:8px}.catan-play.is-menu-open :is(.catan-island-tools,.catan-board-controls,.catan-board-field-info){visibility:hidden;pointer-events:none}.catan-world .catan-island-dock{z-index:1;min-width:0;min-height:0;max-height:min(65dvh,var(--catan-stage-height,500px));box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;flex:0 auto;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.catan-world .catan-island-dock[data-menu-hidden=true]{visibility:hidden;pointer-events:none}.catan-island-toolbar{grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:8px;min-width:0;padding:8px;display:grid}.catan-island-map-controls{min-width:0}.catan-menu-stage .catan-island-context{overscroll-behavior:contain;pointer-events:auto;scrollbar-width:thin;scrollbar-color:#5e8291 transparent;background:0 0;gap:12px;width:100%;min-height:0;max-height:none;padding:12px;display:grid;position:static;overflow:auto}.catan-world .catan-island-context:not(:empty){border:1px solid var(--catan-glass-edge);border-radius:var(--catan-glass-menu-radius);background:var(--catan-glass-opal),var(--catan-glass-background);box-shadow:var(--catan-glass-shadow)}.catan-island-context:empty{display:none}.catan-placement-controls,.catan-steal-panel{gap:12px;min-width:0;display:grid}.catan-placement-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.catan-placement-heading>div{flex:1;min-width:0}.catan-theme .catan-placement-heading h2{color:#f4eddc;overflow-wrap:anywhere;font-size:1rem}.catan-theme .catan-placement-heading p{color:#bdd0d8;overflow-wrap:anywhere;margin-top:4px;font-size:.8125rem;line-height:1.4}.catan-robber-preview>strong{align-items:center;gap:8px;font-size:.875rem;display:flex}.catan-world .catan-robber-preview{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);gap:8px;padding:12px;display:grid}.catan-robber-preview p{color:#c8d5ce;font-size:.8125rem;line-height:1.4}.catan-robber-preview>strong>svg{flex-shrink:0;width:22px;height:22px}.catan-world .catan-island-toolbar>.catan-screen-actions{background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;min-width:0;margin:0;padding:8px 0 0}.catan-theme .catan-world .catan-island-toolbar>.catan-screen-actions [data-slot=button]{border-radius:var(--catan-glass-button-radius);pointer-events:auto;min-height:44px;margin:0;padding:8px 12px;font-size:.875rem}.catan-theme .catan-island-toolbar>.catan-screen-actions .catan-end-turn{flex:1}.catan-island-toolbar>.catan-screen-actions:has(>button:only-child)>button{max-width:560px}.catan-menu-stage .catan-victim-choices{background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;display:grid}.catan-world .catan-victim-choice{text-align:left;width:100%;min-width:0;min-height:64px;color:var(--catan-glass-text);border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);align-items:center;gap:12px;padding:12px;display:flex}.catan-victim-avatar{background:var(--player-color);color:#0c2532;border-radius:12px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:grid}.catan-victim-copy{flex:1;gap:4px;min-width:0;display:grid}.catan-victim-copy strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.3}.catan-victim-copy small{color:#bbcfda;overflow-wrap:anywhere;font-size:.75rem}.catan-choice-check{opacity:0;color:#f6d589;flex:0 0 20px;width:20px;height:20px}.catan-world .catan-victim-choice[aria-pressed=true]{background:var(--catan-glass-selected);border-color:#f0cd7c;box-shadow:inset 0 0 0 1px #efcc7b66}.catan-victim-choice[aria-pressed=true] .catan-choice-check{opacity:1}.catan-theme .catan-world .catan-victim-choice:disabled{opacity:1;color:#c1d0d5;border-color:#bed4da26}@media (min-width:600px){.catan-menu-stage .catan-victim-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.catan-world .catan-menu-stage>.is-game-menu{z-index:110;width:min(560px,100% - 24px);height:min(72dvh,var(--catan-menu-height,calc(100% - 24px)));border:1px solid var(--catan-glass-edge);border-radius:var(--catan-glass-menu-radius);background:var(--catan-glass-opal),var(--catan-glass-background);min-height:0;max-height:calc(100% - 24px);box-shadow:var(--catan-glass-shadow);color:var(--catan-glass-text);position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.catan-menu-stage>.is-game-menu[data-state=active]{display:block}.catan-world .catan-menu-stage>.is-game-menu[data-state=active]{animation:.2s ease-out catan-glass-open}@keyframes catan-glass-open{0%{transform:translate(-50%)translateY(-2px)}to{transform:translate(-50%)}}.catan-menu-stage>.is-game-menu[data-state=inactive]{display:none}.catan-world .is-game-menu>.catan-screen{height:100%;min-height:0;padding:var(--catan-glass-space);background:0 0;flex-direction:column;gap:12px;display:flex}.is-game-menu>.catan-screen>.catan-screen-heading{flex:none;align-items:flex-start;gap:12px;min-height:44px;padding:0;display:flex}.catan-screen-title{flex:1;min-width:0}.catan-screen-title :is(h2,p){overflow-wrap:anywhere}.is-game-menu .catan-screen-heading h2{color:#faf4e8;font-size:1.125rem;line-height:1.3}.is-game-menu .catan-screen-heading>svg{color:#f1ce81;flex:0 0 28px;width:28px;height:28px;margin-top:8px}.is-game-menu .catan-screen-heading:has(>button[aria-label="Einen Schritt zurück"])>svg{display:none}.catan-world .is-game-menu .catan-screen-subtitle{color:var(--catan-glass-muted);margin-top:4px;font-size:.8125rem;line-height:1.4}.catan-theme .catan-world .is-game-menu .catan-screen-heading [data-slot=button]{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-inner);flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px}.catan-theme .catan-world .catan-menu-close{color:var(--catan-glass-text);margin:0;position:static}.catan-menu-close>svg{width:20px;height:20px}.is-game-menu>.catan-screen>.catan-screen-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5e8291 transparent;flex:1 1 0;gap:12px;min-height:0;padding:2px;overflow:auto}.catan-world .is-game-menu>.catan-screen>.catan-screen-actions{background:0 0;border:0;flex-wrap:wrap;flex:none;gap:8px;padding-top:8px}.catan-theme .catan-world :is(.is-game-menu,.catan-island-dock) .catan-screen-actions [data-slot=button]{border:1px solid var(--catan-glass-edge);background:rgba(12,48,63,var(--catan-glass-alpha));color:var(--catan-glass-text);box-shadow:none}.catan-theme .catan-world :is(.is-game-menu,.catan-island-dock) .catan-screen-actions :is(.catan-primary,.catan-end-turn){color:#1c2b31;box-shadow:none;background:#efd18a;border-color:#efd18a}.catan-theme .catan-world :is(.is-game-menu,.catan-island-dock) .catan-screen-actions [data-slot=button]:disabled{opacity:1;border-color:var(--catan-glass-inner-edge);color:#c1d0d5;background:var(--catan-glass-inner);box-shadow:none}.catan-theme .catan-world .is-game-menu .catan-screen-actions [data-slot=button]{border-radius:var(--catan-glass-button-radius);min-width:0;min-height:44px;margin:0;padding:8px 12px}.catan-play>.catan-status{border-radius:16px;gap:8px;min-height:60px;padding:8px 12px}.catan-theme .catan-status-main{gap:8px}.catan-status-main strong{font-size:.9375rem}.catan-status-copy>span{gap:8px}.catan-status-roll{width:auto;min-width:44px;height:44px}.catan-status-roll>svg{width:25px;height:25px}.catan-status .catan-dice{font-size:40px}.catan-theme .catan-status-points{font-size:1.125rem}.catan-status-points .catan-status-points-label{font-size:.625rem}.catan-play .catan-hand-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.catan-world .catan-hand-strip>.catan-hand-resource{border-radius:var(--catan-glass-button-radius);gap:4px 8px;min-height:60px;padding:12px 4px 8px}.catan-play .catan-hand-resource>svg{width:24px;height:24px}.catan-play .catan-hand-resource b{font-size:1.25rem}.catan-play .catan-hand-strip small{font-size:.6875rem}.catan-play>.catan-nav{z-index:120;width:min(560px,100%);padding-bottom:env(safe-area-inset-bottom);background:#0b2939;border:1px solid #3e697b66;border-radius:12px 12px 0 0;margin:0 auto;display:block;position:relative}.catan-nav-list{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;height:auto;padding:0 4px;display:grid}.catan-theme .catan-nav-tab{color:#bdd1dd;background:0 0;border:0;border-radius:8px;gap:4px;min-width:0;min-height:62px;padding:8px 2px;font-size:.6875rem;font-weight:500}.catan-nav-icon{width:34px;height:26px}.catan-nav-icon>svg{width:23px;height:23px}.catan-nav-tab:before{border-radius:3px;height:3px;top:auto;bottom:0}.catan-theme .catan-nav-tab:is([aria-expanded=true],[aria-pressed=true]){color:#f5d38c;background:#efd18a08}.catan-nav-tab:is([aria-expanded=true],[aria-pressed=true]):before{background:#edc366}.catan-nav-tab:is([aria-expanded=true],[aria-pressed=true]) .catan-nav-icon{background:0 0}.catan-world .is-game-menu .catan-build-list{gap:10px}.catan-world .is-game-menu .catan-build-choice{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);min-height:82px;box-shadow:none;align-items:center;gap:12px;padding:12px}.is-game-menu .catan-build-choice>svg{color:#f1ca72;flex:0 0 32px;width:32px;height:32px;margin:0}.is-game-menu .catan-build-choice>svg:last-child{flex-basis:18px;width:18px;height:18px}.is-game-menu .catan-build-choice>span{grid-template-columns:minmax(0,1fr);gap:4px}.is-game-menu .catan-build-choice strong{font-size:.9375rem}.is-game-menu .catan-build-choice .catan-cost{justify-content:flex-start;gap:8px;max-width:none}.is-game-menu .catan-build-choice .catan-cost svg{width:19px;height:19px}.is-game-menu .catan-build-choice .catan-cost b{color:#f2ece0;font-size:.8125rem;font-weight:500}.catan-world .is-game-menu .catan-build-choice small{color:var(--catan-glass-muted);font-size:.75rem;line-height:1.4}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true]{border-color:var(--catan-glass-inner-edge);color:#c1d0d5;background:var(--catan-glass-inner)}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true]>svg{color:#a8bcc2}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true] .catan-cost>span{color:#c1d0d5}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true] .catan-cost svg{opacity:1;filter:saturate(.75)}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true] .catan-cost b{color:#d6e0e1}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true] small{color:var(--catan-glass-muted)}.catan-world .is-game-menu .catan-build-choice .catan-cost b.is-missing{color:#ff5252;font-weight:750}.catan-world .is-game-menu .catan-build-choice[aria-pressed=true]{background:var(--catan-glass-selected);border-color:#f4ce7a;box-shadow:inset 0 0 0 1px #efc86f55}.catan-world .is-game-menu .catan-build-choice .is-unavailable{color:#ffd0ad;font-size:.75rem}.catan-world .is-game-menu .catan-build-choice[aria-disabled=true] .is-unavailable{color:#ffd0ad}.catan-trade-filters{flex-wrap:wrap;gap:5px;display:flex}.catan-theme .catan-world .catan-trade-filters button{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-inner);min-width:0;min-height:44px;color:var(--catan-glass-muted);flex:auto;padding:8px 12px;font-size:.75rem;font-weight:500}.catan-theme .catan-world .catan-trade-filters button[aria-pressed=true]{background:var(--catan-glass-selected);color:#fff0cb;border-color:#f1ce7a;font-weight:650}.catan-world .is-game-menu .catan-development-list{gap:10px}.catan-theme .catan-world .catan-menu-choice{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);width:100%;min-height:92px;color:var(--catan-glass-text);background:var(--catan-glass-inner);text-align:left;justify-content:flex-start;align-items:center;gap:12px;padding:12px;display:flex}.catan-theme .catan-menu-choice>svg:first-child{color:#f1cd79;flex:0 0 35px;width:35px;height:35px}.catan-menu-choice>svg:last-child{flex-basis:18px;width:18px;height:18px}.catan-menu-choice>span{flex:1;gap:4px;min-width:0;display:grid}.catan-menu-choice strong{font-size:.9375rem}.catan-world .catan-menu-choice small{color:var(--catan-glass-muted);font-size:.8125rem;font-weight:400;line-height:1.45}.catan-theme .catan-world .catan-menu-choice:is(:disabled,.is-unavailable){opacity:1;color:#c1d0d5;border-color:var(--catan-glass-inner-edge);background:var(--catan-glass-inner)}.catan-theme .catan-world .catan-menu-choice:is(:disabled,.is-unavailable)>svg:first-child{color:#a8bcc2}.catan-world .catan-menu-choice:is(:disabled,.is-unavailable) small{color:var(--catan-glass-muted)}.is-game-menu .catan-empty-state{gap:12px;min-height:100%;padding:12px 16px}.catan-card-illustration{color:#e7c572;background:radial-gradient(circle,#8db8bf1c 0,#0000 65%);flex:none;place-items:center;width:160px;height:160px;margin:6px auto 8px;display:grid;position:relative}.catan-card-illustration:before{content:"";border:1px solid #a1b5bb20;border-radius:50%;position:absolute;inset:4px;box-shadow:0 0 0 12px #a1b5bb06,0 0 0 24px #a1b5bb04}.catan-card-illustration-stack{color:#99b1bd;stroke-width:1px;fill:#11384b;filter:drop-shadow(0 6px 8px #0005);width:128px;height:128px;position:relative}.catan-card-illustration-compass{color:#e9c370;stroke-width:1.4px;width:32px;height:32px;position:absolute;top:80px;left:76px}.is-game-menu .catan-empty-state h3{font-size:1rem}.is-game-menu .catan-empty-state p{color:#bdced5;max-width:260px;font-size:.875rem}@media (hover:hover){.catan-theme .catan-nav-tab:hover{color:#ffe0a0;background:#efd18a0c}.catan-world .is-game-menu .catan-build-choice:not([aria-disabled=true]):not([aria-pressed=true]):hover,.catan-theme .catan-world .catan-menu-choice:not(:disabled):not(.is-unavailable):hover,.catan-theme .catan-world :is(.catan-victim-choice,.catan-person-choice,.catan-overview-link,.catan-development-choice,.catan-trade-filters button,.catan-resource-choices button,.catan-board-controls button,.catan-island-tools button):not(:disabled):not([aria-disabled=true]):not([aria-pressed=true]):hover{border-color:var(--catan-glass-edge);background:var(--catan-glass-hover)}.catan-theme .catan-world :is(.is-game-menu,.catan-island-dock) .catan-screen-actions [data-slot=button]:not(:disabled):hover{background:var(--catan-glass-hover)}.catan-theme .catan-world :is(.is-game-menu,.catan-island-dock) .catan-screen-actions :is(.catan-primary,.catan-end-turn):not(:disabled):hover{background:#ffe2a1}}.catan-world .is-game-menu :is(.catan-score-list,.catan-rule-list,.catan-activity-list,.catan-overview-links,.catan-resource-amounts){gap:10px}.catan-world .is-game-menu :is(.catan-person-choice,.catan-player-card,.catan-rule-section,.catan-activity-item,.catan-development-card,.catan-ambient-preference){border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);min-width:0}.is-game-menu :is(.catan-person-choice,.catan-player-card,.catan-menu-choice) strong{overflow-wrap:anywhere}.catan-theme .is-game-menu .catan-person-choice{gap:12px;min-height:64px;padding:12px}.is-game-menu .catan-exchange{grid-template-columns:minmax(0,1fr);gap:12px}.catan-world .is-game-menu .catan-exchange p{border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);border:1px solid var(--catan-glass-inner-edge);min-width:0;padding:12px}.catan-world .is-game-menu .catan-exchange p:last-child{background:#c0efc70f;border-color:#c0efc733}.is-game-menu .catan-exchange :is(span,strong){overflow-wrap:anywhere}.is-game-menu .catan-player-card summary{gap:8px;padding:12px}.catan-world .is-game-menu :is(.catan-overview-link,.catan-log-entry,.catan-trade-bag,.catan-activity-entry,.catan-setup-guide,.catan-map-vote,.catan-section,.catan-trade-preview){border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);padding:12px}.catan-world .is-game-menu .catan-player-card>div{border-top:0}.catan-world :is(.is-game-menu,.catan-island-context) :is(.catan-section,.catan-development-card,.catan-rule-section,.catan-activity-item,.catan-setup-guide,.catan-map-vote) :is(.catan-trade-preview,.catan-trade-bag,.catan-amount-controls,.catan-resource-hand>div){border:0;border-top:1px solid var(--catan-glass-inner-edge);box-shadow:none;background:0 0;border-radius:0}.catan-world .is-game-menu .catan-amount-controls{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);gap:8px;padding:12px}.catan-theme .catan-world .is-game-menu :is(.catan-stepper,.catan-pager,.catan-card-links,.catan-overview-exit) [data-slot=button]{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-inner);min-width:44px;min-height:44px;color:var(--catan-glass-text)}.catan-world .is-game-menu .catan-resource-choices>div{gap:8px}.catan-world .is-game-menu .catan-resource-choices button{border-color:var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner);color:var(--catan-glass-text)}.catan-world .is-game-menu .catan-resource-choices button>span{overflow-wrap:anywhere;max-width:100%}.catan-world .is-game-menu .catan-resource-choices button[aria-pressed=true]{background:var(--catan-glass-selected);color:#fff1ce;border-color:#efcb7d;box-shadow:inset 0 0 0 1px #efcb7d55}.catan-world .is-game-menu .catan-trade-result>div>span{border:1px solid #dbf7f524;border-radius:12px}.catan-world .is-game-menu .catan-trade-result .is-gain{background:rgba(58,113,80,var(--catan-glass-alpha))}.catan-world .is-game-menu .catan-trade-result .is-loss{background:rgba(137,86,53,var(--catan-glass-alpha))}.catan-world .is-game-menu .catan-inline-hint{color:var(--catan-glass-muted)}.catan-world .catan-island-context :is(.catan-setup-guide,.catan-map-vote,.catan-section){border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-inner-radius);background:var(--catan-glass-inner)}.catan-theme .catan-world .catan-guide-actions [data-slot=button]{border:1px solid var(--catan-glass-inner-edge);border-radius:var(--catan-glass-button-radius);background:var(--catan-glass-inner);color:var(--catan-glass-text)}.catan-theme .catan-resource-choices button[aria-pressed=true]:after{content:"✓";color:#f6d589;font-size:.875rem;position:absolute;top:4px;right:6px}.catan-resource-choices button{position:relative}@media (min-width:600px){.is-game-menu .catan-exchange{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.catan-world .catan-menu-stage:not([data-catan-short-stage=true])>.is-game-menu{height:auto;max-height:min(72dvh,var(--catan-menu-height,calc(100% - 24px)))}.catan-world .catan-menu-stage:not([data-catan-short-stage=true])>.is-game-menu[data-state=active]{flex-direction:column;display:flex}.catan-world .catan-menu-stage:not([data-catan-short-stage=true])>.is-game-menu>.catan-screen{flex:auto;height:auto}.catan-world .catan-menu-stage:not([data-catan-short-stage=true])>.is-game-menu>.catan-screen>.catan-screen-body{flex:0 auto}.catan-world .catan-menu-stage:not([data-catan-short-stage=true])>.is-game-menu .catan-empty-state{min-height:0}}body:has(.catan-play.is-board-expanded){overflow:hidden}.catan-play.is-board-expanded{z-index:40;width:100%;height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:#0a2938;gap:8px;display:flex;position:fixed;inset:0;overflow:hidden}.catan-play.is-board-expanded>.catan-status{min-height:54px;padding:4px 8px}.catan-play.is-board-expanded>.catan-hand-bar{background:0 0;border:0;width:100%;margin:0;padding:0;position:static;transform:none}.catan-theme .catan-play.is-board-expanded .catan-board-field-info{top:calc(var(--catan-hand-height,80px) + 16px)}@media (max-width:360px){.catan-play>.catan-status{gap:4px;padding-inline:8px}.catan-status-main strong{font-size:.8125rem}.catan-play .catan-hand-strip{gap:4px}.catan-play .catan-hand-strip>.catan-hand-resource{column-gap:4px}.catan-play .catan-hand-resource>svg{width:20px;height:20px}.catan-play .catan-hand-resource b{font-size:1.125rem}.catan-theme .catan-nav-tab{font-size:.625rem}.is-game-menu>.catan-screen{padding:12px}}@media (max-height:600px){.catan-play,.catan-play.is-board-expanded{gap:4px}.catan-play>.catan-status{min-height:48px;padding-block:2px}.catan-play .catan-hand-strip>.catan-hand-resource{min-height:46px;padding:8px 4px 4px}.catan-play .catan-hand-resource>svg{width:20px;height:20px}.catan-play .catan-hand-resource b{font-size:1.125rem}.catan-play .catan-hand-strip small{font-size:.625rem}.catan-theme .catan-nav-tab{min-height:48px;padding-block:4px}.is-game-menu>.catan-screen{gap:8px;padding:12px}.catan-card-illustration{width:110px;height:110px;margin:0 auto}.catan-card-illustration-stack{width:100px;height:100px}.catan-card-illustration-compass{width:27px;height:27px;top:56px;left:52px}.catan-island-dock.is-steal .catan-island-context{padding:8px}.catan-steal-panel{gap:4px}.catan-theme .catan-steal-panel .catan-placement-heading h2{font-size:.875rem}.catan-victim-choice{gap:8px;padding:8px}}@media (min-width:600px) and (max-height:450px){.catan-play .catan-status-points{align-items:center;gap:8px;display:flex}.catan-play .catan-hand-strip>.catan-hand-resource{grid-template-rows:auto;grid-template-columns:20px minmax(0,auto) minmax(0,1fr);column-gap:4px;padding:4px}.catan-play .catan-hand-resource>svg{grid-area:1/1}.catan-play .catan-hand-resource b{grid-area:1/2}.catan-play .catan-hand-resource small{grid-area:1/3}}.catan-menu-stage[data-catan-short-stage=true]>.is-game-menu{height:var(--catan-menu-height,100%)}.catan-menu-stage[data-catan-tiny-stage=true]>.is-game-menu>.catan-screen{overscroll-behavior:contain;overflow:auto}.catan-menu-stage[data-catan-tiny-stage=true]>.is-game-menu>.catan-screen>.catan-screen-body{flex:1 0 auto;min-height:44px;overflow:visible}.catan-world .catan-menu-stage[data-catan-tiny-stage=true]>.is-game-menu>.catan-screen{scroll-padding-block:8px}.catan-construction-effects,.catan-construction-effect,.catan-building-structure{pointer-events:none}.catan-construction-foundation{fill:#d8bd83;stroke:#f7dfb2;stroke-width:.75px}.catan-construction-dust{fill:#dfcc9d}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-loss{color:#ffd0b7;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#50332c;border-radius:4px;min-width:1.4em;padding:1px 3px;font:800 .6875rem/1 Arial,Helvetica,sans-serif;position:absolute;top:2px;left:2px}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-loss[hidden]{display:none}.catan-hand-feedback{pointer-events:none;justify-content:flex-end;gap:2px;display:flex;position:absolute;top:2px;left:2px;right:2px}.catan-hand-feedback:has(.catan-hand-loss:not([hidden])){justify-content:space-between}:is(.catan-hand-bar,.catan-hand-total) .catan-hand-feedback :is(.catan-hand-gain,.catan-hand-loss){min-width:0;max-width:none;padding:1px 2px;position:static}.catan-hand-total .catan-hand-feedback{gap:3px;top:calc(100% + 2px);left:auto;right:0}.catan-hand-strip>.catan-hand-resource.is-losing:not(.is-gaining){border-color:#956b59}.catan-ambient-preference{cursor:pointer;background:#132730;border:1px solid #3d5762;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.catan-ambient-preference span{gap:3px;display:grid}.catan-ambient-preference small{color:#aabfc6;font-size:.8rem}.catan-ambient-preference input{accent-color:#efd18a;flex-shrink:0;width:20px;height:20px}@media (max-width:420px){:is(.catan-hand-bar,.catan-hand-total) .catan-hand-feedback :is(.catan-hand-gain,.catan-hand-loss){font-size:.625rem}}.catan-event-notice{bottom:calc(78px + env(safe-area-inset-bottom));z-index:85;perspective:800px;pointer-events:none;-webkit-user-select:none;user-select:none;width:min(360px,100vw - 24px);position:fixed;left:50%;transform:translate(-50%)}.catan-event-notice[hidden]{display:none}.catan-event-card-inner{transform-style:preserve-3d;position:relative}.catan-event-card-front,.catan-event-card-back{border:1px solid var(--catan-event-player,#d6c39e);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,#29413ded,#142d32f5);border-radius:13px;box-shadow:0 8px 24px #0006}.catan-event-card-front{border-left-width:4px;align-items:center;gap:12px;padding:14px;display:flex}.catan-event-card-back{background:repeating-linear-gradient(45deg,#253d39,#253d39 8px,#2b433e 8px 16px);place-items:center;display:grid;position:absolute;inset:0;transform:rotateY(180deg)}.catan-event-card-back>svg{color:#f1d895;width:46px;height:46px}.catan-event-icon{width:35px;height:42px;color:var(--catan-event-player,#e8d6aa);flex:0 0 35px;place-items:center;display:grid}.catan-event-icon>svg{width:30px;height:30px}.catan-event-road,.catan-event-trophy,.catan-event-notice.is-longestRoad .catan-event-shield{display:none}.catan-event-notice.is-longestRoad .catan-event-road{display:block}.catan-event-notice.is-largestArmy .catan-event-shield{display:none}.catan-event-notice.is-largestArmy .catan-event-trophy{display:block}.catan-event-copy{color:#e8e8d8;overflow-wrap:anywhere;gap:5px;min-width:0;font:14px/1.35 Arial,Helvetica,sans-serif;display:grid}.catan-event-copy>strong{color:#fae5b4;font-size:17px}.catan-event-copy>small{color:#becfc5;font-size:11px}.catan-event-copy>small:first-child{letter-spacing:.07em;text-transform:uppercase}.catan-event-notice.is-card.is-entering .catan-event-card-inner{animation:.45s ease-out both catan-development-reveal}.catan-event-notice.is-award.is-entering .catan-event-card-inner{animation:.25s ease-out both catan-award-arrival}@keyframes catan-development-reveal{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes catan-award-arrival{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.catan-event-notice[data-motion=still] .catan-event-card-inner{animation:none!important}.catan-play.is-board-expanded>.catan-event-notice{z-index:5;position:absolute;bottom:132px}@media (max-width:420px){.catan-event-card-front{gap:8px;padding:11px}.catan-event-copy{font-size:12px}.catan-event-copy>strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.catan-event-notice .catan-event-card-inner{animation:none!important}}.catan-roll-field{stroke:#ffedaa;stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #ffe49a99)}.catan-roll-field.is-blocked{stroke:#e2af9b;stroke-dasharray:5 4}.catan-roll-blocked{fill:#fff0cb;stroke:#342b2a;stroke-width:2.5px;paint-order:stroke;font:700 10px Georgia,serif}.catan-number-label.is-roll-hit{stroke-width:2px}.catan-building-preview{opacity:.5;pointer-events:none}.catan-harbor.is-newly-opened .catan-harbor-label{filter:drop-shadow(0 0 4px #fff0a9)}.catan-road-award-glow{stroke:#fff0b7;stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 3px #fff0b7)}.catan-robber-dust{pointer-events:none}.catan-harbor-mooring{animation:catan-harbor-mooring var(--catan-boat-period,6.5s) ease-in-out infinite;animation-delay:var(--catan-boat-delay,0s);animation-play-state:paused}.catan-board[data-catan-ambient-active=true][data-catan-water-enabled=true] .catan-harbor-mooring{animation-play-state:running}@keyframes catan-harbor-mooring{0%,to{d:var(--catan-mooring-from)}50%{d:var(--catan-mooring-to)}}@media (prefers-reduced-motion:reduce){.catan-roll-field,.catan-number-label.is-roll-hit,.catan-road-award-glow{filter:none}.catan-harbor-mooring{animation:none!important;transform:none!important}}@media (hover:none) and (pointer:coarse){.catan-roll-field,.catan-number-label.is-roll-hit,.catan-road-award-glow,.catan-harbor.is-newly-opened .catan-harbor-label{filter:none}}.catan-ambient-island,.catan-ambient-island *{pointer-events:none}.catan-ambient-standing-sheep.is-blocked{filter:saturate(.82)brightness(.92)}.catan-ambient-gull{filter:drop-shadow(0 1px 1px #0e2838b3)}.catan-ambient-forest_bird{filter:brightness(1.25)drop-shadow(0 1px 1px #102b3299)}.catan-ambient-dolphin{filter:brightness(1.2)drop-shadow(0 1px 1px #b8dfdf66)}.catan-ambient-wildlife{filter:drop-shadow(0 .7px .6px #211b1940)}.catan-ambient-pedestrian{filter:brightness(1.15)contrast(1.08)drop-shadow(0 .6px .5px #142924b3)drop-shadow(0 0 .45px #eee3bf99)}.catan-ambient-pose{opacity:1;animation:.85s step-end infinite catan-ambient-first-pose}.catan-ambient-pose.is-secondary{opacity:0;animation-name:catan-ambient-second-pose}.catan-ambient-sprite.is-static .catan-ambient-pose{animation:none}.catan-ambient-butterfly .catan-ambient-pose{animation-duration:.24s}.catan-ambient-forest_bird .catan-ambient-pose{animation-duration:.55s}.catan-ambient-pedestrian .catan-ambient-pose{animation-duration:.64s}.is-resting .catan-ambient-pedestrian .catan-ambient-pose{opacity:1;animation:none}.is-resting .catan-ambient-pedestrian .catan-ambient-pose.is-secondary{opacity:0}.catan-ambient-sheep .catan-ambient-pose{animation-duration:1.6s}.catan-ambient-wildlife .catan-ambient-pose{animation-duration:.9s}.catan-ambient-fox .catan-ambient-pose,.catan-ambient-boar .catan-ambient-pose,.catan-ambient-hare .catan-ambient-pose,.catan-ambient-squirrel .catan-ambient-pose{animation-duration:.7s}.catan-ambient-field_mouse .catan-ambient-pose{animation-duration:.55s}.catan-ambient-hedgehog .catan-ambient-pose,.catan-ambient-toad .catan-ambient-pose,.catan-ambient-newt .catan-ambient-pose,.catan-ambient-salamander .catan-ambient-pose{animation-duration:1.2s}.is-settling .catan-ambient-sheep .catan-ambient-pose{opacity:1;animation:none}.is-settling .catan-ambient-sheep .catan-ambient-pose.is-secondary{opacity:0}.catan-ambient-dolphin .catan-ambient-pose{animation:catan-ambient-swim var(--ambient-scene-duration,5.5s) linear both}.catan-ambient-dolphin .catan-ambient-pose.is-secondary{animation-name:catan-ambient-jump}.catan-ambient-wind-patch{animation:2.8s ease-in-out infinite catan-ambient-breeze;animation-delay:var(--ambient-wind-delay,0s);transform-origin:0 40px}.catan-ambient-wind-patch.on-grain{animation-name:catan-ambient-grain-breeze}.catan-ambient-smoke-puff{fill:#dddacf;opacity:0;animation:3s ease-out both catan-ambient-smoke}.catan-ambient-water-ring{fill:none;stroke:#d4e0da;stroke-width:.85px;opacity:0;animation:1.8s ease-out both catan-ambient-ring}.catan-ambient-boat{transform-box:view-box;transform-origin:0 0;animation:catan-ambient-boat var(--catan-boat-period,6.5s) ease-in-out infinite;animation-delay:var(--catan-boat-delay,0s);animation-play-state:paused}.catan-board[data-catan-ambient-active=true][data-catan-water-enabled=true] .catan-ambient-boat{animation-play-state:running}.catan-board[data-catan-water-enabled=false] .catan-ambient-water-ring{animation:none;display:none}.catan-board[data-catan-water-enabled=false] .catan-ambient-sailboat-wake{display:none}.catan-board[data-catan-ambient-active=false] .catan-ambient-island *{animation-play-state:paused}.catan-board[data-catan-atmosphere-active=false] .catan-atmosphere{visibility:hidden}.catan-atmosphere-cloud-size{--catan-cloud-min:90;--catan-cloud-max:220;--catan-cloud-scale:var(--catan-camera-scale,var(--catan-atmosphere-fallback-scale,1));transform:scale(calc(clamp(var(--catan-cloud-min) / var(--catan-cloud-scale),var(--catan-cloud-width),var(--catan-cloud-max) / var(--catan-cloud-scale)) / 100))}.catan-atmosphere-surf-line{fill:none;stroke:#e3ede0;stroke-width:1.4px;stroke-linecap:round}.catan-atmosphere-surf-line.is-secondary{stroke-width:.7px;opacity:.45}.catan-ambient-sailboat-wake{fill:none;stroke:#d4e7dd;stroke-width:1.3px;stroke-linecap:round}@media (max-width:639px){.is-desktop-cloud,.is-desktop-flock-bird,.is-desktop-wind-patch{display:none}.catan-atmosphere-cloud-size{--catan-cloud-min:90;--catan-cloud-max:140}}@keyframes catan-ambient-first-pose{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes catan-ambient-second-pose{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes catan-ambient-swim{0%,23%,79%,to{opacity:1}32%,68%{opacity:0}}@keyframes catan-ambient-jump{0%,23%,79%,to{opacity:0}32%,68%{opacity:1}}@keyframes catan-ambient-breeze{0%,to{transform:translate(0)skew(0)}50%{transform:translate(calc(.8px * var(--ambient-wind-direction,1)),-.2px) skewX(calc(.7deg * var(--ambient-wind-direction,1)))}}@keyframes catan-ambient-grain-breeze{0%,to{transform:translate(0)skew(0)}50%{transform:translate(calc(1px * var(--ambient-wind-direction,1)),-.25px) skewX(calc(.9deg * var(--ambient-wind-direction,1)))}}@keyframes catan-ambient-smoke{0%{opacity:0;transform:translate(0)scale(.65)}20%{opacity:.38}70%{opacity:.2}to{opacity:0;transform:translate(6px,-19px)scale(2.2)}}@keyframes catan-ambient-ring{0%{opacity:0;transform:scale(.5)}15%{opacity:.55}to{opacity:0;transform:scale(1.85)}}@keyframes catan-ambient-boat{0%,to{transform:translateY(-1.5px)rotate(-5deg)}50%{transform:translateY(2.5px)rotate(5deg)}}@media (prefers-reduced-motion:reduce){.catan-atmosphere{display:none}.catan-ambient-island *,.catan-ambient-boat{animation:none!important}.catan-ambient-boat{transform:none!important}.catan-ambient-pose.is-secondary{display:none}}@media (hover:none) and (pointer:coarse){.catan-ambient-island *{filter:none}}