:root{color:#1b2b3a;background:#eef3f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}button{font-family:inherit}.menu{text-align:center;max-width:560px;margin:0 auto;padding:48px 20px}.logo-title{margin:0 0 8px;font-size:2.2rem}.tagline{color:#4a5b6b;margin:0 0 28px}.menu-card{text-align:left;background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 24px #0000001a}.menu-card h2{margin-top:0}.btn{color:#fff;cursor:pointer;background:#2f6d3a;border:none;border-radius:10px;padding:10px 18px;font-size:1rem;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{width:100%;margin-top:12px;padding:14px;font-size:1.1rem}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.topbar h2{margin:0;font-size:1.2rem}.board-wrap{justify-content:center;display:flex}.board-svg{-webkit-user-select:none;user-select:none}.hint{text-align:center;color:#5a6b7b;margin-top:12px}.field{margin:10px 0;font-size:.95rem;display:block}.field input,.field select{border:1px solid #cbd6e0;border-radius:8px;width:100%;margin-top:4px;padding:8px;font-size:1rem;display:block}.menu-card.muted{opacity:.7;margin-top:16px}.join-row{gap:8px;margin-top:10px;display:flex}.join-row input{border:1px solid #cbd6e0;border-radius:8px;flex:1;padding:8px;font-size:1rem}.game{max-width:1200px;margin:0 auto;padding:12px}.turn-info{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.dice{background:#fff;border-radius:8px;padding:4px 10px;font-weight:700}.log{color:#33465a}.phase-tag{color:#fff;white-space:nowrap;background:#2f6d3a;border-radius:8px;padding:6px 12px;font-weight:600}.table-layout{grid-template-columns:1fr 340px;align-items:start;gap:16px;display:grid}@media (width<=900px){.table-layout{grid-template-columns:1fr}}.side{flex-direction:column;gap:12px;display:flex}.panel{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 3px 12px #00000014}.panel h3{margin:0 0 8px;font-size:1rem}.panel h4{color:#55606b;margin:10px 0 4px;font-size:.85rem}.res-row{flex-wrap:wrap;gap:8px;display:flex}.res-chip{background:#eef3f7;border-radius:8px;padding:4px 8px;font-weight:600}.dev-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.dev-chip{background:#efe6d0;border-radius:6px;padding:3px 7px;font-size:.82rem}.dev-chip.pending{opacity:.6}.dev-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.btn-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn.small{padding:6px 10px;font-size:.85rem}.btn.tiny{background:#556;padding:2px 8px;font-size:.85rem}.btn.primary{background:#c0392b}.btn.small,.btn.tiny{border-radius:8px}.hint-inline{color:#2f6d3a;margin:8px 0 0;font-size:.9rem;font-weight:600}.player-row{border-radius:8px;align-items:center;gap:6px;padding:5px 4px;font-size:.88rem;display:flex}.player-row.active{background:#eaf5ec}.swatch{border-radius:4px;flex:none;width:14px;height:14px}.pname{flex:1;font-weight:600}.pts{font-weight:700}.meta{color:#667;font-size:.8rem}.bank-line{color:#55606b;margin-top:8px;font-size:.82rem}.modal-back{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:22px;box-shadow:0 12px 40px #0006}.modal.wide{max-width:560px}.modal.win h2{font-size:1.6rem}.modal .btn{margin:4px}.counter{justify-content:space-between;align-items:center;gap:10px;padding:4px 0;display:flex}.counter>div{align-items:center;gap:8px;display:flex}.trade-cols{text-align:left;grid-template-columns:1fr 1fr;gap:18px;display:grid}.bank-trade{text-align:left;flex-direction:column;gap:4px;display:flex}.bank-give{align-items:center;gap:6px;font-size:.85rem;display:flex}