.match-panel{grid-column:1/-1}.match-status{display:flex;gap:8px;flex-wrap:wrap}.match-status span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.78rem}.match-info{display:flex;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:18px}.match-info span{color:var(--cream);font-weight:750;margin-left:6px}.game-board{height:350px;max-width:760px;margin:0 auto 22px;position:relative;border:8px solid #533b24;border-radius:48%;background:radial-gradient(ellipse at center,#287257 0,#195540 68%,#113c2e 100%);box-shadow:inset 0 0 0 3px #9b7546,0 18px 36px rgba(0,0,0,.3)}.game-board:after{content:"";position:absolute;inset:18px;border:1px solid rgba(244,234,213,.14);border-radius:48%;pointer-events:none}.board-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;text-align:center;z-index:1}.board-center span{font-family:Georgia,serif;color:rgba(244,234,213,.3);font-size:2rem;letter-spacing:.25em}.board-center strong{font-family:Georgia,serif;color:var(--gold);font-size:2.6rem;line-height:1}.board-center small{color:#c4d8cf}.player-seat{position:absolute;z-index:2;min-width:128px;max-width:180px;padding:10px 13px;border:2px solid var(--line);border-radius:14px;background:#0b1915;text-align:center;box-shadow:0 8px 18px rgba(0,0,0,.3)}.player-seat strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-seat small{color:var(--muted)}.player-seat.active{border-color:var(--gold);box-shadow:0 0 0 4px rgba(231,184,92,.16),0 8px 18px rgba(0,0,0,.3)}.player-seat.own{background:#17382d}.seat-1{left:50%;bottom:-16px;transform:translateX(-50%)}.seat-2{right:-34px;top:50%;transform:translateY(-50%)}.seat-3{left:50%;top:-16px;transform:translateX(-50%)}.seat-4{left:-34px;top:50%;transform:translateY(-50%)}.hand-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;min-height:88px;padding:15px;background:rgba(5,16,12,.55);border:1px solid var(--line);border-radius:16px}.tile{width:48px;height:65px;border:2px solid #d9cfb8;border-radius:8px;background:#f4ead5;color:#16231e;display:grid;place-items:center;position:relative;font-family:Georgia,serif;font-size:1.7rem;line-height:1;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.22);transition:transform .12s,border-color .12s}.tile:after{content:attr(data-color);position:absolute;bottom:3px;font:700 .42rem system-ui;text-transform:uppercase}.tile.red{color:#c73b36}.tile.blue{color:#2772b8}.tile.black{color:#222}.tile.yellow{color:#bd7c0d}.tile.false{color:#6a3c91}.tile.selected{transform:translateY(-9px);border-color:var(--gold);box-shadow:0 8px 20px rgba(231,184,92,.3)}.match-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.match-actions button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:700px){.game-board{height:300px;margin-inline:22px}.player-seat{min-width:105px;max-width:135px;padding:8px;font-size:.78rem}.seat-2{right:-26px}.seat-4{left:-26px}.board-center span{font-size:1.35rem}.board-center strong{font-size:2rem}}@media(max-width:520px){.game-board{height:245px;margin-inline:15px;border-width:6px}.player-seat{min-width:88px;max-width:110px;padding:6px;font-size:.68rem}.seat-2{right:-20px}.seat-4{left:-20px}.tile{width:42px;height:57px;font-size:1.5rem}.hand-tiles{padding:11px;gap:5px}.match-actions{display:grid;grid-template-columns:1fr 1fr}.match-actions button{margin:0}}
.meld-workspace{margin:14px auto;max-width:1100px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(5,16,12,.5)}.meld-workspace.hidden{display:none}.meld-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meld-toolbar strong{margin-right:auto}.meld-toolbar span{color:var(--gold);font-weight:800}.draft-melds,.public-melds{display:flex;gap:10px;flex-wrap:wrap;overflow:auto;padding:10px 0;min-height:54px}.draft-meld,.public-meld{display:flex;align-items:center;gap:3px;padding:6px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18);cursor:pointer}.draft-meld.selected,.public-meld.target{border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,184,92,.2)}.meld-label{display:block;width:100%;font-size:.72rem;color:var(--muted)}.meld-workspace .board-tile{width:30px;height:40px;font-size:1.15rem}.meld-workspace-message{min-height:1.2em}@media(max-width:520px){.meld-toolbar{display:grid;grid-template-columns:1fr 1fr}.meld-toolbar strong,.meld-toolbar span{grid-column:1/-1}.meld-toolbar button{width:100%}.draft-melds,.public-melds{flex-wrap:nowrap;overflow-x:auto}.meld-workspace .board-tile{width:27px;height:37px;font-size:1rem}}
.hand-tiles.drop-target{outline:3px solid #59d69b;outline-offset:3px}.draft-tile{cursor:grab}.draft-tile.drop-target{outline:2px solid #59d69b;outline-offset:2px}