: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}.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{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}