#matchPanel.batak-mode{padding:0;background:var(--panel,#10221b)}
#matchPanel.batak-mode .nok-presentation{display:none}
.batak-panel{display:grid;gap:18px;padding:24px;max-width:1500px;margin:0 auto;color:var(--cream,#f4ead5)}
.batak-panel.hidden{display:none}
.batak-topbar,.batak-statusbar,.batak-hand-heading,.batak-result-heading,.batak-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.batak-topbar h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.35rem);color:var(--gold,#e7b85c)}
.batak-topbar small{color:var(--muted,#9fb3a7);font-size:.78rem}
.batak-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.batak-connection{border:1px solid var(--line,#385848);border-radius:999px;padding:7px 12px;color:var(--muted,#9fb3a7);font-size:.78rem}
.batak-connection.connected{color:#6ee7a2;border-color:#3e9e69}.batak-connection.error,.batak-connection.disconnected{color:#ffadad;border-color:#a65353}
.batak-statusbar{justify-content:flex-start;border-block:1px solid var(--line,#385848);padding:10px 0;color:var(--muted,#9fb3a7);font-size:.85rem}
.batak-statusbar span{border:1px solid var(--line,#385848);border-radius:999px;padding:7px 11px}.batak-statusbar span:nth-child(2){color:var(--gold,#e7b85c)}
.batak-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.75fr);gap:18px;align-items:start}
.batak-table-card,.batak-info-card,.batak-hand-card,.batak-result-card,.batak-chat-card{border:1px solid var(--line,#385848);border-radius:16px;background:rgba(5,16,12,.48);box-shadow:0 10px 28px rgba(0,0,0,.16)}
.batak-table-card{padding:18px;background:radial-gradient(circle at center,#236449 0,#164c3a 58%,#0d3026 100%)}
.batak-seats{display:grid;grid-template-columns:minmax(130px,1fr) minmax(300px,2fr) minmax(130px,1fr);grid-template-rows:auto minmax(220px,1fr) auto;gap:14px;min-height:430px;align-items:center}
.batak-seat{position:relative;min-height:88px;padding:12px;border:2px solid rgba(244,234,213,.2);border-radius:14px;background:#0b1915;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.batak-seat.active{border-color:var(--gold,#e7b85c);box-shadow:0 0 0 4px rgba(231,184,92,.16);transform:translateY(-2px)}
.batak-seat.own{background:#17382d}.batak-seat.offline{opacity:.55}.batak-seat-top{grid-column:2;grid-row:1}.batak-seat-left{grid-column:1;grid-row:2}.batak-seat-right{grid-column:3;grid-row:2}.batak-seat-bottom{grid-column:2;grid-row:3}
.batak-seat-header{display:flex;justify-content:center;gap:7px;align-items:center}.batak-seat-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batak-seat-no{color:var(--muted,#9fb3a7);font-size:.72rem}.batak-seat-meta{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:6px;color:var(--muted,#9fb3a7);font-size:.73rem}.batak-bot-tag,.batak-contract-tag{border-radius:999px;padding:3px 7px;background:#3c2e14;color:#ffd98b}.batak-bot-tag{background:#233e60;color:#b8d9ff}.batak-seat-bid{margin-top:7px;color:var(--gold,#e7b85c);font-size:.8rem}.batak-seat-tricks{display:block;margin-top:5px;color:#d5e8dc;font-size:.74rem}
.batak-center-area{grid-column:2;grid-row:2;min-height:220px;display:grid;align-content:center;gap:9px;padding:18px;border:1px solid rgba(244,234,213,.16);border-radius:18px;background:rgba(4,20,14,.25)}
.batak-trick-header,.batak-trick-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted,#9fb3a7);font-size:.74rem}.batak-trick-header strong{color:var(--gold,#e7b85c);letter-spacing:.08em}
.batak-current-trick{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:8px;min-height:100px;align-items:center}.batak-trick-card{display:grid;gap:4px;justify-items:center;color:#17251f;font-weight:900}.batak-trick-card small{color:#e9f0ea;font-size:.68rem;font-weight:700}.batak-card{width:58px;height:78px;border:2px solid #d9cfb8;border-radius:8px;background:#f4ead5;color:#202820;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.3rem;font-weight:900;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.23);transition:transform .12s,border-color .12s,opacity .12s}.batak-card:hover:not(:disabled),.batak-card.selected{transform:translateY(-7px);border-color:var(--gold,#e7b85c);box-shadow:0 8px 18px rgba(231,184,92,.28)}.batak-card:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.4)}.batak-card.red{color:#bd3838}.batak-card.black{color:#202020}.batak-card.small{width:42px;height:58px;font-size:1rem;cursor:default}.batak-card-back{width:36px;height:49px;border:2px solid #d0b06c;border-radius:6px;background:repeating-linear-gradient(135deg,#154d3a 0 5px,#287257 5px 10px);box-shadow:0 3px 6px rgba(0,0,0,.2)}
.batak-table-footer{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:13px;color:var(--muted,#9fb3a7);font-size:.76rem}
.batak-side-column{display:grid;gap:18px}.batak-info-card{padding:16px}.batak-info-card h3{margin:0 0 12px;color:var(--gold,#e7b85c);font-size:1rem}.batak-info-card dl{display:grid;gap:8px;margin:0}.batak-info-card dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(244,234,213,.09);padding-bottom:7px}.batak-info-card dt{color:var(--muted,#9fb3a7);font-size:.76rem}.batak-info-card dd{margin:0;text-align:right;font-weight:750;font-size:.82rem}.batak-bid-history,.batak-history-list{display:grid;gap:5px;margin-top:12px;max-height:118px;overflow:auto;font-size:.74rem;color:var(--muted,#9fb3a7)}.batak-history-item{display:flex;justify-content:space-between;gap:8px}.batak-history-item strong{color:#d5e8dc}
.batak-hand-card,.batak-result-card,.batak-chat-card{padding:17px}.batak-hand-heading strong{display:block;font-size:1rem}.batak-hand-heading span{display:block;color:var(--muted,#9fb3a7);font-size:.75rem;margin-top:3px}.batak-hand-heading>span{color:var(--gold,#e7b85c)}.batak-hand{display:flex;justify-content:center;align-items:end;flex-wrap:wrap;gap:7px;min-height:112px;margin-top:13px;padding:16px;border-radius:12px;background:rgba(5,16,12,.55)}.batak-action-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px}.batak-action-row.hidden{display:none}.batak-action-row button{min-width:74px}.batak-action-row button[data-suit="clubs"]{border-color:#e0d2ac}.batak-action-row button[data-suit="diamonds"],.batak-action-row button[data-suit="hearts"]{color:#ff9e9e}.batak-action-row button[data-suit="spades"]{color:#c8dcff}.batak-action-row button:disabled{opacity:.38;cursor:not-allowed}.batak-action-row button.pending{outline:2px solid var(--gold,#e7b85c)}
.batak-result-card{border-color:#92733d;background:rgba(89,67,26,.18)}.batak-result-heading h3{margin:0;color:var(--gold,#e7b85c)}.batak-result-status{border-radius:999px;padding:6px 10px;background:rgba(110,231,162,.12);color:#6ee7a2;font-size:.75rem}.batak-result-status.void{color:#ffd98b;background:rgba(255,217,139,.12)}.batak-result-summary{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:#d5e8dc;font-size:.82rem}.batak-score-table{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px}.batak-score-cell{padding:9px;border:1px solid rgba(244,234,213,.12);border-radius:9px}.batak-score-cell strong,.batak-score-cell small{display:block}.batak-score-cell small{color:var(--muted,#9fb3a7);margin-top:3px}.batak-score-cell.positive strong{color:#6ee7a2}.batak-score-cell.negative strong{color:#ff9e9e}.batak-chat-messages{min-height:100px;max-height:190px;overflow:auto;margin-top:10px;padding:10px;border-radius:10px;background:rgba(5,16,12,.42)}.batak-chat-form{display:flex;gap:8px;margin-top:10px}.batak-chat-form input{flex:1;min-width:0}.batak-chat-heading small{color:var(--muted,#9fb3a7)}
@media(max-width:1000px){.batak-layout{grid-template-columns:1fr}.batak-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.batak-score-table{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.batak-panel{padding:15px}.batak-seats{grid-template-columns:92px minmax(0,1fr) 92px;min-height:390px;gap:8px}.batak-seat{padding:8px 5px;font-size:.76rem}.batak-center-area{padding:10px;min-height:190px}.batak-card{width:48px;height:68px;font-size:1.08rem}.batak-card.small{width:36px;height:50px}.batak-current-trick{gap:4px}.batak-side-column{grid-template-columns:1fr}.batak-score-table{grid-template-columns:1fr 1fr}.batak-chat-form{flex-wrap:wrap}.batak-chat-form button{width:100%}}
@media(max-width:450px){.batak-seats{grid-template-columns:72px minmax(0,1fr) 72px}.batak-seat-meta{display:none}.batak-card{width:42px;height:60px}.batak-hand{gap:4px;padding:10px}.batak-hand .batak-card{width:39px;height:56px;font-size:.92rem}.batak-score-table{grid-template-columns:1fr}.batak-statusbar{font-size:.72rem}.batak-statusbar span{padding:6px 8px}}
@media(min-width:1001px) and (max-height:820px){.batak-panel{gap:10px;padding:14px}.batak-layout,.batak-side-column{gap:10px}.batak-table-card{padding:12px}.batak-seats{min-height:310px;gap:8px}.batak-seat{min-height:68px;padding:8px}.batak-center-area{min-height:150px;padding:10px}.batak-current-trick{min-height:72px;gap:5px}.batak-card{width:50px;height:66px;font-size:1.1rem}.batak-card.small{width:36px;height:50px}.batak-hand-card,.batak-result-card,.batak-chat-card,.batak-info-card{padding:11px}.batak-hand{min-height:78px;margin-top:8px;padding:9px}.batak-chat-messages{min-height:72px;max-height:120px}}
.batak-chat-form .speech-to-text-button{flex:0 0 40px;width:40px;min-width:40px;height:40px;padding:0}
.batak-chat-form textarea{flex:1;min-width:0;min-height:44px;max-height:140px;resize:vertical;border:1px solid var(--line,#527a69);border-radius:10px;background:#0b1915;color:var(--cream,#f4ead5);padding:9px 12px;font:inherit;line-height:1.35;overflow-y:auto}