select{font:inherit;width:100%;min-height:45px;padding:10px;background:#f7f5ec;border:1px solid #dddccd;border-radius:10px;color:var(--ink)}
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{color:#a74646;font-size:12px;margin:12px 0 0}.wallet small{font-size:9px;color:var(--muted)}.resume-banner{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px;border:1px solid #ccd8bc;border-radius:14px;background:#e7efdf}.resume-banner>span{flex:1;font-size:12px}.waiting-controls{max-width:560px;margin:22px auto}.room-id{letter-spacing:3px;color:var(--green)}.connection-state{font-size:11px}.live-dot.offline{background:#c57f56}.bankrupt{opacity:.4;filter:grayscale(1)}
.board-screen{grid-template-rows:auto auto minmax(120px,1fr) auto auto auto}.player-strip{grid-template-columns:repeat(var(--count,6),minmax(0,1fr))}.player-chip strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block}.player-chip>div{min-width:0}.board-heading>div{min-width:0}.phase-extras{display:flex;align-items:center;gap:12px;min-height:27px}.phase-extras .button{min-height:26px;font-size:11px;padding:3px 8px}.phase-extras .text-button{font-size:11px}#match-clock{font-size:11px;color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.turn-label{min-width:0;flex:1}.turn-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-bar{min-width:0}.chat-trigger{position:relative}.chat-trigger i,.chat-trigger.unread:after{position:absolute;right:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#d18b6b;content:''}.property-actions{display:flex;flex-wrap:wrap;gap:8px}.property-actions .button{flex:1;min-width:130px}.asset-rows{display:grid;gap:8px}.asset-rows button{display:flex;gap:10px;align-items:center;padding:12px;background:#f1f3e7;border:1px solid var(--line);border-radius:10px;text-align:left}.asset-rows strong{font-size:12px;flex:1}.asset-rows small{font-size:10px;color:var(--muted)}.color-dot{height:12px;width:12px;flex:none;border-radius:4px}.debt-note{padding:12px;background:#faeadb;border-radius:10px;font-size:12px}.chat-messages span{overflow-wrap:anywhere;white-space:pre-wrap}.chat-messages time{font-size:9px;font-weight:400;margin-left:5px}.chat-empty{font-size:12px;color:var(--muted);line-height:1.8}.chat-form input{font-size:14px}#bid-form .button{margin-top:12px}.muted{line-height:1.7}
@media(max-width:700px){.board-screen{grid-template-rows:auto auto minmax(100px,1fr) auto auto auto}.player-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.player-strip:has(>.player-chip:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.phase-extras{gap:7px;min-height:24px}.phase-extras .button,.phase-extras .text-button{font-size:9px}.phase-extras .button svg{width:14px;height:14px}.turn-label strong{font-size:9px}.turn-bar .button{padding:8px;max-width:135px}.turn-bar .button span{overflow:hidden;text-overflow:ellipsis}.turn-bar .button svg{display:none}.turn-bar{gap:6px}.resume-banner{gap:8px;padding:10px}.resume-banner>span{font-size:10px}.resume-banner .button{font-size:10px;padding:8px}.waiting-players{gap:9px}.wallet small{font-size:7px}.setup-grid{gap:8px}.setup-grid select{font-size:11px}.property-actions .button{font-size:11px;min-width:110px}.board-heading .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-heading>div{max-width:77%}}
@media(max-width:370px){.turn-bar .button{font-size:8px;max-width:108px}.turn-label strong{max-width:84px}.dice-pair img{width:24px;height:24px}.phase-extras .text-button{font-size:8px}.phase-extras .button{font-size:8px}.wallet small{display:none}}
@media(max-width:700px){.turn-label small{display:block;max-width:none;font-size:8px}}
