:root{--pc-energy: #F26A24;--pc-energy-deep: #D8451C;--pc-community: #8B4CA0;--pc-community-deep:#6E3A85;--pc-industry: #CE1178;--pc-industry-deep: #A50E60;--pc-ecology: #0FA24E;--pc-ecology-deep: #0A7A3B;--pc-economy: #F5BE14;--pc-economy-deep: #E0A50E;--pc-ingenuity-1: #CE1178;--pc-ingenuity-2: #F26A24;--pc-ingenuity-3: #F5BE14;--pc-ingenuity-4: #0FA24E;--pc-ingenuity: linear-gradient(135deg, var(--pc-ingenuity-1) 0%, var(--pc-energy) 38%, var(--pc-economy) 62%, var(--pc-ecology) 100%);--pc-navy: #2C3A6C;--pc-navy-deep: #202B54;--pc-teal: #7FCBD4;--pc-teal-deep: #4FB3C0;--pc-teal-line: #6FBFC9;--pc-cyan: #2FA6B2;--pc-cyan-deep: #23848E;--pc-paper: #E6F3F4;--pc-paper-soft: #F4FAFA;--pc-white: #FFFFFF;--pc-ink: #14181B;--pc-ink-soft: #3A4348;--pc-ink-mute: #6C777C;--pc-outline: #14181B;--surface-app: var(--pc-teal);--surface-card: var(--pc-white);--surface-paper: var(--pc-paper);--surface-sunken: #D3EAEC;--text-strong: var(--pc-ink);--text-body: var(--pc-ink-soft);--text-muted: var(--pc-ink-mute);--text-on-color: var(--pc-white);--accent: var(--pc-cyan);--accent-ink: var(--pc-navy);--border-hair: #C2DEE0;--border-strong: var(--pc-outline);--focus-ring: var(--pc-cyan)}:root{--font-display: "Fredoka", system-ui, sans-serif;--font-label: "Saira Condensed", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--fs-display: clamp(40px, 6vw, 72px);--fs-h1: 40px;--fs-h2: 30px;--fs-h3: 22px;--fs-h4: 18px;--fs-lead: 20px;--fs-body: 16px;--fs-sm: 14px;--fs-xs: 12px;--fs-label: 15px;--fs-label-lg: 20px;--lh-tight: 1.02;--lh-heading: 1.1;--lh-body: 1.5;--ls-label: .06em;--ls-tight: -.01em}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--card-ratio: .714;--card-w: 240px;--control-h: 48px;--control-h-sm: 38px;--stroke: 3px;--stroke-thin: 2px}:root{--shadow-sm: 0 2px 4px rgba(20,24,27,.1);--shadow-md: 0 6px 16px rgba(20,24,27,.14);--shadow-lg: 0 14px 34px rgba(20,24,27,.18);--shadow-card: 0 8px 20px rgba(20,24,27,.16);--shadow-sticker: 0 3px 0 rgba(20,24,27,.22);--keyline: 3px solid var(--pc-outline);--keyline-thin: 2px solid var(--pc-outline);--ease-out: cubic-bezier(.2,.8,.2,1);--ease-bounce: cubic-bezier(.34,1.56,.64,1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--pc-city-pattern: repeating-linear-gradient(0deg, transparent 0 26px, var(--pc-teal-line) 26px 27px), repeating-linear-gradient(90deg, transparent 0 26px, var(--pc-teal-line) 26px 27px);--pc-city-pattern-opacity: .28}:root{--res-economy: var(--pc-economy);--res-ecology: var(--pc-ecology);--res-energy: var(--pc-energy);--res-community: var(--pc-community);--res-industry: var(--pc-industry);--rainbow: var(--pc-ingenuity);--ink: var(--text-strong);--muted: var(--text-muted);--paper: var(--surface-app);--panel: var(--surface-card);--line: var(--border-hair);--navy: var(--pc-navy);--accent: var(--pc-cyan);--danger: #c62f2f;--ok: var(--pc-ecology-deep);--tier1-bg: var(--surface-paper);--tier2-bg: #d9edef;--tier3-bg: #cbe6e9;font-size:15px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background-color:var(--surface-app);background-image:var(--pc-city-pattern);color:var(--ink);line-height:1.5;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.1;font-family:var(--font-display);font-weight:600;letter-spacing:var(--ls-tight);color:var(--text-strong)}button{font-family:var(--font-display);font-weight:600;cursor:pointer;border:2px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--pc-white);color:var(--pc-navy);padding:.42em 1.05em;line-height:1.1;box-shadow:0 3px 0 var(--pc-navy),var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}button:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 0 var(--pc-navy),var(--shadow-sm)}button:disabled{opacity:.45;cursor:default;box-shadow:none}button.primary{background:var(--pc-navy);border-color:var(--border-strong);color:var(--pc-white);box-shadow:0 4px 0 var(--pc-navy-deep),var(--shadow-sm)}button.primary:not(:disabled):active{box-shadow:0 0 0 var(--pc-navy-deep),var(--shadow-sm)}button.link{border:none;background:none;box-shadow:none;color:var(--pc-cyan-deep);text-decoration:underline;padding:.2em .4em;font-family:var(--font-body);font-weight:700}button.link:not(:disabled):active{transform:none}input,select{font:inherit;font-family:var(--font-body);padding:.5em .7em;border:2px solid var(--border-hair);border-radius:var(--radius-md);background:var(--pc-white);color:var(--ink);width:100%}input:focus,select:focus{outline:none;border-color:var(--pc-cyan);box-shadow:0 0 0 3px #2fa6b238}code{background:var(--surface-sunken);border-radius:var(--radius-sm);padding:.1em .45em;font-size:.95em;font-family:Saira Condensed,ui-monospace,monospace;font-weight:600;letter-spacing:.02em}.muted{color:var(--muted)}.small{font-size:.82rem}.error-box{background:#fdecea;border:2px solid #f0b6b0;color:var(--danger);border-radius:var(--radius-md);padding:.55em .85em;margin:.5em 0;max-width:60ch;font-weight:600}.page-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem}.wordmark{font-family:var(--font-display);font-size:2.6rem;font-weight:700;letter-spacing:.01em;color:var(--pc-navy);margin:0}.wordmark.small{font-size:1.35rem;cursor:pointer}.lobby{max-width:880px;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex;flex-direction:column;gap:2rem;min-height:100vh}.lobby-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.lobby-hero h1{font-family:var(--font-display);font-size:3.2rem;font-weight:700;color:var(--pc-navy)}.lobby-hero p{color:var(--pc-navy);opacity:.75;margin:.3em 0 0;font-size:var(--fs-lead)}.lobby-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.panel{background:var(--panel);border:var(--keyline);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-card)}.panel h2{font-family:var(--font-display);color:var(--pc-navy)}.panel label{display:flex;flex-direction:column;gap:.3rem;font-family:var(--font-label);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-label);font-size:var(--fs-label);color:var(--text-body)}.panel label.check{flex-direction:row;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;text-transform:none;letter-spacing:normal;font-size:var(--fs-sm)}.panel label.check input{width:auto}.lobby-foot{text-align:center;color:var(--muted);font-size:.8rem;margin-top:auto}.panel.waiting{width:min(480px,92vw)}.join-code{display:flex;align-items:baseline;gap:.6rem}.join-code code{font-size:1.25rem;font-weight:700}.join-link-row{display:flex;gap:.5rem}.join-link-row input{flex:1;font-size:.85rem}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.player-list li{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:var(--keyline-thin);border-radius:var(--radius-pill);background:var(--surface-paper);font-weight:600}.player-dot{width:10px;height:10px;border-radius:50%;background:var(--res-community)}.player-dot[data-idx="1"]{background:var(--res-energy)}.player-dot[data-idx="2"]{background:var(--res-ecology)}.player-dot[data-idx="3"]{background:var(--res-industry)}.tag{font-family:var(--font-label);font-size:.7rem;text-transform:uppercase;letter-spacing:var(--ls-label);background:var(--surface-sunken);border:2px solid var(--pc-outline);border-radius:var(--radius-pill);padding:.12em .55em;color:var(--pc-navy);font-weight:700;line-height:1.3}.tag.you{background:var(--pc-cyan);color:var(--pc-white)}.join-inline{display:flex;align-items:flex-end;gap:.6rem;border-top:1px dashed var(--line);padding-top:.9rem;flex-wrap:wrap}.join-inline label{flex:1;min-width:180px}.res-icon,.pip,.res-pip,.bchip-tab,.wild-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;flex:none}.res-bg-economy{background:var(--res-economy)}.res-bg-ecology{background:var(--res-ecology)}.res-bg-energy{background:var(--res-energy)}.res-bg-community{background:var(--res-community)}.res-bg-industry{background:var(--res-industry)}.res-bg-ingenuity{background:var(--rainbow)}.pip{width:20px;height:20px;position:relative}.pip em{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:.6rem;font-weight:800;background:var(--ink);color:#fff;border-radius:50%;width:13px;height:13px;display:flex;align-items:center;justify-content:center}.pc-face{position:relative;display:inline-flex;line-height:0}.card{border-radius:var(--radius-lg);border:var(--keyline-thin);box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.card-xl{width:110px;height:154px}.card-lg{width:96px;height:134px}.card-md{width:88px;height:123px}.card-sm{width:80px;height:112px}.card-xs{width:58px;height:81px}.empty-slot{align-items:center;justify-content:center;color:var(--muted);background:var(--surface-sunken);border:2px dashed var(--border-hair);font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--ls-label);font-size:.7rem;display:flex}.card.resource{justify-content:space-between;padding:6px 4px;color:#fff}.res-face-economy{background:var(--res-economy)}.res-face-ecology{background:var(--res-ecology)}.res-face-energy{background:var(--res-energy)}.res-face-community{background:var(--res-community)}.res-face-industry{background:var(--res-industry)}.res-face-ingenuity{background:var(--rainbow)}.res-face-ingenuity .res-name{text-shadow:0 1px 2px rgba(0,0,0,.55)}.res-name{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 1px rgba(0,0,0,.25)}.res-name.bottom{transform:rotate(180deg)}.card-sm .res-name{font-size:.5rem}.res-pips{display:flex;gap:5px;flex:1;align-items:center}.res-pip{width:34px;height:34px;border:2px solid rgba(255,255,255,.85);box-shadow:0 1px 3px #0000004d}.card-sm .res-pip{width:24px;height:24px}.card-md .res-pip{width:28px;height:28px}.res-double-tag{position:absolute;top:5px;right:5px;background:#0006;color:#fff;border-radius:5px;font-size:.6rem;font-weight:800;padding:0 4px}.card.building{justify-content:flex-start;padding:5px 4px 4px}.card.building.tier-1{background:var(--tier1-bg)}.card.building.tier-2{background:var(--tier2-bg)}.card.building.tier-3{background:var(--tier3-bg)}.perm-tab{position:absolute;top:-1px;left:-1px;width:24px;height:24px;border-radius:0 0 10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:1px 1px 2px #00000040}.card-sm .perm-tab{width:19px;height:19px}.points-badge{position:absolute;top:2px;right:2px}.civic-badge{position:absolute;top:5px;right:5px;width:23px;height:23px;border-radius:50%;background:var(--pc-navy);color:var(--pc-white);display:flex;align-items:center;justify-content:center;border:2px solid var(--pc-white);box-shadow:var(--shadow-sm);z-index:4}.pc-face .card-sm~.civic-badge,.pc-face .card-sm+.civic-badge{width:19px;height:19px;top:3px;right:3px}.bld-name{margin-top:24px;font-size:.68rem;font-weight:700;text-align:center;line-height:1.1;padding:0 2px}.card-sm .bld-name{font-size:.58rem;margin-top:19px}.bld-art{flex:1;display:flex;align-items:center;justify-content:center;color:var(--navy)}.bld-cost{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;padding:3px 2px 2px;background:#ffffff8c;border-radius:6px;margin-bottom:8px;max-width:100%}.tier-dots{position:absolute;bottom:3px;left:5px;display:flex;gap:2px}.tier-dot{width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:.75}.board{max-width:1600px;margin:0 auto;padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:.6rem;height:100dvh}.board-head{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.15rem 0 .3rem;border-bottom:var(--keyline-thin);flex:none}.head-info{color:var(--pc-navy);opacity:.8;font-size:.85rem;font-weight:600}.turn-banner{margin-left:auto;font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--ls-label);font-weight:700;padding:.35em 1em;border-radius:var(--radius-pill);border:2px solid var(--pc-outline);background:var(--surface-sunken);color:var(--pc-navy)}.turn-banner.mine{background:var(--pc-cyan);color:var(--pc-white);animation:pulse 2.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #2fa6b280}50%{box-shadow:0 0 0 7px #2fa6b200}}.sync-warn{color:var(--danger);font-weight:700}.board-grid{display:grid;grid-template-columns:210px auto minmax(250px,340px);gap:.9rem;align-items:start;justify-content:center;flex:1;min-height:0}.market-col{display:flex;flex-direction:column;gap:.7rem;max-height:100%;min-height:0;padding:2px}.side-rail{display:flex;flex-direction:column;gap:.7rem;max-height:100%;overflow-y:auto;min-height:0;padding:2px}.play-col{display:flex;flex-direction:column;gap:.7rem;max-height:100%;min-height:0;padding:2px}.opp-stack{display:flex;flex-direction:column;gap:.5rem}.opp-panel{background:var(--panel);border:var(--keyline-thin);border-radius:var(--radius-lg);padding:.5rem .7rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-sm)}.opp-panel.current{border-color:var(--pc-cyan);box-shadow:0 0 0 3px #2fa6b24d,var(--shadow-sm)}.opp-panel.ai-panel{background:var(--surface-paper)}.opp-head{display:flex;align-items:center;gap:.5rem}.opp-name{font-family:var(--font-display);font-weight:600;display:flex;align-items:center;gap:.4rem}.opp-score{margin-left:auto;font-family:var(--font-display);font-weight:700;color:var(--pc-navy);font-size:.95rem}.turn-dot{width:9px;height:9px;border-radius:50%;background:var(--pc-cyan);animation:pulse 2.2s infinite}.opp-hand,.opp-tokens{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.opp-tableau{display:flex;flex-wrap:wrap;gap:3px}.bchip{display:inline-flex;align-items:center;gap:4px;border:var(--keyline-thin);border-radius:var(--radius-pill);background:var(--surface-paper);padding:1px 7px 1px 2px;font-size:.7rem;font-weight:700;color:var(--pc-navy);white-space:nowrap}.bchip-tab{width:15px;height:15px}.bchip-plain{padding-left:8px}.bchip-pts{background:var(--pc-navy);color:var(--pc-white);border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;font-family:var(--font-display)}.bchip-civic{color:var(--pc-navy);display:inline-flex}.civic-supply h3,.pile-area h3{font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--pc-navy);font-weight:700;margin-bottom:.35em}.token-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.token-row,.token-grid{display:flex;flex-wrap:wrap;gap:5px}.civic-token{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;border:2px solid var(--navy);background:#eef1fb;color:var(--navy);font-weight:800;font-size:.78rem;padding:.28em .7em;white-space:nowrap}.civic-token.token-sm{font-size:.68rem;padding:.15em .5em;border-width:1.5px}button.civic-token{cursor:pointer}.civic-token.selected{background:var(--navy);color:#fff}.token-promo{color:var(--res-energy)}.market-area{display:flex;justify-content:center;align-items:flex-start;flex:none}.market-wrap{display:grid;grid-template-columns:repeat(4,auto);gap:7px}.market-wrap.with-markers{grid-template-columns:20px repeat(4,auto)}.marker-corner{width:20px}.marker{display:flex;align-items:center;justify-content:center;color:var(--navy)}.col-marker{height:20px}.row-marker{grid-column:1;width:20px}.ai-marker{font-size:.85rem;animation:pulse 2.2s infinite;border-radius:50%}.market-slot{padding:0;border:none;background:none;border-radius:11px;position:relative;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease}.market-slot:not(:disabled):hover{transform:translateY(-2px)}.market-slot:disabled{cursor:default}.market-slot.dim{opacity:.38}.market-slot.picked .card{outline:3px solid var(--accent);outline-offset:1px}.market-slot.pickable .card{outline:3px dashed var(--accent);outline-offset:1px}.market-slot.flippable .card{outline:3px dashed var(--res-energy);outline-offset:1px}.market-slot.flipped .card{outline:3px solid var(--res-energy);outline-offset:1px}.market-slot.warn:after{content:"$?";position:absolute;bottom:-6px;right:-6px;background:var(--res-energy);color:#fff;border:2px solid var(--pc-white);border-radius:50%;width:21px;height:21px;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:5}.pile-row{display:flex;align-items:center;gap:.6rem}.pile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0}.deck-count{font-weight:700;color:var(--muted);font-size:.85rem}.composer{background:var(--panel);border:var(--keyline);border-radius:var(--radius-lg);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-card);flex:none;position:sticky;top:0;z-index:10}.composer-steps{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.step{font-weight:700;color:var(--text-body)}.composer-review{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.drafted-cards{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;flex:1}.drafted-item{display:flex;flex-direction:column;align-items:center;gap:.35rem}button.paid{border-color:var(--pc-outline);background:var(--pc-ecology);color:var(--pc-white);box-shadow:0 3px 0 var(--pc-ecology-deep),var(--shadow-sm);font-weight:600}button.paid:not(:disabled):active{box-shadow:0 0 0 var(--pc-ecology-deep),var(--shadow-sm)}.composer-actions{display:flex;gap:.6rem;margin-left:auto}button.submit{font-size:1.05rem;padding:.55em 1.5em}.your-hand,.your-city{background:var(--panel);border:var(--keyline);border-radius:var(--radius-lg);padding:.7rem .85rem;box-shadow:var(--shadow-card);overflow-y:auto;min-height:0}.your-hand{flex:0 1 auto}.your-city{flex:1 1 auto}.your-hand h3,.your-city h3{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--pc-navy)}.score-inline{color:var(--pc-cyan-deep);font-weight:700;font-size:.82rem;margin-left:.4rem}.hand-cards,.city-cards{display:flex;flex-wrap:wrap;gap:7px}.hand-cards.grouped,.city-cards.grouped{gap:10px 14px;align-items:flex-start}.res-group{display:flex;flex-direction:column;gap:5px;padding:6px 8px 7px;border:var(--keyline-thin);border-radius:var(--radius-md);background:var(--surface-paper)}.res-group-head{display:flex;align-items:center;gap:5px;font-family:var(--font-label);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--pc-navy)}.res-group-head.other{padding:1px 0}.res-group-head em{font-style:normal;margin-left:auto;min-width:1.1em;text-align:center;padding:0 6px;border-radius:var(--radius-pill);background:var(--pc-navy);color:var(--pc-white);font-family:var(--font-display)}.res-group-cards{display:flex;flex-wrap:wrap;gap:6px}.token-row{margin-top:.5rem}.spectate-note{text-align:center;padding:.6rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1416228c;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--panel);border:var(--keyline);border-radius:var(--radius-xl);padding:1.3rem 1.5rem;max-width:780px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h3{font-family:var(--font-display);color:var(--pc-navy);font-size:var(--fs-h3)}.modal h4{font-family:var(--font-label)}.payment-body{display:grid;grid-template-columns:130px 1fr;gap:1.2rem}.payment-card{display:flex;flex-direction:column;gap:.7rem;align-items:center}.coverage{display:flex;flex-direction:column;gap:4px;width:100%}.cover-row{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem}.cover-row .cover-mark{margin-left:auto;color:var(--muted)}.cover-row.ok .cover-mark{color:var(--ok)}.payment-sources{display:flex;flex-direction:column;gap:.9rem;min-width:0}.payment-auto{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.payment-auto-btns{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.payment-sources h4{font-family:var(--font-label);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--pc-navy);font-weight:700}.payment-sources section{border-top:2px dashed var(--border-hair);padding-top:.6rem}.payment-sources section:first-child{border-top:none;padding-top:0}.source-grid{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.source-cell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.source-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--pc-navy);padding:.32em .7em;border:var(--keyline-thin);border-radius:var(--radius-pill);background:var(--pc-white);box-shadow:var(--shadow-sm)}.source-chip.selected{border-color:var(--pc-cyan);background:var(--surface-paper);box-shadow:0 0 0 2.5px var(--pc-cyan)}.source-chip .x2{font-style:normal;font-weight:800;font-size:.7rem;background:var(--ink);color:#fff;border-radius:4px;padding:0 3px}.source-chip .new-tag{font-style:normal;font-size:.62rem;font-weight:800;text-transform:uppercase;color:var(--accent)}.wild-as{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;color:var(--muted);font-weight:700}.wild-btn{width:22px;height:22px;border:2px solid rgba(255,255,255,.7);border-radius:50%;padding:0;opacity:.5;box-shadow:none}.wild-btn:not(:disabled):active{transform:none}.wild-btn.selected{opacity:1;border-color:var(--pc-outline);box-shadow:var(--shadow-sm)}.problems{margin:0;padding-left:1.1rem;color:var(--danger);font-size:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.game-end{max-width:1100px;margin:0 auto;padding:.6rem 1rem 2.5rem;display:flex;flex-direction:column;gap:1rem}.winner-banner{text-align:center;font-family:var(--font-display);font-size:1.6rem;color:var(--pc-navy);background:var(--panel);border:var(--keyline);border-radius:var(--radius-lg);padding:.9rem;box-shadow:0 0 0 4px var(--pc-economy),var(--shadow-card)}.score-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:start}.score-card{background:var(--panel);border:var(--keyline);border-radius:var(--radius-lg);padding:1rem 1.1rem;box-shadow:var(--shadow-card)}.score-card.winner{box-shadow:0 0 0 4px var(--pc-economy),var(--shadow-card)}.score-card.ai{background:var(--surface-paper)}.score-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.5rem}.score-name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--pc-navy);display:flex;align-items:center;gap:.4rem}.score-total{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--pc-navy)}.score-table{width:100%;border-collapse:collapse;font-size:.88rem}.score-table td{padding:3px 0;border-bottom:1px dashed var(--line);vertical-align:middle}.score-table .num{text-align:right;font-weight:700}.score-table tfoot td{border-bottom:none;font-weight:800;padding-top:6px}.score-table tfoot tr.muted td{font-weight:500}.score-city{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:3px}.tiebreak-note{text-align:center}.end-actions{display:flex;justify-content:center}@media(max-width:1180px){.board-grid{grid-template-columns:190px auto minmax(230px,300px);gap:.7rem}}@media(max-width:980px){.board{height:auto}.board-grid{grid-template-columns:1fr}.market-col{order:1;max-height:none}.play-col{order:2;max-height:none}.your-hand,.your-city{overflow:visible}.side-rail{order:3;max-height:none;overflow:visible}.opp-stack{flex-direction:row;flex-wrap:wrap}.opp-stack .opp-panel{flex:1 1 240px}}@media(max-width:760px){.payment-body{grid-template-columns:1fr}}