:root{font-family:DM Sans,system-ui,sans-serif;color:#183e43;background:#f7f2e8;font-synthesis:none;--ink: #183e43;--teal: #13756f;--teal-dark: #0d554f;--cream: #f8f3e9;--paper: #fffdf7;--coral: #e7614f;--gold: #e8ab39;--line: #dfd8c9;--shadow: 0 22px 70px rgba(14, 61, 65, .14);--catan-red: #b9362b;--catan-red-dark: #7f251f;--catan-gold: #efb83f;--catan-gold-light: #f8d77a;--catan-green: #3f6841;--catan-parchment: #f4dfae}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}.app-mark{display:flex;align-items:center;gap:9px;font-family:Fraunces,serif;color:#4e2c1d;white-space:nowrap}.katan-crest{position:relative;width:42px;height:44px;display:grid;place-items:center;overflow:hidden;color:#fff3c4;background:linear-gradient(155deg,var(--catan-red) 0 48%,var(--catan-green) 49% 100%);clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);filter:drop-shadow(0 4px 5px rgba(86,45,23,.24))}.katan-crest:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:inherit;border:2px solid var(--catan-gold)}.katan-crest>span{position:absolute;width:16px;height:16px;right:6px;top:5px;border-radius:50%;background:var(--catan-gold);box-shadow:0 0 0 4px #f8d77a2e}.katan-crest svg{position:relative;z-index:1;width:25px;height:25px;margin-top:8px;fill:#4c633747;stroke-width:2.4}.katan-wordmark{color:var(--catan-gold);font-size:25px;font-weight:700;line-height:1;letter-spacing:-.04em;-webkit-text-stroke:1px var(--catan-red-dark);paint-order:stroke fill;text-shadow:1.5px 2px 0 #6e281e,0 3px 8px rgba(75,43,25,.2)}.app-mark.small .katan-crest{width:35px;height:37px}.app-mark.small .katan-crest>span{width:13px;height:13px}.app-mark.small .katan-crest svg{width:21px;height:21px}.app-mark.small .katan-wordmark{font-size:21px}.button{min-height:44px;border-radius:11px;border:0;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.button:not(:disabled):active{transform:translateY(1px)}.button svg{width:18px}.button.primary{color:#fff;background:var(--teal);box-shadow:0 7px 18px #13756f33}.button.primary:hover{background:var(--teal-dark)}.button.secondary{color:var(--teal);background:#e9f3ef}.button.ghost{color:#50656a;background:#f1eee6}.button.small{min-height:34px;padding:0 12px;font-size:12px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:#f0eee7}.icon-button svg{width:19px}.landing{--teal: var(--catan-red);--teal-dark: var(--catan-red-dark);--ink: #4d2e1e;min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 8% 6%,#fff9e9 0,#faedca 42%,#efd59a)}.landing:before{content:"";position:absolute;inset:auto 0 0;height:110px;opacity:.22;background:repeating-radial-gradient(ellipse at 30% 100%,transparent 0 18px,#b55e35 19px 21px,transparent 22px 38px)}.landing-nav{height:84px;max-width:1240px;padding:0 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.landing-nav>div{display:flex;gap:8px}.nav-link{border:0;background:transparent;padding:10px 12px;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#536c70}.nav-link svg{width:17px}.landing-grid{min-height:calc(100vh - 124px);max-width:1180px;margin:0 auto;padding:46px 30px 110px;display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:88px;align-items:center;position:relative;z-index:1}.landing-grid>*{min-width:0}.hero-copy{padding-bottom:26px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--catan-red-dark);background:var(--catan-gold-light);border:1px solid rgba(159,95,29,.16);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.eyebrow svg{width:15px}.hero-copy h1{font-family:Fraunces,serif;color:#52301d;font-size:clamp(52px,5vw,76px);line-height:.98;letter-spacing:-.04em;margin:27px 0 24px;text-shadow:0 2px #fff2d2}.hero-copy h1 em{color:var(--catan-red);font-style:normal}.hero-copy>p{color:#765b45;font-size:18px;line-height:1.65;max-width:575px;margin:0}.hero-notes{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;color:#624934;font-weight:600;font-size:13px}.hero-notes span{display:flex;align-items:center;gap:8px}.hero-notes svg{width:18px;color:var(--catan-green)}.landing-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-one{width:330px;height:330px;left:-190px;top:35%;border:70px solid rgba(185,54,43,.08)}.orb-two{width:400px;height:400px;right:-160px;top:-150px;background:#3f684114}.setup-card{border:1px solid rgba(180,125,54,.48);background:#fff9e7f0;box-shadow:0 22px 70px #67381a29;border-radius:24px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.setup-tabs{height:60px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:0 24px}.setup-tabs button{position:relative;border:0;background:transparent;color:#7a8787;font-size:13px;font-weight:700}.setup-tabs button.active{color:var(--teal)}.setup-tabs button.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--teal);border-radius:3px 3px 0 0}.setup-body{padding:25px 28px 28px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#3a5558;font-size:12px;font-weight:700}.field>span{display:flex;align-items:center;gap:6px}.field>span svg{width:15px}.field input,.field select,.target-select select{height:44px;border:1px solid #d9d5ca;border-radius:10px;background:#fffefa;padding:0 13px;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.target-select select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #13756f1a}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.variant-card{border:1px solid #ddd8cd;border-radius:13px;padding:0;overflow:hidden;background:#fff;text-align:left}.variant-card,.variant-card>div,.variant-card>div>div{min-width:0}.variant-card.selected{border:2px solid var(--teal);box-shadow:0 0 0 3px #13756f14}.variant-art{height:73px;padding:11px;color:#fff5d7;display:flex;justify-content:space-between;align-items:end;background:linear-gradient(135deg,#a9352b,#db813d)}.variant-art.seafarers{background:linear-gradient(135deg,#287b8c,#5ab2b5)}.variant-art svg{width:40px;height:40px;opacity:.94}.variant-art span{font-size:8px;letter-spacing:.09em;font-weight:700;align-self:start}.variant-card>div:last-child{min-height:61px;display:flex;align-items:center;gap:9px;padding:10px}.radio-dot{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #c9c8bf;border-radius:50%}.selected .radio-dot{color:#fff;background:var(--teal);border-color:var(--teal)}.radio-dot svg{width:11px}.variant-card strong,.variant-card small{display:block}.variant-card strong{font-size:13px}.variant-card small{font-size:9px;margin-top:3px;color:#819092}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.victory-field>div{height:44px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #d9d5ca;border-radius:10px;background:#fffefa}.victory-field button{height:100%;border:0;background:transparent;font-size:18px}.victory-field strong{text-align:center;font-size:16px}.private-toggle{min-height:50px;padding:0 5px;display:flex;justify-content:space-between;align-items:center;color:#4c6366;font-size:12px;font-weight:700}.private-toggle>span{display:grid;grid-template-columns:18px auto;align-items:center;column-gap:8px}.private-toggle svg{width:16px;grid-row:1 / 3}.private-toggle small{display:block;color:#97a0a0;font-weight:500;margin-top:2px}.private-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:23px;border-radius:15px;background:#d8d8d3;padding:3px;transition:background .2s}.private-toggle input:before{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s}.private-toggle input:checked{background:var(--teal)}.private-toggle input:checked:before{transform:translate(17px)}.launch{width:100%;height:50px;margin-top:10px}.code-input{font-size:24px;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase}.open-rooms{margin-top:24px;border-top:1px solid var(--line);padding-top:17px}.open-rooms>div{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;font-size:12px;font-weight:700}.open-rooms>div small{color:#8a9696;font-weight:500}.open-rooms>button{width:100%;border:0;border-radius:10px;background:transparent;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;padding:9px;text-align:left}.open-rooms>button:hover{background:#f3f1ea}.open-rooms button>span:nth-child(2){display:flex;flex-direction:column}.open-rooms button small{color:#8a9696;margin-top:3px}.room-variant{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;background:#bd754e}.room-variant.seafarers{background:#398a95}.room-variant svg{width:19px}.landing-footer{position:absolute;bottom:20px;width:100%;text-align:center;font-size:11px;color:#849291}.lobby{min-height:100vh;background:radial-gradient(circle at 50% 0,#fffdf7,#edf4ef);padding-bottom:50px}.game-nav{height:68px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid rgba(213,210,199,.7);background:#fffdf7bf}.game-nav>span{padding-left:20px;border-left:1px solid #ddd8cd;font-size:12px;color:#829091}.lobby-card{width:min(720px,calc(100% - 32px));margin:42px auto;border-radius:24px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow);border:1px solid #ded8cc}.lobby-banner{height:180px;padding:30px 38px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(125deg,#a9593f,#db9451)}.lobby-banner.seafarers{background:linear-gradient(125deg,#176778,#4ca6a8)}.lobby-banner>svg{width:110px;height:110px;opacity:.6}.lobby-banner span{font-size:10px;font-weight:700;letter-spacing:.13em}.lobby-banner h1{margin:8px 0;font:700 31px/1.1 Fraunces,serif}.lobby-banner p{margin:0;display:flex;align-items:center;gap:7px;font-size:12px}.lobby-banner p svg{width:15px}.lobby-content{padding:27px 36px 32px}.invite-block{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:13px 16px 13px 20px;border:1px dashed #c8c7bb;background:#f4f2eb;border-radius:13px}.invite-block>div{display:flex;flex-direction:column;gap:3px}.invite-block span{color:#899494;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.invite-block strong{font-size:25px;letter-spacing:.15em;color:var(--teal)}.seat-heading{margin:25px 2px 12px;display:flex;align-items:center;justify-content:space-between}.seat-heading h2{margin:0;font:700 18px Fraunces,serif}.seat-heading p{margin:3px 0 0;color:#8a9696;font-size:11px}.seat-heading>span{color:var(--teal);background:#e4f1ed;padding:5px 9px;border-radius:12px;font-size:11px;font-weight:700}.seat-list{display:flex;flex-direction:column;gap:8px}.seat{min-height:57px;padding:8px 13px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;border:1px solid #e4dfd5;border-radius:11px;background:#fff}.seat>div{display:flex;flex-direction:column}.seat strong{font-size:13px}.seat small{color:#8a9696;font-size:10px;margin-top:3px}.seat.empty{border-style:dashed;background:transparent;color:#94a09f}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#b8beb9;font-size:13px;font-weight:800;text-transform:uppercase;box-shadow:inset 0 -3px #00000014}.avatar svg{width:16px}.avatar.coral,.turn-avatar.coral{background:#e7614f}.avatar.teal,.turn-avatar.teal{background:#147d7b}.avatar.gold,.turn-avatar.gold{background:#e5a42c}.avatar.violet,.turn-avatar.violet{background:#7457a8}.avatar.sky,.turn-avatar.sky{background:#3a8cc1}.avatar.rose,.turn-avatar.rose{background:#c84f7c}.host-crown{width:20px;color:var(--gold)}.seat-status{display:flex;align-items:center;justify-content:flex-end}.kick-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;color:#a64b40;background:#fbe9e4;opacity:.7;transition:opacity .15s,background .15s}.kick-button:hover{opacity:1;background:#f8d8d0}.kick-button svg{width:16px}.remove-seat-button{width:34px;height:34px;display:grid;place-items:center;border:1px dashed #d1c8bc;border-radius:9px;color:#8c7772;background:transparent;transition:color .15s,border-color .15s,background .15s}.remove-seat-button:hover{color:#a64b40;border-color:#d79c91;background:#fbe9e4}.remove-seat-button svg{width:15px}.ready-pill{display:flex;align-items:center;gap:4px;color:var(--teal);background:#e4f2ed;border-radius:12px;padding:5px 9px;font-size:9px;font-weight:700;text-transform:uppercase}.ready-pill svg{width:11px}.waiting-pip{width:7px;height:7px;margin-right:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px #e5a42c26}.lobby-actions{margin-top:23px;text-align:center}.lobby-actions .button{width:100%;height:49px}.lobby-actions p{margin:10px 0 0;font-size:10px;color:#909a99}.leave-link{margin:13px auto 0;padding:5px 8px;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#8b7775;font-size:10px;font-weight:700}.leave-link:hover{color:#b3483d}.leave-link svg{width:14px}.scenario-list{display:flex;flex-direction:column;gap:6px}.scenario-option{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:9px 11px;border:1px solid #ddd8cd;border-radius:12px;background:#fff;text-align:left}.scenario-option.selected{border:2px solid var(--teal);padding:8px 10px;box-shadow:0 0 0 3px #13756f14}.scenario-option strong{display:block;font-size:13px;color:#3d2a1c}.scenario-option small{display:block;margin-top:2px;color:#7c6f60;font-size:11.5px;font-weight:500;line-height:1.35}.scenario-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,#287b8c,#5ab2b5)}.scenario-icon svg{width:19px}.lobby-banner .lobby-scenario{margin-top:6px;max-width:420px;font-size:13px;opacity:.92;line-height:1.4}.setup-tabs{grid-template-columns:repeat(3,1fr);padding:0 14px}.variant-art span{font-size:10px}.variant-card small{font-size:11px}.segmented{height:44px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid #d9d5ca;border-radius:10px;background:#fffefa}.segmented button{border:0;border-radius:7px;background:transparent;font-weight:700;font-size:14px;color:#6b5a4b}.segmented button.active{color:#fff;background:var(--teal)}.seat small,.seat-heading p,.lobby-actions p,.leave-link{font-size:12px}.ready-pill{font-size:11px}.add-bot-button{height:34px;margin-right:6px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #cfe1da;border-radius:9px;color:var(--teal);background:#eef6f2;font-size:12px;font-weight:700}.add-bot-button:hover{background:#e0efe9}.add-bot-button svg{width:15px}.seat.empty{grid-template-columns:40px 1fr auto auto}.game{--wood-dark: #2e1e18;--wood: #4b2f24;--panel: #fffaf0;--panel-line: #e6dcc8;height:100vh;height:100dvh;min-height:560px;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);overflow:hidden;background:var(--wood-dark);color:var(--ink)}.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:var(--panel);border-bottom:1px solid var(--panel-line);z-index:20}.header-left,.header-right{display:flex;align-items:center;gap:8px;min-width:0}.game-header .katan-wordmark{font-family:Fraunces,serif;font-size:22px}.room-code-button{display:flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid #e1d9c8;border-radius:16px;background:#f6f0e2;color:#6d6253;font-size:12px;font-weight:700;letter-spacing:.04em}.room-code-button svg{width:14px}.bank-pill{margin-left:auto;display:flex;align-items:center;gap:3px;color:#9a8b74;font-size:10px;font-weight:800;letter-spacing:.05em}.bank-pill i{min-width:20px;height:18px;display:grid;place-items:center;padding:0 3px;border-radius:5px;color:#fff;font-style:normal;font-size:10px;letter-spacing:0}.panel-toolbar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--panel-line)}.panel-toolbar .katan-wordmark{font-family:Fraunces,serif;font-size:20px}.panel-toolbar .room-code-button{height:28px;padding:0 9px;font-size:11px}.toolbar-spacer{flex:1}.panel-toolbar .icon-button{width:32px;height:32px;border-radius:9px;background:#f3ecdc;color:#5d4b3a}.panel-toolbar .icon-button svg{width:16px}.panel-toolbar .icon-button:hover{background:#ebe1cb}.panel-toolbar .icon-button.leave{color:#a24a3f;background:#fbe9e4}.game-header .icon-button{width:36px;height:36px;background:#f3ecdc;color:#5d4b3a}.game-header .icon-button:hover{background:#ebe1cb}.game-header .icon-button.leave{color:#a24a3f;background:#fbe9e4}.mobile-only{display:none!important}.table{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px}.board-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(242,170,91,.22),transparent 60%),repeating-linear-gradient(2deg,transparent 0 43px,rgba(67,29,15,.12) 44px 46px,transparent 47px 88px),linear-gradient(100deg,#754022,#a86435 38%,#8d4b28 70%,#6d381f)}.turn-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:15;max-width:calc(100% - 24px);min-width:300px;display:flex;align-items:center;gap:12px;padding:9px 12px 9px 9px;background:#fffaf0f7;border:2px solid transparent;border-radius:16px;box-shadow:0 10px 28px #2812084d}.turn-banner>div{display:flex;flex-direction:column;min-width:0}.turn-banner strong,.turn-banner small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-banner strong{font-size:16px;line-height:1.25}.turn-banner small{margin-top:2px;color:#7a6f60;font-size:13px}.turn-banner.you{border-color:var(--teal)}.turn-banner.you strong{color:#0d4f4a}.turn-banner.alert{border-color:var(--coral);animation:nudge 1.6s ease-in-out infinite}.turn-banner.wait strong{color:#4d4337}.turn-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:800;font-size:16px;background:#a59d8f;box-shadow:inset 0 -3px #00000026}.turn-avatar svg{width:18px}.banner-cancel{margin-left:4px;height:32px;padding:0 12px;border:1px solid #e0d6c3;border-radius:9px;background:#f6efe1;font-size:13px;font-weight:700;color:#6d5d4a}@keyframes nudge{0%,to{box-shadow:0 10px 28px #2812084d}50%{box-shadow:0 10px 28px #2812084d,0 0 0 6px #e7614f40}}.board-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:76px 6px 6px;overflow:visible;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.board.panning{cursor:grabbing}.tile{transition:filter .25s}.tile-art{pointer-events:none}.tile.dimmed{filter:brightness(.55) saturate(.7)}.tile.is-target{cursor:pointer}.tile.is-target:hover{filter:brightness(1.12)}.tile-glow{fill:none;stroke:#fff6c8;stroke-width:0;pointer-events:none}.tile.producing .tile-glow{animation:produce 2.9s ease-out}.tile.producing .number-token{animation:token-pop 2.9s ease-out;transform-box:fill-box;transform-origin:center}@keyframes produce{0%{stroke-width:0;fill:#fff0aa00}10%,65%{stroke-width:8;stroke:#ffe680;fill:#fff0aa66}to{stroke-width:0;fill:#fff0aa00}}@keyframes token-pop{0%,to{transform:scale(1)}15%{transform:scale(1.35)}40%{transform:scale(1.1)}}.token-ghost{opacity:0;pointer-events:none;transition:opacity .15s}.tile.is-target .tile-glow{stroke:#ffffffb3;stroke-width:3;stroke-dasharray:8 6;animation:march 1.2s linear infinite}.tile.is-target:hover .token-ghost{opacity:.75}@keyframes march{to{stroke-dashoffset:-28}}.number-token .token-number{fill:#26221c;font:800 19px Fraunces,Georgia,serif}.number-token .token-pips circle{fill:#26221c}.number-token.n-6 .token-number,.number-token.n-8 .token-number{fill:#b3311f}.number-token.n-6 .token-pips circle,.number-token.n-8 .token-pips circle{fill:#b3311f}.board-token,.ports{pointer-events:none}.pier{stroke:#7a5130;stroke-width:7px;stroke-linecap:round}.pier-planks{stroke:#c08a55;stroke-width:5px;stroke-dasharray:2.6 1.2}.port-wake{fill:#e9f7fc;opacity:.35}.port-hull{fill:#6b3f1f;stroke:#3f230f;stroke-width:1.2;stroke-linejoin:round}.port-hull-band{stroke:#c9965c;stroke-width:1}.port-mast{stroke:#3f230f;stroke-width:2}.port-sail{fill:#fbf3df;stroke:#8a6239;stroke-width:1}.port-flag{stroke:#3f230f;stroke-width:.5}.port .port-ratio{fill:#fff3d6;font:800 8.5px DM Sans,sans-serif;letter-spacing:.02em}.port .port-any{fill:#fffaf0;font:800 11px DM Sans,sans-serif}.edge-hit{stroke:transparent;stroke-linecap:butt}.edge.interactive{cursor:pointer}.edge-option{stroke:#ffd34d;stroke-width:8px;stroke-linecap:round;animation:pulse-line 1.1s ease-in-out infinite;pointer-events:none}.edge-option-under{stroke:#2814068c;stroke-width:13px;stroke-linecap:round;pointer-events:none}.edge.interactive:hover .edge-option-under{opacity:0}.edge-option.movable{stroke:#ffe28a;stroke-width:9px;stroke-dasharray:none;opacity:.8}@keyframes pulse-line{50%{stroke:#fff4c4}}.ghost-piece{opacity:0;pointer-events:none;transition:opacity .12s}.edge.interactive:hover .ghost-piece,.edge.interactive:focus-visible .ghost-piece{opacity:.9}.edge.interactive:hover .edge-option{opacity:0}.edge.ship-source .piece{filter:drop-shadow(0 0 6px #ffe28a)}.vertex.interactive{cursor:pointer}.vertex-hit{fill:transparent}.vertex-option{fill:#ffd34dbf;stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.5));animation:pulse-dot 1.1s ease-in-out infinite;transform-box:fill-box;transform-origin:center;pointer-events:none}@keyframes pulse-dot{50%{transform:scale(.75);fill:#ffd34d59}}.vertex.interactive:hover .vertex-option{opacity:0}.vertex.interactive:hover .ghost-piece,.vertex.interactive:focus-visible .ghost-piece{opacity:.92}.vertex.setup-anchor .piece{filter:drop-shadow(0 0 6px white)}.fresh .piece-inner{animation:drop-in .55s cubic-bezier(.2,1.6,.4,1);transform-box:fill-box;transform-origin:center}@keyframes drop-in{0%{transform:translateY(-26px) scale(1.4);opacity:0}60%{opacity:1}to{transform:none}}.fog-mark{fill:#fff;opacity:.55;font:700 30px Fraunces,serif;pointer-events:none}.tile.revealed .tile-art,.tile.revealed .number-token{animation:reveal .9s cubic-bezier(.2,1.3,.4,1);transform-box:fill-box;transform-origin:center}@keyframes reveal{0%{transform:scale(.3) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}.island-pennants{pointer-events:none}.pennant line{stroke:#4a2c14;stroke-width:1.6}.pennant path{fill:#f1c75b;stroke:#8a5f08;stroke-width:.8}.pennant text{fill:#3a2510;font:800 7px DM Sans,sans-serif}.spot-yield rect{fill:#1e120ad9}.spot-yield text{fill:#fff3cf;font:800 10px DM Sans,sans-serif}.board [tabindex]:focus{outline:none}.board [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.board-zoom{position:absolute;right:10px;bottom:10px;z-index:12;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;background:#fffaeef0;border:1px solid rgba(93,54,28,.28);border-radius:12px;box-shadow:0 7px 22px #2c140a40}.board-zoom button{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);background:transparent;border:0;border-radius:8px}.board-zoom button:hover:not(:disabled){background:#fff}.board-zoom svg{width:16px;height:16px}.board-zoom output{min-width:44px;text-align:center;color:#765a3d;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.board-zoom output,.board-zoom .fit-board span{display:none}.board-zoom .fit-board{border-top:1px solid rgba(93,54,28,.18);border-radius:0 0 8px 8px}.roll-badge{flex:0 0 auto;display:flex;align-items:center;gap:5px;margin-left:4px;padding:4px 10px 4px 6px;border-radius:12px;background:#2f2620;color:#fff6e2;animation:badge 3.2s ease forwards}.roll-badge .die{width:34px;height:34px}.roll-badge strong{min-width:30px;margin-left:2px;font:700 26px/1 Fraunces,serif;text-align:center}.roll-badge.seven{background:#a83a2c}@keyframes badge{0%{opacity:0;transform:scale(.7)}8%,85%{opacity:1;transform:none}to{opacity:0}}.die rect{fill:#fdf8ec;stroke:#c9b994;stroke-width:3}.die circle{fill:#2b2420}.die.red rect{fill:#c9402f;stroke:#8f2a1f}.die.red circle{fill:#fff3e6}.die.rolling{animation:tumble .55s cubic-bezier(.3,1.4,.5,1)}@keyframes tumble{0%{transform:rotate(-200deg) scale(.4)}to{transform:none}}.offer-card{position:relative;overflow:hidden;margin:10px 10px 0;z-index:14;padding:12px 14px;border-radius:14px;background:#fff6dc;border:2px solid #e8c56c;box-shadow:0 4px 14px #28120824;font-size:14px;animation:slide-down .25s ease-out}.offer-card.observer{display:flex;align-items:center;gap:10px;padding:9px 13px;border-width:1px;background:#fffaf0f2}.offer-card.observer>svg{width:18px;color:#b1791f;flex:0 0 auto}.offer-card.incoming.pending{border-color:var(--teal);background:#f3fbf8}.offer-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.offer-head>svg{width:18px;color:#b1791f}.offer-head>span:not(.avatar){font-weight:700}.offer-terms{display:inline-flex;align-items:center;gap:6px;font-weight:500!important;color:#6b5a42}.offer-sides{margin:10px 0;display:flex;align-items:center;justify-content:center;gap:16px}.offer-sides>div{display:flex;flex-direction:column;align-items:center;gap:4px}.offer-sides small{color:#7a6f60;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.offer-sides>svg{width:20px;color:#9b8b70}.offer-actions,.offer-responses{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}.offer-responses{margin-top:10px}.offer-wait{margin:0;text-align:center;color:#6b6255;font-size:13px;font-style:italic}.response{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f2e8cf;font-size:13px;font-weight:600}.response.declined{opacity:.6;text-decoration:line-through}@keyframes slide-down{0%{opacity:0;transform:translateY(12px)}}.offer-timer{position:absolute;left:0;top:0;height:4px;width:100%;background:var(--teal);transform-origin:left;animation:offer-timer linear forwards}@keyframes offer-timer{to{transform:scaleX(0)}}.offer-note{margin:8px 0 0;text-align:right;color:#a24a3f;font-size:12px;font-weight:600}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#aaa}.dot.coral,.name.coral{--c: #e7614f}.dot.teal,.name.teal{--c: #147d7b}.dot.gold,.name.gold{--c: #c98a13}.dot.violet,.name.violet{--c: #7457a8}.dot.sky,.name.sky{--c: #2f7fb3}.dot.rose,.name.rose{--c: #c84f7c}.dot{background:var(--c)}.name{color:var(--c);font-weight:800}.avatar.small{width:28px;height:28px;font-size:12px;flex:0 0 auto}.avatar.small svg{width:14px}.bag-chips{display:inline-flex;gap:4px;flex-wrap:wrap;vertical-align:middle}.bag-chip{position:relative;width:28px;height:36px;border-radius:6px;border:1.5px solid rgba(255,255,255,.7);box-shadow:0 1px 4px #0000004d}.bag-chip b{z-index:1;position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:9px;background:#2e2520;color:#fff;font-size:11px}.bag-chips.sm .bag-chip{width:20px;height:26px;border-radius:4px;border-width:1px}.bag-chips.sm .bag-chip b{min-width:15px;height:15px;font-size:10px;right:-4px;top:-5px}.side-panel{min-height:0;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--panel-line)}.players{display:flex;flex-direction:column;gap:6px;padding:10px;border-bottom:1px solid var(--panel-line)}.player-card{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:start;padding:9px 10px;border:2px solid transparent;border-radius:12px;background:#fff;box-shadow:0 1px 2px #3c281414;transition:border-color .2s,box-shadow .2s}.player-card.active{border-color:var(--c, var(--teal));box-shadow:0 4px 14px #3c281424}.player-card.coral{--c: #e7614f}.player-card.teal{--c: #147d7b}.player-card.gold{--c: #e5a42c}.player-card.violet{--c: #7457a8}.player-card.sky{--c: #3a8cc1}.player-card.rose{--c: #c84f7c}.player-card.offline{opacity:.55}.player-card .avatar{position:relative;width:40px;height:40px;font-size:16px}.player-card .avatar .gain-pop{left:auto;right:-10px;top:auto;bottom:-6px;margin:0;font-size:11px;box-shadow:0 2px 6px #00000040}.player-card .avatar svg{width:19px}.player-main{min-width:0}.player-name{display:flex;align-items:center;gap:6px;min-width:0}.player-name strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{padding:1px 6px;border-radius:6px;background:#efe8d8;color:#7a6a52;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.offline-icon{width:14px;color:#a24a3f}.player-stats{margin-top:5px;display:flex;gap:11px;color:#6c6458;font-size:13px;font-weight:700}.player-stats span{position:relative;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.player-stats svg{width:14px;height:14px;opacity:.7}.player-stats .risk{color:#c0392b}.awards{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.awards span{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;background:#fbefcc;color:#8a5f0b;font-size:11px;font-weight:800}.awards svg{width:12px}.player-status{margin-top:5px;color:var(--c, var(--teal));font-size:12px;font-weight:700}.player-card.active .player-status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;animation:blink 1.2s infinite;vertical-align:1px}@keyframes blink{50%{opacity:.2}}.player-score{display:flex;align-items:baseline;padding-top:2px}.player-score strong{font:700 26px/1 Fraunces,serif;color:#3d2a1c}.player-score small{color:#9b917f;font-size:13px;font-weight:700}.gain-pop{position:absolute;left:100%;top:-1px;margin-left:4px;z-index:2;padding:1px 6px;border-radius:8px;background:#2f8f5b;color:#fff;font-size:11px;font-weight:800;white-space:nowrap;animation:pop-up 2.4s ease-out forwards;pointer-events:none}@keyframes pop-up{0%{opacity:0;transform:translateY(6px) scale(.6)}15%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.game-log{min-height:0;flex:1;display:flex;flex-direction:column}.game-log h2{margin:0;padding:10px 12px 6px 14px;display:flex;align-items:center;gap:7px;color:#7d6f5c;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.game-log h2 svg{width:15px}.game-log ol{flex:1;min-height:0;margin:0;padding:0 14px 14px;list-style:none;overflow-y:auto;scrollbar-width:thin}.game-log li{padding:6px 0 6px 12px;border-left:2px solid #e6dcc8;color:#4f463b;font-size:13.5px;line-height:1.4}.game-log li.good{border-left-color:#5bae7e}.game-log li.warn{border-left-color:var(--coral)}.game-log li:last-child{background:linear-gradient(90deg,#fff1cf,transparent)}.log-close{position:absolute;top:10px;right:10px}.game-log li.chat{border-left-color:#8fb3c9;font-style:italic}.game-log li.chat b{font-style:normal}.chat-form{display:flex;gap:6px;padding:8px 10px 10px;border-top:1px solid var(--panel-line)}.chat-form input{flex:1;min-width:0;height:36px;padding:0 11px;border:1px solid #ddd3bf;border-radius:9px;background:#fff;font-size:14px;outline:none}.chat-form input:focus{border-color:var(--teal)}.build-button.ready{border-color:#f1c75b;box-shadow:0 0 0 1px #f1c75b inset,0 0 14px #f1c75b59}.dock{min-width:0;display:flex;align-items:center;gap:14px;padding:10px 14px;background:linear-gradient(180deg,var(--wood),var(--wood-dark));border-top:1px solid #6e4633;color:#fff6e2;z-index:20}.hand{display:flex;gap:7px;align-items:center}.resource-card{--resource: #777;position:relative;width:66px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;color:#fff;background:var(--resource);border:2px solid rgba(255,255,255,.22);border-radius:10px;box-shadow:inset 0 -5px #00000024,0 3px 8px #00000040;transition:transform .15s,opacity .2s,filter .2s}.resource-card:disabled{opacity:1;cursor:default}.resource-card.clickable:not(:disabled):hover{transform:translateY(-3px)}.resource-card.clickable:disabled{opacity:.38;cursor:not-allowed}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:var(--resource)}.resource-art{display:block;width:100%;height:100%}.resource-card .card-label{position:absolute;left:0;right:0;bottom:0;padding:12px 2px 4px;border-radius:0 0 8px 8px;background:linear-gradient(transparent,#140a04c7);color:#fff;font-size:11px;font-weight:800;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.resource-card em{position:absolute;left:4px;top:4px;font-style:normal;font-size:10px;font-weight:800;padding:1px 5px;border-radius:5px;color:#fff;background:#140a04b8}.resource-card strong{position:absolute;right:-6px;top:-7px;min-width:24px;height:24px;display:grid;place-items:center;padding:0 5px;border-radius:12px;color:#2b2420;background:#fffaf0;font-size:14px;box-shadow:0 2px 5px #00000040}.resource-card.empty{filter:saturate(.35) brightness(.8)}.resource-card.active{border-color:#fff;box-shadow:0 0 0 3px var(--teal),0 6px 14px #00000040;transform:translateY(-3px)}.resource-card.gained{animation:card-bump .6s ease-out .4s}.resource-card .gain-pop{left:50%;top:-14px;margin:0;transform:translate(-50%);font-size:13px;animation-name:pop-up-center}@keyframes pop-up-center{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}15%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-12px)}}@keyframes card-bump{40%{transform:translateY(-8px)}}.resource-card.compact{width:40px;height:44px;border-radius:8px;border-width:1px}.resource-card.compact strong{min-width:19px;height:19px;font-size:11px;right:-5px;top:-6px}.dev-hand{position:relative;width:66px;height:82px;margin-left:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;background:linear-gradient(150deg,#7a5aa8,#4a3878);box-shadow:inset 0 -5px #00000024,0 3px 8px #00000040}.dev-hand svg{width:22px}.dev-hand span{font-size:11px;font-weight:700}.dev-hand strong{position:absolute;right:-6px;top:-7px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:12px;color:#2b2420;background:#fffaf0;font-size:14px}.dev-hand.playable{box-shadow:0 0 0 3px #f1c75b,0 3px 12px #f1c75b80}.build-bar{flex:1;min-width:0;display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.build-button{min-width:92px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(255,233,196,.22);border-radius:11px;color:#fff6e2;background:#fff4de14;transition:background .15s,border-color .15s,transform .15s}.build-button:hover{background:#fff4de29}.build-button.selected{background:#f1c75b;border-color:#f1c75b;color:#3a2510}.build-button.blocked{opacity:.45}.build-button .bag-chips{flex-wrap:nowrap}.build-top{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;white-space:nowrap}.build-top svg{width:17px}.build-top small{min-width:18px;padding:0 4px;border-radius:6px;background:#00000040;font-size:11px;font-weight:700}.free-tag{height:24px;display:grid;place-items:center;padding:0 8px;border-radius:6px;background:#ffffff1f;font-size:11px;font-weight:800;letter-spacing:.03em}.build-button.selected .free-tag{background:#0000001f}.trade-button{align-self:stretch;justify-content:center}.turn-controls{display:flex;align-items:center;gap:10px}.dice-pair{display:flex;gap:5px}.dice-pair .die{width:36px;height:36px}.primary-action{min-width:170px;height:56px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:0;border-radius:13px;font-size:17px;font-weight:800}.primary-action svg{width:22px}.primary-action kbd{margin-left:2px}.primary-action.roll{color:#fff;background:linear-gradient(135deg,#e7614f,#d9832f);box-shadow:0 6px 18px #e7614f73;animation:breathe 1.8s ease-in-out infinite}.primary-action.end{color:#2b1c10;background:#f1c75b;box-shadow:0 6px 18px #f1c75b59}.primary-action.status{max-width:260px;color:#fff6e2cc;background:#ffffff12;font-size:14px;font-weight:700;text-align:center;line-height:1.25}.primary-action.status.you{color:#f6d98b}@keyframes breathe{50%{transform:scale(1.03);box-shadow:0 8px 26px #e7614f99}}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;border:1px solid currentColor;font:800 11px DM Sans,sans-serif;opacity:.65}.thinking{display:inline-flex;gap:3px}.thinking i{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 1s infinite}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.victim-popover{position:fixed;z-index:61;width:240px;padding:8px;border-radius:14px;background:var(--paper);box-shadow:0 16px 40px #0e1e1e59;border:1px solid #e2d9c6}.victim-popover p{margin:4px 6px 8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#8a7a62}.victim-popover button{width:100%;min-height:48px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:10px;background:transparent;text-align:left;font-size:15px}.victim-popover button:hover{background:#f3ecdc}.victim-popover small{color:#8a7a62;font-size:12px}.reopen-results{position:fixed;z-index:50;right:340px;top:64px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1e140e8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .15s ease-out}@keyframes fade{0%{opacity:0}}.modal{width:min(640px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border:1px solid #ded8cc;border-radius:20px;background:var(--paper);box-shadow:0 30px 80px #140a0459;animation:rise .2s ease-out}@keyframes rise{0%{transform:translateY(12px);opacity:0}}.modal>header{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;padding:16px 20px;border-bottom:1px solid #e9e1d1}.modal-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;color:var(--teal);background:#e7f2ee}.modal-icon svg{width:22px}.modal header p{margin:0;font-size:11px;font-weight:800;color:var(--teal);text-transform:uppercase;letter-spacing:.09em}.modal header h2{margin:3px 0 0;font:700 22px Fraunces,serif}.modal>footer{padding:14px 20px;display:flex;justify-content:flex-end;align-items:center;gap:8px;border-top:1px solid #e9e1d1}.modal-copy{margin:0 0 4px;color:#6f665a;font-size:14px;line-height:1.5}.storm-backdrop{background:#280e0a99}.storm-icon{color:#fff;background:var(--coral)}.gold-icon{color:#7a5200;background:#fbe7b0}.dev-icon{color:#fff;background:linear-gradient(150deg,#7a5aa8,#4a3878)}.empty-state{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8d8475}.empty-state svg{width:36px;opacity:.5}.empty-state p{font-size:14px}.tabs{display:flex;gap:6px;padding:12px 20px 0}.tabs button{flex:1;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e3dac8;border-radius:11px;background:#f6f0e3;color:#6c5f4c;font-size:14px;font-weight:700}.tabs button svg{width:17px}.tabs button.active{background:var(--teal);border-color:var(--teal);color:#fff}.trade-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:16px}.bag-picker h3,.target-row h3{margin:0 0 9px;font-size:13px;font-weight:800;color:#6c5f4c;text-transform:uppercase;letter-spacing:.07em}.bag-picker-row{display:flex;gap:9px;flex-wrap:wrap}.bag-slot{display:flex;flex-direction:column;align-items:center;gap:5px}.bag-slot .resource-card:not(.clickable){opacity:1}.bag-slot.filled .resource-card{box-shadow:0 0 0 3px var(--teal),inset 0 -5px #00000024}.bag-minus{width:30px;height:24px;display:grid;place-items:center;border:0;border-radius:7px;background:#efe8d8;color:#6c5f4c}.bag-minus:disabled{visibility:hidden}.bag-minus svg{width:14px}.bag-picker .resource-card:not(.empty) strong{background:var(--teal);color:#fff}.target-row>div{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border:1px solid #e3dac8;border-radius:18px;background:#fff;font-size:14px;font-weight:700}.chip small{color:#9b917f;font-weight:600;font-size:12px}.chip.active{border-color:var(--teal);background:#e8f4f0;color:#0d4f4a}.trade-summary{margin-right:auto;display:inline-flex;align-items:center;gap:8px;color:#7a6f60;font-size:14px}.trade-summary>svg{width:18px}.discard-count{min-width:60px;padding:8px 12px;border-radius:15px;color:var(--coral);background:#fde9e2;text-align:center;font-size:16px;font-weight:800}.discard-modal .modal-copy,.pick-modal .modal-copy{padding:16px 20px 0}.discard-hand{display:flex;justify-content:center;gap:10px;padding:18px 20px 10px;flex-wrap:wrap}.discard-pile{min-height:72px;margin:0 20px 18px;padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px dashed #e6c4ba;border-radius:13px;background:#fff6f3}.discard-pile>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#a8655a}.discard-pile em{color:#b39b93;font-size:14px}.pick-grid{display:flex;justify-content:center;gap:10px;padding:22px 20px;flex-wrap:wrap}.dev-buy{margin:14px 20px 0;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border-radius:13px;background:#f5efe2}.dev-buy>div{display:flex;align-items:center;gap:12px;font-size:15px}.dev-buy small{grid-column:1 / -1;color:#8a7a62;font-size:12px}.dev-list{padding:14px 20px 20px;display:flex;flex-direction:column;gap:9px}.dev-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:11px 13px;border:1px solid #e6dcc8;border-radius:13px;background:#fff}.dev-art{width:46px;height:58px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(150deg,#7a5aa8,#4a3878)}.dev-card.victoryPoint .dev-art{background:linear-gradient(150deg,#e3a72f,#b5761a)}.dev-card.knight .dev-art{background:linear-gradient(150deg,#5c6b7a,#36404b)}.dev-art svg{width:22px}.dev-card h3{margin:0;font-size:16px}.dev-card h3 small{color:#8a7a62}.dev-card p{margin:3px 0 0;font-size:13px;color:#6f665a;line-height:1.4}.dev-actions{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.dev-actions small{max-width:140px;color:#8a7a62;font-size:12px;text-align:right}.mini-picker{margin-top:8px;display:flex;gap:5px}.rules-body{padding:6px 22px 20px;display:grid;gap:4px}.rules-body h3{margin:14px 0 6px;font:700 17px Fraunces,serif}.rules-body p,.rules-body li{color:#4f463b;font-size:14px;line-height:1.5}.rules-body ol,.rules-body ul{margin:0;padding-left:20px}.cost-table{list-style:none;padding:0!important;display:grid;gap:7px}.cost-table li{display:flex;align-items:center;gap:8px;font-weight:700}.cost-table li svg{width:17px}.cost-table em{color:#8a7a62;font-style:normal;font-size:12px}.cost-table .bag-chips{margin-left:auto}.shortcut-list{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:6px}.winner-backdrop{background:radial-gradient(circle,#784614b3,#1e1008eb)}.winner-modal{width:min(500px,100%);padding:40px 28px 26px;text-align:center;overflow:visible}.winner-crown{width:82px;height:82px;display:grid;place-items:center;margin:-82px auto 16px;border-radius:50%;color:#fff;background:var(--gold);border:7px solid #fff8e6;box-shadow:0 10px 35px #140a044d}.winner-crown svg{width:39px}.winner-modal>p{margin:0;color:#c98a13;font-size:13px;font-weight:800;letter-spacing:.16em}.winner-modal h2{margin:8px auto 18px;font:700 34px/1.15 Fraunces,serif}.final-scores{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;text-align:left}.final-scores li{display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:#f6f0e3}.final-scores li.winner{background:#fbe7b0}.final-scores .rank{color:#8a7a62;font-weight:800}.final-name{display:flex;flex-direction:column;font-weight:700;font-size:15px}.final-name small{color:#8a7a62;font-weight:500;font-size:12px}.final-scores strong{font:700 24px Fraunces,serif}.winner-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.toasts{position:fixed;z-index:200;left:50%;bottom:130px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100% - 24px)}.toast{min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 9px;color:#fff;background:#2f2620;border-radius:13px;box-shadow:0 12px 35px #0000004d;font-size:14px;font-weight:600;animation:toast-in .25s ease-out}.toast>span{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#5d4d40;font-weight:800}.toast>span svg{width:16px}.toast.good>span{background:#2f8f5b}.toast.warn>span{background:var(--coral)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#f6f2e8;color:#718082}.loading-screen p{font-size:14px}.spinner{width:28px;height:28px;border:3px solid #cbded8;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1440px){.seafarers .build-top small{display:none}.seafarers .build-button{min-width:0;padding:7px 8px}}@media(max-width:1180px){.dock{gap:10px;padding:8px 10px}.hand{gap:5px}.resource-card,.dev-hand{width:54px;height:70px}.resource-card .card-label,.dev-hand span{font-size:10px}.dev-hand{margin-left:2px}.build-bar{gap:5px}.build-button{min-width:0;padding:6px 7px}.build-top{font-size:12.5px}.build-top small{display:none}.primary-action{min-width:140px;height:50px;padding:0 14px;font-size:16px}.primary-action kbd{display:none}.dice-pair .die{width:30px;height:30px}}@media(max-width:980px)and (min-width:601px){.dock{flex-wrap:wrap;justify-content:center;row-gap:8px}.build-bar{order:3;flex-basis:100%}.turn-controls{margin-left:auto}}@media(max-width:900px){.game.compact{grid-template-rows:minmax(0,1fr) auto}.strip-menu-button{position:sticky;right:0;flex:0 0 auto;width:40px;align-self:stretch;display:grid;place-items:center;margin-left:auto;border:0;border-radius:10px;color:#5d4b3a;background:#f3ecdc;box-shadow:-8px 0 10px var(--panel)}.strip-menu-button svg{width:20px}.game-menu{position:fixed;z-index:61;top:58px;right:8px;width:min(260px,calc(100vw - 16px));padding:6px;display:flex;flex-direction:column;border-radius:14px;background:var(--paper);border:1px solid #e2d9c6;box-shadow:0 16px 40px #0e1e1e59}.game-menu button{min-height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;background:transparent;font-size:15px;font-weight:600;text-align:left;color:var(--ink)}.game-menu button:hover{background:#f3ecdc}.game-menu button svg{width:18px;color:#7a6a52}.game-menu button.danger,.game-menu button.danger svg{color:#a24a3f}.player-card{min-width:0;grid-template-columns:28px minmax(0,auto) auto;gap:6px;padding:4px 8px}.player-card .avatar{width:28px;height:28px;font-size:12px}.player-card .avatar svg{width:15px}.player-name strong{max-width:68px;font-size:13px}.player-card .tag{display:none}.player-card.self-card{background:#fff8ec}.player-score small{display:none}.board{padding-top:6px}.players{padding:5px 6px;gap:5px}.player-card{grid-template-columns:24px auto auto;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:10px}.player-card .avatar{width:24px;height:24px;font-size:11px}.player-card .avatar svg{width:13px}.player-main{display:flex;align-items:center;gap:6px}.player-card .player-stats{margin:0}.player-card .player-stats span:nth-child(n+2){display:none}.player-card .player-score{padding:0}.player-card .player-score strong{font-size:18px}.strip-menu-button{width:36px}.game-menu{top:46px}.primary-action.status{flex-direction:row;text-align:left;justify-content:flex-start;gap:8px;padding:0 14px}.primary-action.status>span:last-child{display:flex;flex-direction:column;min-width:0}.primary-action.status small{margin-top:2px;font-size:11.5px;font-weight:500;color:#fff6e2b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-action.status.alert{color:#ffb4a3;box-shadow:inset 0 0 0 2px #e7614f99}.landing-grid{grid-template-columns:1fr;gap:48px;padding-top:32px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-notes{justify-content:center}.setup-card{width:100%;max-width:540px;min-width:0;margin:auto}.landing-footer{position:relative;padding-bottom:20px}.table{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.offer-card{position:absolute;left:8px;bottom:8px;width:min(420px,calc(100% - 16px));margin:0;box-shadow:0 12px 30px #2812084d}.side-panel{min-width:0}.side-panel{grid-row:1;border-left:0;border-bottom:1px solid var(--panel-line)}.players{flex-direction:row;overflow-x:auto;padding:6px 8px;gap:6px;border-bottom:0;scrollbar-width:none}.player-card{flex:0 0 auto}.player-stats{gap:7px;font-size:12px;margin-top:2px}.player-stats span:nth-child(n+3){display:none}.awards,.player-status{display:none}.player-score strong{font-size:20px}.game-log{display:none}.side-panel.log-open .game-log{display:flex;position:fixed;inset:0 0 0 auto;width:min(360px,92vw);z-index:90;background:var(--panel);box-shadow:-14px 0 40px #140a0459;padding-top:44px}.side-panel.log-open .log-close{display:grid!important;position:fixed;z-index:91;top:10px;right:12px}.mobile-only{display:grid!important}.side-panel:not(.log-open) .log-close{display:none!important}.reopen-results{right:12px}}@media(max-width:600px){.landing-nav{height:66px;padding:0 18px}.landing-nav>div:not(.app-mark){display:none}.landing-grid{min-height:auto;padding:30px 16px 70px}.hero-copy{min-width:0;overflow:hidden}.landing-grid{gap:24px;padding-top:12px}.hero-copy{padding-bottom:0}.hero-copy .eyebrow,.hero-copy>p,.hero-notes{display:none}.hero-copy h1{font-size:38px;margin:6px 0 0}.setup-body{padding:22px 18px 24px}.setup-tabs{padding:0 6px}.variant-grid{gap:8px}.variant-art{height:62px}.settings-row{grid-template-columns:1fr;gap:0}.lobby-card{margin-top:18px}.lobby-banner{height:145px;padding:24px}.lobby-banner h1{font-size:25px}.lobby-content{padding:22px 16px 26px}.invite-block strong{font-size:20px}.seat.empty{grid-template-columns:40px 1fr auto}.seat.empty .remove-seat-button{display:none}.game-header{padding:0 8px}.room-code-button{display:none}.turn-banner{top:8px;min-width:0;width:calc(100% - 16px);padding:7px 10px 7px 7px}.turn-banner strong{font-size:14px}.turn-banner small{font-size:12px}.turn-avatar{width:32px;height:32px}.board{padding-top:6px}.board-zoom{right:8px;bottom:8px}.board-zoom output,.board-zoom .fit-board span{display:none}.dock{flex-wrap:wrap;gap:8px;padding:8px}.hand{width:100%;justify-content:space-between;gap:5px}.resource-card{width:calc((100vw - 56px) / 6);height:54px}.resource-card .card-label{display:none}.dev-hand{width:calc((100vw - 56px) / 6);height:54px;margin-left:0}.dev-hand span{display:none}.build-bar{order:2;flex-basis:100%;gap:5px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.build-button{flex:0 0 auto;min-width:70px;padding:5px 8px;gap:4px}.build-top{font-size:12px}.turn-controls{order:3;width:100%;margin:0}.turn-controls .dice-pair .die{width:30px;height:30px}.primary-action{flex:1;height:46px;min-width:0;max-width:none!important}.primary-action kbd{display:none}.trade-button{min-width:0;padding:4px 10px}.trade-button .free-tag{display:none}.toasts{bottom:200px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92vh;border-radius:20px 20px 0 0}.bag-picker-row,.discard-hand,.pick-grid{gap:6px}.trade-body .resource-card,.pick-grid .resource-card,.discard-hand .resource-card{width:calc((100vw - 76px)/5);height:70px}.trade-body .resource-card .card-label{display:none}.modal>footer{flex-wrap:wrap}.trade-summary{flex-basis:100%}.dev-card{grid-template-columns:40px 1fr}.dev-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;align-items:center}.winner-backdrop{align-items:center;padding:20px}.winner-modal{border-radius:20px}.roll-badge .die{width:26px;height:26px}.roll-badge strong{font-size:20px;min-width:22px}}