:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{margin:0;padding:0;background:radial-gradient(ellipse at top,#1a2238,#0b0d13 60%) fixed;color:#e8eaf0;min-height:100vh}#root{min-height:100vh}button{background:linear-gradient(180deg,#232a3a,#181c28);color:#e8eaf0;border:1px solid #2f3648;padding:6px 12px;border-radius:6px;font:inherit;cursor:pointer;transition:transform .05s ease,filter .1s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}input,select{background:#1a1d26;color:#e8eaf0;border:1px solid #2a2e3a;padding:6px 10px;border-radius:6px;font:inherit}label{display:inline-flex;flex-direction:column;gap:4px;font-size:12px;color:#9aa0ad}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#1a1d26;padding:1px 6px;border-radius:4px}.landing{max-width:760px;margin:64px auto;padding:0 16px}.landing h1{font-size:42px;margin:0;letter-spacing:-.01em}.landing .tagline{color:#9aa0ad;margin:8px 0 32px}.landing .cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.landing .card{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:12px;padding:20px;box-shadow:0 8px 20px #00000040}.landing .card h2{font-size:18px;margin:0 0 8px}.landing .card p{margin:0 0 12px;color:#9aa0ad}.landing .card form{display:flex;flex-direction:column;gap:12px}.error{color:#ff8c8c;margin-top:12px}.error.toast{position:fixed;bottom:16px;right:16px;background:#2a1414;border:1px solid #4a1c1c;padding:8px 12px;border-radius:8px}.loading{display:grid;place-items:center;min-height:60vh;gap:6px;color:#9aa0ad}.loading .status{font-size:12px}.lobby{max-width:760px;margin:32px auto;padding:0 16px;display:grid;gap:16px}.lobby .room-header{display:flex;justify-content:space-between;align-items:center}.lobby .room-header h1{margin:0;font-size:24px}.lobby .room-header .status{color:#9aa0ad;font-size:12px}.seats h2{font-size:14px;color:#9aa0ad;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}.seats ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.seats .seat{display:flex;align-items:center;gap:10px;background:#131722;border:1px solid #232a3a;padding:10px 12px;border-radius:8px}.seats .seat .dot{display:inline-block;width:12px;height:12px;border-radius:50%}.seats .seat .name{flex:1}.seats .empty{color:#6c7281;font-style:italic;padding:8px}.seats .spectators{color:#9aa0ad;margin-top:8px;font-size:12px}.badge{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;background:#232a3a;color:#c9cdd6}.badge.host{background:#4a3a1a;color:#d6cc8a}.badge.ready{background:#1a4a30;color:#8ad6a8}.badge.not-ready{background:#4a3a1a;color:#d6cc8a}.badge.you{background:#1a3a6e;color:#c8d6f4}.badge.turn{background:#4a1a4a;color:#d68ad6}.badge.bot{background:#2c3a4a;color:#8aaad6}.badge.resp-accepted{background:#1a4a30;color:#8ad6a8}.badge.resp-declined{background:#4a2222;color:#d68a8a}.badge.resp-counter{background:#3a3a1a;color:#d6cc8a}.badge.resp-pending{background:#2a2e3a;color:#9aa0ad}.kick{font-size:10px;padding:2px 6px;background:#2a1414;border:1px solid #4a1c1c;color:#ff8c8c}.add-bot{margin-top:8px;background:linear-gradient(180deg,#1c4a2c,#14241a);border:1px solid #2a4a30;color:#8ad6a8}.join,.controls{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;padding:16px;border-radius:12px}.join h2,.controls h2{font-size:14px;color:#9aa0ad;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.join form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.controls .row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.controls .hint{color:#9aa0ad;font-size:12px;margin-top:8px}.game{display:grid;gap:12px;padding:16px 16px 132px}.game-header{display:flex;gap:16px;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:10px;padding:10px 16px}.header-meta h1{font-size:16px;margin:0}.room-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6cc8a;letter-spacing:.06em}.turn-indicator{color:#9aa0ad;font-size:12px;display:inline-flex;gap:8px;margin-top:4px}.turn-indicator .sep{opacity:.5}.dice-area{display:inline-flex;align-items:center}.dice-pair{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;padding:6px 10px;border-radius:10px;color:inherit;font:inherit;cursor:default;position:relative}.dice-pair.clickable{cursor:pointer;background:#ffeb781a;border:1px solid rgba(255,235,120,.45);animation:dice-pulse 1.6s ease-in-out infinite}.dice-pair.clickable:hover{filter:brightness(1.15)}.dice-pair.clickable:active{transform:translateY(1px)}.dice-pair:disabled{cursor:default}.dice-pair.dice-idle.rollable .die.idle{opacity:1}.dice-roll-hint,.dice-reroll-hint{font-size:10px;color:#f4e6a4;letter-spacing:.06em;text-transform:uppercase;margin-left:4px}.dice-reroll-hint{color:#9aa0ad;opacity:.75}@keyframes dice-pulse{0%,to{box-shadow:0 0 #ffeb7800}50%{box-shadow:0 0 0 6px #ffeb7826}}.die{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.die.idle{opacity:.55}.dice-sum{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:18px;color:#d6cc8a;background:#1a1d26;border:1px solid #2a2e3a;padding:4px 10px;border-radius:6px}.dice-sum.red{color:#ff8c8c;border-color:#4a1c1c}.game-body{display:grid;grid-template-columns:240px 1fr 260px;gap:12px;align-items:start}@media(max-width:1100px){.game-body{grid-template-columns:1fr}}.players{display:flex;flex-direction:column;gap:8px}.player-card{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:10px;padding:10px 12px;font-size:12px;display:grid;gap:4px}.player-card.current{outline:2px solid #5a7ed6;outline-offset:-1px}.player-head{display:flex;align-items:center;gap:8px}.player-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.player-name{font-weight:600}.player-vp{color:#d6cc8a;font-weight:600;display:flex;gap:6px;align-items:center}.player-vp .award{font-size:14px}.player-stats,.player-pieces{display:flex;gap:10px;color:#9aa0ad}.hand-mini{transform:scale(.55);transform-origin:top left;height:56px;overflow:hidden}.hand-mini .hand-fan{padding:0}.board-area{background:radial-gradient(ellipse at top,#1a2540,#0d1525 80%);border:1px solid #232a3a;border-radius:14px;padding:12px;display:grid;place-items:center;position:relative;box-shadow:0 10px 24px #00000059}.events{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:10px;padding:12px;font-size:12px;max-height:540px;overflow:auto}.events h3{margin:0 0 6px;font-size:12px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em}.events ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.events .muted{color:#6c7281}.spectating{color:#9aa0ad;font-size:12px;padding:4px}.action-panel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:10px;padding:10px;margin-top:10px;font-size:13px;width:100%}.action-panel.hint{color:#d6cc8a}.action-panel button:disabled{opacity:.4}.action-panel .bank-trade-mini{display:inline-flex;gap:4px;align-items:center}.action-panel .bank-trade-mini select{padding:4px 6px}.waiting{margin-top:8px;color:#9aa0ad;font-size:13px;font-style:italic}.winner-banner{background:linear-gradient(180deg,#4a3a1a,#2a2614);border:1px solid #6a5424;color:#f4e6a4;padding:14px 18px;border-radius:10px;font-size:16px;text-align:center}.resource-card{position:relative;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));-webkit-user-select:none;user-select:none}.resource-card.clickable{cursor:pointer}.resource-card.clickable:hover{transform:translateY(-3px);transition:transform .1s ease}.resource-card.selected{transform:translateY(-10px)}.resource-card.dimmed{opacity:.4}.hand-fan{display:inline-flex;align-items:flex-end;padding:0 16px;min-height:96px}.hand-fan .resource-card{margin-left:-22px}.hand-fan .resource-card:first-child{margin-left:0}.empty-hand{color:#6c7281;font-style:italic;font-size:12px;padding:28px}.my-hand-area{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;padding:8px;background:linear-gradient(180deg,#0d111a00,#0d111ad9 30%);pointer-events:none}.my-hand-area>*{pointer-events:auto}.my-hand-label{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a10c7;display:grid;place-items:center;z-index:100}.modal{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #2a3144;border-radius:12px;padding:22px;max-width:720px;width:92%;box-shadow:0 18px 40px #00000080}.modal h2{margin:0 0 6px}.modal p{margin:0 0 12px;color:#9aa0ad;font-size:13px}.modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:12px}.card-row{display:flex;flex-wrap:wrap;gap:8px;padding:8px;min-height:84px;background:#0d1018;border:1px solid #1f2535;border-radius:8px}.card-row.tiny{gap:4px;padding:4px;min-height:auto}.trade-modal.compact{max-width:560px}.trade-modal.compact .modal-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.trade-modal.compact .modal-head h2{margin:0;font-size:18px}.trade-modal.compact .modal-sub{color:#9aa0ad;font-size:11px}.trade-builder{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start;background:#0d1018;border:1px solid #1f2535;border-radius:10px;padding:10px}.trade-column{display:flex;flex-direction:column;gap:4px}.trade-col-head{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em;padding:0 4px 4px;border-bottom:1px solid #1f2535;margin-bottom:4px}.trade-divider{display:flex;align-items:center;justify-content:center;font-size:22px;color:#6c7281;padding:0 6px}.trade-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:3px 4px;border-radius:6px;font-size:12px}.trade-row:hover{background:#ffffff08}.trade-glyph{font-size:16px;text-align:center}.trade-res-name{color:#c9cdd6;text-transform:capitalize}.trade-counter{display:inline-flex;align-items:center;gap:4px;background:#1a1d26;border:1px solid #2a2e3a;border-radius:6px;padding:1px}.trade-counter button{background:transparent;border:0;color:#c9cdd6;width:22px;height:22px;padding:0;font-size:14px;font-weight:700;border-radius:4px}.trade-counter button:hover:not(:disabled){background:#2a2e3a}.trade-counter .trade-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:18px;text-align:center;font-weight:700;color:#f4e6a4}.trade-hint{grid-column:2 / 4;font-size:9px;color:#6c7281;letter-spacing:.04em;margin-top:-2px;margin-left:0}.trade-preview{margin:10px 0 4px;padding:8px 12px;background:#0d1018;border:1px solid #1f2535;border-radius:8px;font-size:13px;text-align:center;color:#c9cdd6}.bundle-summary{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:center;color:#f4e6a4}.bundle-summary.empty{color:#6c7281;font-style:italic}.bundle-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;border:1px solid var(--res-color, #2a2e3a);background:#ffffff0a;font-size:12px}.bundle-chip .bundle-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#f4e6a4}.bundle-chip .bundle-glyph{font-size:14px;line-height:1}.bundle-chip .bundle-word{color:#c9cdd6;font-size:11px;letter-spacing:.04em}.bundle-sep{color:#6c7281;margin:0 -2px}.toast-line{display:flex;gap:8px;align-items:baseline;padding:2px 4px;font-size:12px}.toast-line .toast-label{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em;min-width:60px}.trade-modal{max-width:880px}.trade-workspace{display:flex;flex-direction:column;gap:14px}.trade-zones{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}.trade-arrow{display:flex;align-items:center;justify-content:center;font-size:32px;color:#6c7281}.drop-zone{background:#0d1018;border:2px dashed #2a3144;border-radius:12px;padding:12px;min-height:130px;display:flex;flex-direction:column;gap:8px;transition:border-color .1s ease,background .1s ease}.drop-zone.over{border-color:#ffeb78;background:#ffeb780f}.zone-label{font-size:11px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em}.zone-hint{font-size:11px;color:#6c7281;font-style:italic}.bundle-stack{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;flex:1;padding:4px 6px}.bundle-stack.empty{color:#6c7281;font-style:italic;font-size:12px;align-items:center;justify-content:center}.pile{position:relative}.pile-card{position:absolute;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.pile-card.removable{cursor:pointer}.pile-card.removable:hover{transform:translateY(-2px);transition:transform .08s ease}.pile-card:last-child{z-index:10}.pile-count{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#d6cc8a;background:#1a1d26;border:1px solid #2a2e3a;padding:1px 6px;border-radius:4px}.pile-extra{position:absolute;top:0;right:-12px;font-size:10px;color:#9aa0ad;font-weight:700}.trade-sources{display:flex;flex-direction:column;gap:10px;background:#0d1018;border:1px solid #1f2535;border-radius:10px;padding:10px}.source-row{display:flex;align-items:center;gap:12px}.source-label{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em;min-width:144px}.source-cards{display:flex;gap:6px;flex:1;flex-wrap:wrap}.source-card{position:relative;cursor:grab;-webkit-user-select:none;user-select:none}.source-card.dimmed{cursor:not-allowed}.source-card:active:not(.dimmed){cursor:grabbing}.source-card:hover:not(.dimmed){transform:translateY(-2px);transition:transform .08s ease}.source-count{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;color:#d6cc8a;background:#1a1d26;border:1px solid #2a2e3a;padding:1px 6px;border-radius:4px}.source-count.empty{color:#6c7281;border-color:#2a2e3a;background:#14161f}.bundle-label{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.toast-bundles{display:flex;align-items:center;gap:12px;padding:6px 4px}.toast-bundle{flex:1}.toast-bundle .bundle-stack{gap:18px}.toast-arrow{font-size:18px;color:#6c7281}.toast-note{font-size:10px;color:#d68a8a;margin-top:6px;font-style:italic}.resp-row{padding:6px;border-radius:6px}.resp-row.resp-accepted{background:#1a4a3040}.resp-row.resp-counter{background:#3a3a1a40}.counter-detail{display:inline-flex;align-items:center;gap:6px}.counter-detail .bundle-stack{gap:16px;padding:2px}.trade-toast{position:fixed;top:80px;right:16px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #2a3144;border-radius:10px;padding:12px;width:320px;z-index:50;box-shadow:0 10px 24px #0006}.trade-toast .toast-head{font-size:13px;margin-bottom:8px}.trade-toast .toast-body{display:flex;flex-direction:column;gap:6px;font-size:11px}.trade-toast .toast-foot{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}.trade-toast .muted{color:#6c7281}.trade-waiting{margin-top:10px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #2a3144;border-radius:10px;padding:12px;font-size:12px;width:100%}.response-list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.response-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.response-list .name{font-weight:600;min-width:80px}.counter-summary{display:inline-flex;align-items:center;gap:4px}.counter-grid{margin-top:8px}.counter-grid>div+div{margin-top:8px}.not-found{padding:64px}.mode-hint{background:#ffeb781f;border:1px solid rgba(255,235,120,.45);color:#f4e6a4;padding:8px 12px;border-radius:8px;margin-top:8px;font-size:13px;text-align:center;width:100%}.chat-panel{position:fixed;bottom:16px;right:16px;width:280px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #2a3144;border-radius:10px;box-shadow:0 8px 20px #0006;z-index:30;display:flex;flex-direction:column;font-size:12px}.chat-panel.closed{width:120px}.chat-head{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer;border-bottom:1px solid #2a3144;-webkit-user-select:none;user-select:none}.chat-panel.closed .chat-head{border-bottom:none}.chat-head>span:first-child{flex:1;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#9aa0ad}.chat-count{font-size:10px;padding:1px 6px;border-radius:4px;background:#232a3a;color:#c9cdd6}.chat-toggle{color:#6c7281}.chat-list{max-height:240px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.chat-empty{color:#6c7281;font-style:italic;padding:4px 0}.chat-msg{display:flex;gap:6px}.chat-msg .chat-from{color:#d6cc8a;font-weight:600;flex-shrink:0;max-width:60px;overflow:hidden;text-overflow:ellipsis}.chat-msg.mine .chat-from{color:#8aaad6}.chat-msg .chat-text{color:#e8eaf0;word-break:break-word;flex:1}.chat-input{display:flex;gap:4px;padding:8px;border-top:1px solid #2a3144}.chat-input input{flex:1;min-width:0}.chat-input button{padding:4px 8px}.connection-banner{position:sticky;top:0;z-index:40;text-align:center;padding:6px 12px;font-size:12px;letter-spacing:.06em}.connection-banner.conn-connecting{background:#1a3a6e;color:#c8d6f4}.connection-banner.conn-closed{background:#4a3a1a;color:#d6cc8a}.connection-banner.conn-error{background:#4a1c1c;color:#ff8c8c}.eog-modal{max-width:760px}.eog-title{font-size:32px;margin:0;text-align:center}.eog-table{width:100%;border-collapse:collapse;margin:12px 0}.eog-table th,.eog-table td{text-align:center;padding:6px 8px;border-bottom:1px solid #232a3a}.eog-table th{font-size:11px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.eog-table tbody tr.winner-row{background:#ffeb7814}.eog-table td.total{font-weight:700;color:#d6cc8a;font-size:16px}.eog-table .player-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.turn-timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#1a1d26;border:1px solid #2a2e3a;padding:4px 10px;border-radius:6px;color:#c9cdd6;margin-left:8px}.turn-timer.warning{color:#ff8c8c;border-color:#4a1c1c;background:#2a1414}.turn-timer.muted{opacity:.5}.game-options{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;padding:16px;border-radius:12px}.game-options h2{font-size:14px;color:#9aa0ad;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.opts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 16px}.dev-modal{max-width:720px}.picker-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.picker-side{background:#0d1018;border:1px solid #1f2535;border-radius:10px;padding:10px}.picker-cards{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.picker-monop{justify-content:center;padding:12px 0}.app-loading{min-height:100vh;background:#0d1117}.password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0d1117;padding:16px}.password-gate-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px;background:#161b22;border:1px solid #232a35;border-radius:12px;padding:24px}.password-gate-card h1{margin:0;font-size:24px}.password-gate-card p{margin:0;color:#9aa0ad}.password-gate-card input{background:#0d1117;border:1px solid #2a323d;border-radius:6px;color:#e6edf3;padding:10px 12px;font-size:14px}.password-gate-card button{background:#2f6feb;color:#fff;border:0;border-radius:6px;padding:10px 12px;font-weight:600;cursor:pointer}.password-gate-card button:disabled{opacity:.5;cursor:not-allowed}.password-gate-error{color:#ff8c8c;font-size:13px}.share-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:10px 12px;border-radius:6px;border:1px solid #2a323d;background:#0d1117;color:#e6edf3;font-size:13px}.row{display:flex;gap:8px;margin-top:12px}.hint{color:#9aa0ad;font-size:13px;margin-top:12px}.hint code{background:#0d1117;padding:2px 6px;border-radius:4px;color:#e6edf3}.quick-trade{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#0d1117;border-radius:8px;margin-bottom:12px}.quick-trade .quick-label{font-size:12px;color:#9aa0ad;font-weight:600;margin-right:4px}.quick-trade .quick-arrow{color:#9aa0ad}.quick-trade select{background:#161b22;border:1px solid #2a323d;color:#e6edf3;border-radius:4px;padding:4px 6px;font-size:13px}.quick-trade button{background:#2f6feb;color:#fff;border:0;padding:6px 14px;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px}.quick-trade button:disabled{opacity:.4;cursor:not-allowed}.bot-config{display:inline-flex;gap:4px;margin-left:4px}.bot-config select{background:#0d1117;border:1px solid #2a323d;color:#e6edf3;border-radius:4px;padding:2px 4px;font-size:11px}.side-panel{background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:10px;padding:8px 10px;font-size:12px}.panel-title{font-size:10px;color:#9aa0ad;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.bank-cell{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;border-radius:4px;border-left:3px solid var(--res-color, #2a2e3a);background:#0d1018}.bank-cell .bank-name{color:#c9cdd6;font-size:11px}.bank-cell .bank-count{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:#f4e6a4;font-size:12px}.vp-status{display:flex;align-items:baseline;gap:6px;padding:6px 8px;border-radius:6px;background:#0d1018;margin-bottom:6px}.vp-status .vp-now{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:800;color:#f4e6a4}.vp-status .vp-of{color:#9aa0ad;font-size:12px}.vp-status .vp-todo{color:#c9cdd6;font-size:11px;margin-left:auto}.vp-status .vp-win{color:#8ad6a8;font-size:11px;margin-left:auto;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.vp-paths{font-size:10px;color:#9aa0ad;padding:0 4px 6px;border-bottom:1px solid #1f2535;margin-bottom:4px}.vp-paths .vp-path{line-height:1.55}.build-guide .build-row{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:4px;padding:4px 0;border-bottom:1px solid #1f2535}.build-guide .build-row:last-child{border-bottom:none}.build-icon{font-size:12px}.build-name{color:#c9cdd6;font-size:11px}.build-row.afford .build-name{color:#8ad6a8;font-weight:600}.build-row.miss .build-name{color:#9aa0ad}.build-pips{display:inline-flex;gap:2px;flex-wrap:wrap}.pip-resource{display:inline-block;width:10px;height:14px;border-radius:2px;border:1px solid #2a2e3a}.pip-resource.have{box-shadow:0 0 4px currentColor}.pip-resource.missing{opacity:.25;background:transparent!important}.res-brick{--res-color: #b86136}.res-wood{--res-color: #2c7239}.res-sheep{--res-color: #82c473}.res-wheat{--res-color: #e8b942}.res-ore{--res-color: #7a8294}.pip-resource.res-brick.have{background:#b86136;color:#b86136;border-color:#6e2e16}.pip-resource.res-wood.have{background:#2c7239;color:#2c7239;border-color:#1c4a23}.pip-resource.res-sheep.have{background:#82c473;color:#82c473;border-color:#558c45}.pip-resource.res-wheat.have{background:#e8b942;color:#e8b942;border-color:#a8801d}.pip-resource.res-ore.have{background:#7a8294;color:#7a8294;border-color:#525a72}.pip-resource.res-brick{border-color:#6e2e16}.pip-resource.res-wood{border-color:#1c4a23}.pip-resource.res-sheep{border-color:#558c45}.pip-resource.res-wheat{border-color:#a8801d}.pip-resource.res-ore{border-color:#525a72}.secret-vp{color:#d6a5f4;font-weight:600;margin-left:6px}.secret-vp strong{color:#f4e6a4}.open-turn-trade-btn{margin-left:12px;background:linear-gradient(180deg,#2a4a7a,#182a4a);border:1px solid #4a6aaa;color:#c8d6f4;padding:3px 10px;border-radius:14px;font-size:11px;letter-spacing:.04em;cursor:pointer}.open-turn-trade-btn:hover{filter:brightness(1.15)}.open-turn-banner{margin-top:6px;padding:6px 10px;font-size:12px;background:linear-gradient(180deg,#2a3a6e,#14224a);border:1px solid #4a6aaa;border-radius:8px;color:#c8d6f4}.check-opt{flex-direction:row!important;align-items:center!important;gap:6px!important}.check-opt input[type=checkbox]{margin:0}body.theme-dopamine{background:radial-gradient(ellipse at top,#2d1a4a,#0e0a25 70%) fixed}body.theme-dopamine .game-header,body.theme-dopamine .player-card,body.theme-dopamine .events,body.theme-dopamine .action-panel,body.theme-dopamine .side-panel,body.theme-dopamine .modal,body.theme-dopamine .trade-waiting,body.theme-dopamine .chat-panel,body.theme-dopamine .trade-toast{background:linear-gradient(180deg,#2a1f4a,#1a1230);border-color:#4a3a8a}body.theme-dopamine .board-area{background:radial-gradient(ellipse at top,#2d1a5a,#0e0a25 80%);border-color:#4a3a8a;box-shadow:0 10px 32px #8c50dc4d}body.theme-dopamine button{background:linear-gradient(180deg,#4a3aaa,#2a1f7a);border-color:#6a55d6;color:#f4e6ff}body.theme-dopamine .winner-banner{background:linear-gradient(180deg,#c47a1a,#6a3a1a);border-color:#f4b842;color:#fff8c4;animation:dopamine-shine 2s ease-in-out infinite}body.theme-dopamine .player-card.current{outline-color:#f4e6a4;box-shadow:0 0 18px #f4e6a440}body.theme-dopamine .dice-pair.clickable{background:#f48af42e;border-color:#f48af4}@keyframes dopamine-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.global-toggles{position:fixed;top:12px;right:12px;z-index:200;display:flex;gap:8px}.global-toggles button{box-shadow:0 4px 14px #0006}.sound-toggle-fixed,.theme-toggle-fixed{z-index:200;background:linear-gradient(180deg,#232a3a,#181c28);border:1px solid #2f3648;color:#c9cdd6;padding:6px 12px;border-radius:8px;font-size:12px;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 14px #0006}.sound-toggle-fixed,.theme-toggle-fixed{background:linear-gradient(180deg,#232a3a,#181c28);border:1px solid #2f3648;color:#c9cdd6;padding:6px 12px;border-radius:8px;font-size:12px;letter-spacing:.05em;cursor:pointer}.sound-toggle-fixed:hover,.theme-toggle-fixed:hover{filter:brightness(1.15)}body.theme-dopamine .theme-toggle-fixed,body.theme-dopamine .sound-toggle-fixed{background:linear-gradient(180deg,#f4a83a,#c47a1a);color:#1a1a1a;border-color:#f4d68a;font-weight:700;box-shadow:0 4px 18px #f4a83a73}.theme-toggle-wrap{position:relative}.theme-toggle-fixed{display:inline-flex;align-items:center;gap:8px}.theme-toggle-label{font-weight:600}.theme-toggle-caret{opacity:.65;font-size:10px}.theme-swatch{display:inline-flex;gap:2px;padding:2px;background:#00000040;border-radius:4px}.theme-swatch-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.theme-menu{position:absolute;top:calc(100% + 6px);right:0;margin:0;padding:6px;list-style:none;background:linear-gradient(180deg,#1d2230,#131722);border:1px solid #2f3648;border-radius:10px;box-shadow:0 12px 32px #0000008c;min-width:240px;z-index:210}.theme-menu li{margin:0}.theme-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:#d8dde8;cursor:pointer;text-align:left;font-size:12px;letter-spacing:.02em}.theme-menu-item:hover{background:#ffffff0d;border-color:#2f3648}.theme-menu-item.active{background:#78a0ff1a;border-color:#4a6abf}.theme-menu-text{display:flex;flex-direction:column;flex:1}.theme-menu-label{font-weight:700}.theme-menu-desc{color:#8893a8;font-size:11px}.theme-menu-check{color:#6ae0a0;font-weight:800}body.theme-dopamine-max{background:radial-gradient(ellipse at top,#4a0a6a,#1a0040,#050015) fixed}body.theme-dopamine-max .game-header,body.theme-dopamine-max .player-card,body.theme-dopamine-max .events,body.theme-dopamine-max .action-panel,body.theme-dopamine-max .side-panel,body.theme-dopamine-max .modal,body.theme-dopamine-max .trade-waiting,body.theme-dopamine-max .chat-panel,body.theme-dopamine-max .trade-toast{background:linear-gradient(180deg,#2a0a5a,#16003a);border-color:#ff2dd6;box-shadow:0 0 0 1px #ff2dd640,0 8px 22px #ff2dd62e}body.theme-dopamine-max .board-area{background:radial-gradient(ellipse at top,#3a0a6a,#0a0020 80%);border-color:#ff2dd6;box-shadow:0 0 28px #ff2dd659}body.theme-dopamine-max button{background:linear-gradient(180deg,#ff2dd6,#7a00aa);border-color:#ff8ae6;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.4)}body.theme-dopamine-max .winner-banner{background:linear-gradient(180deg,#ffd400,#ff2dd6);border-color:#fff;color:#16003a;animation:dopamine-shine 1.2s ease-in-out infinite}body.theme-dopamine-max .player-card.current{outline-color:#ffd400;box-shadow:0 0 22px #ffd40080}body.theme-dopamine-max .dice-pair.clickable{background:#ff2dd640;border-color:#ff2dd6}body.theme-dopamine-max .theme-toggle-fixed,body.theme-dopamine-max .sound-toggle-fixed{background:linear-gradient(180deg,#ff2dd6,#7a00aa);color:#fff;border-color:#ffd400;font-weight:800;box-shadow:0 0 18px #ff2dd699}body.theme-night{background:linear-gradient(180deg,#0c1018,#060a10) fixed;color:#b5bcc8}body.theme-night .game-header,body.theme-night .player-card,body.theme-night .events,body.theme-night .action-panel,body.theme-night .side-panel,body.theme-night .modal,body.theme-night .trade-waiting,body.theme-night .chat-panel,body.theme-night .trade-toast{background:#11161e;border-color:#1d2530;color:#b5bcc8}body.theme-night .board-area{background:#0a0e14;border-color:#1d2530;box-shadow:0 8px 22px #0009}body.theme-night button{background:linear-gradient(180deg,#1e2632,#131820);border-color:#2a3340;color:#b5bcc8}body.theme-night .winner-banner{background:linear-gradient(180deg,#2a3a4a,#1a242e);border-color:#3a5060;color:#d4dde6}body.theme-night .player-card.current{outline-color:#6ab0d8;box-shadow:0 0 12px #6ab0d833}body.theme-night .dice-pair.clickable{background:#78a0c81a;border-color:#5a7892}body.theme-night .theme-toggle-fixed,body.theme-night .sound-toggle-fixed{background:linear-gradient(180deg,#1a2230,#0e131c);color:#8a96a8;border-color:#2a3340;box-shadow:none}.gold-picker{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.gold-pick-col{display:flex;flex-direction:column;align-items:center;gap:6px}.gold-stepper{display:flex;align-items:center;gap:8px}.gold-stepper button{width:30px;height:30px;font-size:18px;line-height:1;padding:0;border-radius:6px}.gold-stepper span{min-width:16px;text-align:center;font-weight:700}.gold-bank-note{font-size:11px;opacity:.65}@media(max-width:640px){.game{padding:8px}.game-header{flex-wrap:wrap;gap:8px}.game-header h1{font-size:18px}.game-body{gap:10px}.board-area{order:-1;padding:8px}.board-area svg{width:100%;height:auto}.players{flex-direction:row;flex-wrap:wrap}.players .player-card{flex:1 1 45%}.action-panel{gap:8px}.action-panel button{min-height:44px;flex:1 1 auto;font-size:15px}.action-panel select,.action-panel .bank-trade-mini select{min-height:40px;font-size:15px}.events{max-height:180px;overflow-y:auto}.modal{width:94vw;max-width:94vw;padding:14px;box-sizing:border-box}.modal .card-row{overflow-x:auto;flex-wrap:nowrap}.gold-picker{gap:6px}.board-area,.action-panel button{-webkit-tap-highlight-color:transparent}}.game-picker{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.game-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--border, #444);border-radius:8px;background:transparent;cursor:pointer}.game-tile.selected{border-color:var(--accent, #5a7ed6);box-shadow:0 0 0 1px var(--accent, #5a7ed6) inset}.game-tile-title{font-weight:600}.game-tile-blurb{font-size:.85em;opacity:.8}.game-tile-players{font-size:.75em;opacity:.6}.dm-status{padding:8px 12px;font-size:.95em}.dm-compose-hint{padding:6px 12px;background:var(--accent, #5a7ed6);color:#fff;border-radius:6px;margin:6px 12px}.dm-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:8px 12px}.dm-player{border:1px solid var(--border, #444);border-radius:8px;padding:8px}.dm-player.current{border-color:var(--accent, #5a7ed6)}.dm-player.responder{box-shadow:0 0 0 2px #d6a05a inset}.dm-player-head{font-size:.85em;margin-bottom:4px}.dm-sets{display:flex;flex-wrap:wrap;gap:4px}.dm-set{font-size:.75em;padding:2px 6px;border-radius:4px;border:1px solid var(--border, #555)}.dm-set.complete{font-weight:600;border-color:#5ad681}.dm-set.pickable{cursor:pointer;outline:1px dashed #d6a05a}.dm-pick{font-size:.7em;margin-left:2px;padding:0 4px}.dm-pending{margin:8px 12px;padding:10px;border:2px solid #d6a05a;border-radius:8px}.dm-pay-cards,.dm-hand{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}.dm-card{border:1px solid var(--border, #555);border-radius:6px;padding:6px;font-size:.8em;min-width:90px}.dm-card.sel,.dm-card-actions .sel{outline:2px solid var(--accent, #5a7ed6)}.dm-card-label{font-weight:600;margin-bottom:4px}.dm-card-actions{display:flex;flex-wrap:wrap;gap:3px}.dm-card-actions button,.dm-card-actions select{font-size:.9em}.dm-hand-area{padding:8px 12px}.dm-controls{display:flex;gap:8px;align-items:center;margin-bottom:6px}.dm-warn{color:#d6a05a}.ac-status{padding:8px 12px;font-weight:600}.ac-top{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;flex-wrap:wrap}.ac-foundations{display:flex;gap:8px;flex-wrap:wrap}.ac-foundation{padding:8px 10px;border:2px dashed var(--accent, #5a7ed6);border-radius:8px;background:transparent;cursor:pointer}.ac-foundation.complete{border-style:solid;border-color:#5ad681}.ac-stock-area{display:flex;gap:8px;align-items:flex-start}.ac-stock{padding:20px 12px;border-radius:8px}.ac-actions{display:flex;gap:8px;align-items:center;padding:6px 12px;background:var(--accent, #5a7ed6);color:#fff}.ac-columns{display:flex;gap:8px;padding:12px;overflow-x:auto;align-items:flex-start}.ac-column{display:flex;flex-direction:column;gap:3px;min-width:96px}.ac-card{min-height:30px;padding:6px 8px;border-radius:6px;border:1px solid var(--border, #555);font-size:.8em;display:flex;align-items:center}.ac-card.ac-down{background:repeating-linear-gradient(45deg,#3a4252,#3a4252 5px,#2c333f 5px,#2c333f 10px)}.ac-card.ac-word{background:var(--card-bg, #f5f3ec);color:#222}.ac-card.ac-cat{background:#5a4632;color:#fff;font-weight:600}.ac-card.ac-empty{opacity:.3;border-style:dashed}.ac-card.ac-live{cursor:pointer}.ac-card.ac-sel{outline:3px solid #d6a05a}.ac-col-drop{font-size:.7em;margin-top:2px}.ac-hint{opacity:.7;font-style:italic}.kn-status,.kn-scores{padding:6px 12px}.kn-scores{display:flex;gap:12px;font-size:.85em}.kn-scores .current{font-weight:700}.kn-board{padding:12px;overflow:auto}.kn-row{display:flex}.kn-cell{width:34px;height:34px;display:flex;align-items:center;justify-content:center}.kn-cell.empty{border:1px dashed #444;background:transparent;border-radius:4px}.kn-cell.empty:disabled{border-color:#2a2a2a}.kn-tile{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f5f3ec;border-radius:5px;border:1px solid #999}.kn-tile.live{cursor:pointer}.kn-tile.sel{outline:3px solid #d6a05a}.kn-tile.staged{outline:2px dashed #d6a05a}.kn-hand-area{padding:8px 12px;border-top:1px solid #333}.kn-hand{display:flex;gap:6px;margin-bottom:6px}.kn-controls{display:flex;gap:8px;align-items:center;font-size:.85em}.tr-status,.tr-scores{padding:6px 12px}.tr-scores{display:flex;gap:12px;font-size:.85em}.tr-scores .current{font-weight:700}.tr-board,.tr-staging{padding:8px 12px}.tr-board-label{font-size:.75em;opacity:.6;margin-bottom:4px}.tr-meld{display:inline-flex;gap:2px;padding:4px;margin:0 6px 6px 0;border:1px solid #444;border-radius:6px;vertical-align:top}.tr-meld.staged{border-color:#d6a05a}.tr-tile{min-width:26px;height:34px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-weight:700;background:#f5f3ec;border-radius:5px;border:1px solid #999;font-size:16px}.tr-tile.live{cursor:pointer}.tr-tile.sel{outline:3px solid #d6a05a}.tr-rack-area{padding:8px 12px;border-top:1px solid #333}.tr-rack{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.tr-controls{display:flex;gap:8px;align-items:center;font-size:.85em}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;overflow:hidden}.fx-chip{position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;border:1.5px solid rgba(10,12,18,.85);box-shadow:0 2px 6px #00000073;will-change:transform,opacity}.fx-card-back{width:24px;height:34px;border-radius:5px;background:#1a2638;color:#3a5688;border-color:#0a0c12}.fx-dev-back{background:#2a1c10;color:#e0b67a;font-size:8px;letter-spacing:.05em}.fx-chip-badge{position:absolute;top:-7px;right:-9px;background:#ffeb78;color:#1a1a1a;font-size:9px;font-weight:800;border-radius:8px;padding:1px 4px;border:1px solid #0a0c12}.fx-toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);background:#0d1018eb;border:2px solid #ffeb78;border-radius:14px;padding:14px 30px;font-size:26px;font-weight:800;letter-spacing:.12em;color:#f4ecd6;text-shadow:0 2px 6px rgba(0,0,0,.6);box-shadow:0 12px 40px #0000008c;white-space:nowrap}.fx-banner{--fx-banner-accent: #ffeb78;position:absolute;left:0;right:0;top:30%;margin:0 auto;width:fit-content;max-width:90vw;background:linear-gradient(90deg,#0d101800,#0d1018f2 18%,#0d1018f2 82%,#0d101800);border-top:2px solid var(--fx-banner-accent);border-bottom:2px solid var(--fx-banner-accent);padding:12px 56px;font-size:20px;font-weight:800;letter-spacing:.06em;color:#f4ecd6;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.6);white-space:nowrap}.fx-vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 140px 50px #b020208c}.fx-confetti{position:absolute;top:0;left:0;border-radius:2px;will-change:transform,opacity}.fx-puff{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;will-change:transform,opacity}.tile-flash-poly{fill:#ffd95a59;stroke:#ffd95a;stroke-width:3;animation:tile-flash 1.7s ease-out forwards}@keyframes tile-flash{0%{fill-opacity:1;stroke-opacity:1}35%{fill-opacity:.85;stroke-opacity:1}to{fill-opacity:0;stroke-opacity:0}}.token-flash{animation:token-pulse .55s cubic-bezier(.34,1.56,.64,1) 2;transform-box:fill-box;transform-origin:center}@keyframes token-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.piece-pop{animation:piece-pop .42s cubic-bezier(.34,1.56,.64,1) backwards;transform-box:fill-box;transform-origin:center}@keyframes piece-pop{0%{transform:scale(.15)}70%{transform:scale(1.18)}to{transform:scale(1)}}.ghost-piece{opacity:.55}.ghost-piece g{filter:none!important}.robber-mover{transition:transform .65s cubic-bezier(.45,-.25,.35,1.25);will-change:transform}.die-tumble{display:inline-block}.die-tumble-1{animation:die-shake-1 .16s ease-in-out infinite}.die-tumble-2{animation:die-shake-2 .19s ease-in-out infinite}@keyframes die-shake-1{0%,to{transform:translate(0) rotate(-7deg)}50%{transform:translate(1px,-3px) rotate(8deg)}}@keyframes die-shake-2{0%,to{transform:translateY(1px) rotate(6deg)}50%{transform:translate(-2px,-2px) rotate(-8deg)}}.die-landed{display:inline-block;animation:die-land .22s cubic-bezier(.34,1.56,.64,1)}@keyframes die-land{0%{transform:scale(1.25)}to{transform:scale(1)}}.dice-sum.pending{color:#9aa0ad}.player-card.current{animation:current-glow 2.2s ease-in-out infinite}@keyframes current-glow{0%,to{box-shadow:0 0 #5a7ed600}50%{box-shadow:0 0 12px 2px #5a7ed673}}body.fx-your-turn .board-area{animation:board-turn-pulse 1.1s ease-out}@keyframes board-turn-pulse{0%{box-shadow:0 0 #ffeb7880}to{box-shadow:0 0 0 26px #ffeb7800}}body.no-motion .tile-flash-poly{animation:none;fill-opacity:.45;stroke-opacity:.8}body.no-motion .token-flash,body.no-motion .piece-pop,body.no-motion .die-tumble-1,body.no-motion .die-tumble-2,body.no-motion .die-landed,body.no-motion .player-card.current,body.no-motion .dice-pair.clickable{animation:none}body.no-motion .robber-mover{transition:none}body.no-motion.fx-your-turn .board-area{animation:none}@media(prefers-reduced-motion:reduce){.tile-flash-poly{animation:none;fill-opacity:.45;stroke-opacity:.8}.token-flash,.piece-pop,.die-tumble-1,.die-tumble-2,.die-landed,.player-card.current,.dice-pair.clickable{animation:none}.robber-mover{transition:none}body.fx-your-turn .board-area{animation:none}}.board-wrap{position:relative;width:100%}.board-controls{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px;z-index:5}.board-controls button{width:30px;height:30px;border-radius:8px;border:1px solid #2a2e3a;background:#131722e0;color:#d6cc8a;font-size:16px;font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center}.board-controls button:hover{background:#222838f2;border-color:#3a4258}.sea-drift-1{animation:sea-drift 9s linear infinite}.sea-drift-2{animation:sea-drift 14s linear infinite reverse}@keyframes sea-drift{0%{transform:translate(0)}to{transform:translate(40px)}}body.no-motion .sea-drift-1,body.no-motion .sea-drift-2{animation:none}@media(prefers-reduced-motion:reduce){.sea-drift-1,.sea-drift-2{animation:none}}.game-v2{display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 24px)}.game-v2 .game-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.game-v2 .game-header h1{font-size:16px;margin:0}.opponents-row{display:flex;gap:8px;flex-wrap:wrap}.player-strip{--strip-color: #888;display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:200px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-left:4px solid var(--strip-color);border-radius:10px;padding:7px 10px;font-size:12px}.player-strip.current{outline:2px solid var(--strip-color);outline-offset:-1px;animation:current-glow 2.2s ease-in-out infinite}.player-strip.threat{border-color:#7a3a2a}.strip-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#10131a;font-weight:800;font-size:13px;flex:none;box-shadow:0 1px 3px #0006}.strip-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.strip-you{background:#2a3148;color:#9ab0e8;border-radius:6px;font-size:9px;padding:1px 5px;margin-left:5px;vertical-align:1px}.strip-vp{font-weight:800;font-size:15px;color:#d6cc8a;display:flex;align-items:baseline;gap:3px}.strip-vp-label{font-size:9px;color:#9aa0ad;font-weight:600}.strip-vp-secret{color:#ffeb78;font-size:11px}.strip-stat{color:#9aa0ad;white-space:nowrap}.strip-badge{font-size:14px}.strip-warn{color:#ff9c6a;font-weight:800;font-size:14px;animation:current-glow 1.6s ease-in-out infinite}.strip-timer{margin-left:auto;font-size:11px}.stage-mid{display:flex;gap:10px;align-items:stretch;flex:1;min-height:0}.stage-mid .board-area{flex:1;min-width:0}.log-panel{width:250px;flex:none;display:flex;flex-direction:column;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:12px;overflow:hidden}.log-tabs{display:flex;border-bottom:1px solid #232a3a}.log-tabs button{flex:1;background:transparent;border:0;color:#9aa0ad;font:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;padding:8px 4px;cursor:pointer;position:relative}.log-tabs button.active{color:#f4ecd6;box-shadow:inset 0 -2px #d6cc8a}.log-tabs .log-collapse{flex:0 0 34px;font-size:13px}.log-unread{background:#d65a5a;color:#fff;font-size:9px;border-radius:8px;padding:1px 5px;margin-left:4px;vertical-align:2px}.log-list{list-style:none;margin:0;padding:8px 10px;overflow-y:auto;flex:1;font-size:11.5px;color:#b6bcc8;display:flex;flex-direction:column;gap:5px;max-height:60vh}.log-list li{display:flex;gap:7px;align-items:baseline}.log-list .muted{color:#5a6070}.log-icon{flex:none;width:16px;text-align:center}.log-chat{display:flex;flex-direction:column;flex:1;min-height:0}.log-chat .chat-list{flex:1;overflow-y:auto;padding:8px 10px;max-height:56vh}.log-chat .chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid #232a3a}.log-chat .chat-input input{flex:1;min-width:0}.log-rail{width:34px;flex:none;border-radius:12px;border:1px solid #232a3a;background:linear-gradient(180deg,#1a1f2e,#131722);color:#9aa0ad;cursor:pointer;font-size:15px;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:6px}.log-rail:hover{color:#f4ecd6}.bottom-bar{display:grid;grid-template-columns:minmax(150px,auto) 1fr minmax(220px,auto);gap:10px;align-items:end}.bottom-left{display:flex;flex-direction:column;gap:6px}.game-v2 .bank-panel{margin:0}.game-v2 .bank-grid{display:flex;gap:4px}.costs-pop-wrap{position:relative}.costs-btn{background:#1a1f2e;border:1px solid #232a3a;border-radius:8px;color:#9aa0ad;font:inherit;font-size:11px;padding:5px 10px;cursor:pointer}.costs-btn:hover{color:#f4ecd6;border-color:#3a4258}.costs-pop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:40;width:240px;box-shadow:0 12px 32px #00000080;border-radius:12px}.costs-pop .build-guide{margin:0}.game-v2 .my-hand-area{position:static;margin:0;padding:0;background:none;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:2px}.game-v2 .my-hand-area.spectator-spacer{min-height:40px}.bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.bottom-right .dice-area{display:flex;align-items:center;gap:8px}.bottom-right .action-panel{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:420px}@media(max-width:1000px){.stage-mid{flex-direction:column}.log-panel{width:100%;max-height:220px}.log-rail{width:100%;height:34px;flex-direction:row;padding:0;justify-content:center}.bottom-bar{grid-template-columns:1fr}.bottom-right{align-items:stretch}.bottom-right .action-panel{justify-content:flex-start;max-width:none}.strip-name{max-width:70px}}.trade-negotiation{position:absolute;top:10px;left:10px;z-index:30;width:min(380px,calc(100% - 20px));background:#10141ef5;border:1px solid #3a4258;border-radius:12px;padding:12px 14px;box-shadow:0 14px 38px #0000008c;font-size:12.5px;display:flex;flex-direction:column;gap:8px}.trade-negotiation .toast-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.trade-head-actions{display:flex;gap:6px}.trade-head-actions button{font-size:11px;padding:3px 9px}.trade-targeted-note{color:#9aa0ad;font-weight:400;font-size:11px}.trade-negotiation .response-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.trade-negotiation .resp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trade-negotiation .resp-row .name{font-weight:600}.trade-negotiation .badge.resp-pending{color:#9aa0ad}.trade-negotiation .badge.resp-accepted{color:#5ad681}.trade-negotiation .badge.resp-declined{color:#d65a5a}.trade-negotiation .badge.resp-counter{color:#d6cc8a}.trade-negotiation .toast-foot{display:flex;gap:6px}.trade-quick-hand{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.quick-chip{background:#1a2030;border:1px solid #2a3248;border-radius:8px;color:#d6dce8;font:inherit;font-size:12px;padding:4px 9px;cursor:pointer}.quick-chip:hover:not(:disabled){border-color:#5a7ed6}.quick-chip:disabled{opacity:.4;cursor:default}.trade-targets,.trade-recent{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.trade-targets-label{color:#9aa0ad;font-size:11px}.target-chip{background:transparent;border:1px solid #2a3248;border-radius:999px;color:#b6bcc8;font:inherit;font-size:11px;padding:3px 11px;cursor:pointer}.target-chip.selected{border-color:#d6cc8a;color:#f4ecd6;background:#d6cc8a1f}.recent-offer{background:#161b28;border:1px solid #2a3248;border-radius:8px;color:#b6bcc8;font:inherit;font-size:11px;padding:3px 8px;cursor:pointer}.recent-offer:hover{border-color:#5a7ed6}.game-v2 .board-wrap{display:flex;justify-content:center}.game-v2 .board-wrap svg{max-height:max(340px,calc(100vh - 330px));width:100%}.replay{max-width:980px;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:10px}.replay-head{display:flex;align-items:baseline;justify-content:space-between}.replay-head h1{font-size:18px;margin:0}.replay-winner{color:#d6cc8a;font-size:14px}.replay-players{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#b6bcc8}.replay-player{display:inline-flex;align-items:center;gap:6px}.replay-board{background:radial-gradient(ellipse at top,#1a2540,#0d1525 80%);border:1px solid #232a3a;border-radius:14px;padding:12px;display:grid;place-items:center}.replay-board .board-wrap svg{max-height:calc(100vh - 280px)}.replay-controls{display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:12px;padding:10px 14px}.replay-desc{font-size:13px;color:#d6dce8;min-height:18px}.replay-step{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa0ad;margin-right:8px}.replay-controls input[type=range]{width:100%}.replay-buttons{display:flex;gap:6px;justify-content:center}.replay-buttons button{min-width:44px;padding:6px 0;font-size:14px}.stats-panel{margin-top:18px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:12px;padding:14px 18px;font-size:13px}.stats-panel h2{margin:0 0 10px;font-size:16px}.stats-panel h3{margin:14px 0 6px;font-size:13px;color:#9aa0ad}.stats-table{border-collapse:collapse;width:100%}.stats-table th{text-align:left;color:#9aa0ad;font-size:11px;font-weight:600;padding:3px 10px 3px 0}.stats-table td{padding:3px 10px 3px 0}.stats-maps{font-size:11px}.stats-superlatives{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.superlative{background:#161b28;border:1px solid #2a3248;border-radius:10px;padding:6px 12px;font-size:12px}.superlative-label{display:block;color:#9aa0ad;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.recent-games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.recent-games a{color:#8ab0ff}.stats-more{display:inline-block;margin-top:10px;color:#8ab0ff}.stats-page{max-width:880px;margin:0 auto}.header-right{display:flex;align-items:center;gap:10px}.help-btn{width:28px;height:28px;border-radius:50%;border:1px solid #2a3248;background:#1a2030;color:#9aa0ad;font-weight:800;font-size:14px;cursor:pointer}.help-btn:hover{color:#f4ecd6;border-color:#3a4258}.howto-modal{max-width:420px;text-align:center}.howto-icon{font-size:42px;margin-bottom:4px}.howto-modal h2{margin:0 0 8px}.howto-modal p{color:#b6bcc8;line-height:1.5}.howto-costs{margin:10px auto;border-collapse:collapse;font-size:13px}.howto-costs td{padding:4px 12px;text-align:left}.howto-costs td:first-child{font-weight:600}.howto-costs kbd{background:#1a2030;border:1px solid #2a3248;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.howto-dots{display:flex;gap:6px;justify-content:center;margin:12px 0 4px}.howto-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:0;background:#2a3248;cursor:pointer}.howto-dots button.active{background:#d6cc8a}.howto-primary{background:#2a3a5c;border-color:#3a4e78}.howto-modal .modal-foot{justify-content:center}.hand-drawer-handle{display:none}@media(max-width:760px){.game-v2{gap:6px;min-height:0;padding-bottom:4px}.game-v2 .game-header h1{font-size:14px}.turn-indicator{font-size:11px}.opponents-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.player-strip{min-width:168px;flex:0 0 auto;font-size:11px;gap:6px}.strip-stat{font-size:10px}.strip-name{max-width:64px}.stage-mid{flex-direction:column}.game-v2 .board-wrap svg{max-height:52vh}.log-panel{width:100%}.log-list{max-height:140px}.log-chat .chat-list{max-height:130px}.log-rail{width:100%;height:40px;flex-direction:row;padding:0;justify-content:center}.bottom-bar{position:sticky;bottom:0;z-index:25;grid-template-columns:1fr;gap:6px;background:#0d1018f5;border-top:1px solid #232a3a;padding:6px 4px calc(6px + env(safe-area-inset-bottom));margin:0 -4px}.bottom-left{flex-direction:row;align-items:center}.bottom-right{align-items:stretch}.bottom-right .dice-area{justify-content:center}.bottom-right .action-panel{justify-content:center;max-width:none}.action-panel button,.modal button,.replay-buttons button,.toast-foot button,.trade-head-actions button,.hand-drawer-handle,.log-tabs button{min-height:44px}.board-controls button{width:44px;height:44px;font-size:20px}.costs-btn{min-height:38px}.hand-drawer-handle{display:block;width:100%;background:#161b28;border:1px solid #2a3248;border-radius:10px;color:#9aa0ad;font:inherit;font-size:12px;cursor:pointer;touch-action:none}.my-hand-area.drawer-closed .hand-drawer-body,.my-hand-area.drawer-closed .my-hand-label{display:none}.my-hand-area .hand-drawer-body{overflow-x:auto;max-width:100vw}}.map-preview{margin-top:12px;display:flex;gap:14px;align-items:center;background:#0d101880;border:1px solid #232a3a;border-radius:12px;padding:10px 14px}.map-preview-board{flex:0 0 280px;max-width:280px}.map-preview-board .board-wrap svg{max-height:220px}.map-preview-board .board-controls{display:none}.map-preview-meta{flex:1;min-width:0;font-size:12.5px}.map-preview-desc{margin:0 0 6px;color:#d6dce8}.map-preview-stats{margin:0;color:#9aa0ad}.map-preview-note{margin:8px 0 0;color:#6c7281;font-size:11px;font-style:italic}@media(max-width:700px){.map-preview{flex-direction:column;align-items:stretch}.map-preview-board{flex:none;max-width:none}}.editor{max-width:1100px;margin:0 auto;padding:12px}.editor-main{display:flex;gap:16px;align-items:flex-start}.editor-canvas{flex:1;min-width:0}.editor-tools{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.editor-tool{display:inline-flex;align-items:center;gap:6px;background:#161b28;border:1px solid #2a3248;border-radius:8px;color:#d6dce8;font:inherit;font-size:12px;padding:6px 12px;cursor:pointer}.editor-tool.active{border-color:#d6cc8a;color:#f4ecd6;background:#d6cc8a1a}.editor-swatch{width:14px;height:14px;border-radius:4px;border:1px solid #4a5268}.editor-grid{width:100%;background:radial-gradient(ellipse at top,#1a2540,#0d1525 80%);border:1px solid #232a3a;border-radius:14px;touch-action:none;cursor:crosshair}.editor-hint{color:#9aa0ad;font-size:12px;margin:6px 0 0}.editor-side{flex:0 0 260px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#1a1f2e,#131722);border:1px solid #232a3a;border-radius:12px;padding:14px;font-size:13px}.editor-side label{display:flex;flex-direction:column;gap:4px;color:#9aa0ad;font-size:12px}.editor-side textarea{font-family:ui-monospace,Menlo,monospace;font-size:11px}.editor-issues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:12px}.editor-issues .error{color:#ff9c9c}.editor-issues .warning{color:#ffd98a}.editor-actions{display:flex;gap:6px;flex-wrap:wrap}.editor-drafts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.editor-preview{margin-top:16px}.editor-preview h3{font-size:14px;margin:0 0 8px}.editor-preview-board{max-width:560px}.landing-links{margin:14px 0 0}.landing-links a{color:#8ab0ff}.custom-map-row{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px}.custom-map-row a{color:#8ab0ff;font-size:12px}.custom-map-paste{width:100%;display:flex;flex-direction:column;gap:6px}.custom-map-paste textarea{font-family:ui-monospace,Menlo,monospace;font-size:11px}@media(max-width:800px){.editor-main{flex-direction:column}.editor-side{flex:none;width:auto}}.header-mobile-toggles{display:none}@media(max-width:760px){.global-toggles{position:static;justify-content:flex-end;padding:6px 8px 0}.global-toggles button{box-shadow:none;font-size:10px;padding:4px 8px}body:has(.game-v2) .global-toggles{display:none}.header-mobile-toggles{display:inline-flex;gap:6px}.header-mobile-toggles button{padding:4px 9px;font-size:13px;min-height:32px}body:has(.game-v2){overflow:hidden}.game-v2{height:100dvh;min-height:0;overflow:hidden;padding:4px 4px calc(4px + env(safe-area-inset-bottom));box-sizing:border-box;gap:4px}.game-v2 .game-header{flex:none;padding:0 4px}.game-v2 .game-header h1{font-size:13px}.turn-indicator{font-size:10px}.help-btn{width:32px;height:32px}.opponents-row{flex:none;gap:6px}.player-strip{padding:5px 8px;min-width:150px}.strip-avatar{width:22px;height:22px;font-size:11px}.stage-mid{flex:1 1 0;min-height:0;position:relative}.stage-mid .board-area{flex:1 1 0;min-height:0;padding:6px}.game-v2 .board-wrap{height:100%;align-items:center}.game-v2 .board-wrap svg{height:100%!important;max-height:100%;width:100%}.log-rail{position:absolute;top:10px;left:10px;width:42px;height:42px;border-radius:50%;z-index:24;flex-direction:column;justify-content:center;padding:0;box-shadow:0 4px 14px #00000073}.log-panel{position:fixed;top:max(54px,env(safe-area-inset-top));right:8px;left:8px;bottom:calc(140px + env(safe-area-inset-bottom));width:auto;max-height:none;z-index:60;box-shadow:0 18px 50px #0009}.log-list,.log-chat .chat-list{max-height:none}.bottom-bar{position:static;flex:none;margin:0;border-top:1px solid #232a3a;padding:4px 2px 0;background:none;display:flex;flex-direction:column;gap:4px}.bottom-left{order:3;gap:6px}.game-v2 .bank-panel{padding:4px 8px}.game-v2 .bank-panel .panel-title{display:none}.game-v2 .bank-grid{gap:3px;font-size:10px}.game-v2 .my-hand-area{order:2}.bottom-right{order:1;flex-direction:column;gap:4px}.bottom-right .dice-area{justify-content:center;gap:6px}.bottom-right .dice-area .die{width:38px;height:38px}.bottom-right .action-panel{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;max-width:none;padding-bottom:2px}.bottom-right .action-panel>*{flex:none}.trade-negotiation{width:auto;left:8px;right:8px;max-height:55vh;overflow-y:auto}.modal{max-width:calc(100vw - 24px);max-height:88dvh;overflow-y:auto}}@media(max-width:760px){body{overflow-x:hidden}.seats .seat{flex-wrap:wrap;row-gap:4px}.seats .bot-config{display:flex;gap:4px;flex-basis:100%;min-width:0}.seats .bot-config select{flex:1 1 0;min-width:0;font-size:12px;min-height:36px}.seats .kick{margin-left:auto;min-height:36px}.opts-grid{grid-template-columns:1fr 1fr}.opts-grid select,.opts-grid input{min-height:38px}}.main-actions button{white-space:nowrap}.end-turn-action{background:#2a3a5c!important;border-color:#4a6aa8!important;color:#e8eeff!important;font-weight:700}.cancel-action{background:#3a2430!important;border-color:#6a3a4a!important}.mode-active{outline:2px solid #d6cc8a;outline-offset:-1px}.bank-row{justify-content:center}@media(max-width:760px){.bottom-right .action-panel.main-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;overflow:visible;padding-bottom:0}.bottom-right .action-panel.main-actions>*{flex:initial;min-width:0;font-size:12px;padding:0 4px}.bottom-right .action-panel.bank-row{overflow:visible;justify-content:center;flex-wrap:wrap}.bank-trade-mini{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.bank-trade-mini select{min-height:40px;font-size:13px}.bottom-right .dice-area{gap:10px}}@media(max-width:760px){.game-v2 .board-area{display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.game-v2 .board-wrap{flex:1 1 0;min-height:0;width:100%;max-width:none!important;display:block}.game-v2 .board-wrap svg{width:100%;height:100%!important}.game-v2 .mode-hint,.game-v2 .waiting,.game-v2 .open-turn-banner{flex:none}}.pick-pulse{animation:pick-pulse 1.2s ease-in-out infinite;will-change:opacity}@keyframes pick-pulse{0%,to{opacity:.62}50%{opacity:1}}body.no-motion .pick-pulse{animation:none;opacity:.85}.dice-pair.clickable{animation:none}.dice-pair.clickable:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;box-shadow:0 0 0 6px #ffeb7826;animation:glow-opacity 1.6s ease-in-out infinite;pointer-events:none}.player-strip{position:relative}.player-strip.current,.player-card.current{animation:none}.player-strip.current:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;box-shadow:0 0 12px 2px #5a7ed673;animation:glow-opacity 2.2s ease-in-out infinite;pointer-events:none}.strip-warn{animation:warn-opacity 1.6s ease-in-out infinite}@keyframes glow-opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes warn-opacity{0%,to{opacity:.55}50%{opacity:1}}.sea-drift-1,.sea-drift-2{will-change:transform}body.no-motion .dice-pair.clickable:after,body.no-motion .player-strip.current:after,body.no-motion .strip-warn{animation:none}@media(pointer:coarse){.sea-drift-1,.sea-drift-2{animation:none}}