/**
 * batak.css
 * KANTİN - Batak oyun arayüz stilleri
 */

.batak-screen{height:calc(100dvh - 72px);min-height:0;padding:8px;background:#0a0a12;overflow:hidden}
.batak-table{position:relative;width:100%;height:100%;max-width:1500px;margin:auto;border:clamp(5px,1vw,14px) solid #2a2a40;border-radius:20px;overflow:hidden;background:#093d31 url('../assets/games/pisti/final/tablecloth-green.webp') center/cover;box-shadow:inset 0 0 70px #000a,0 16px 50px #0009}
.batak-table:after{content:'';position:absolute;inset:0;pointer-events:none;border:2px solid #6b6b8855;border-radius:10px;box-shadow:inset 0 0 35px #0008}
.batak-opponent{position:absolute;z-index:7;display:flex;align-items:center;gap:8px}.batak-opponent.top{left:50%;top:10px;transform:translateX(-50%);flex-direction:column-reverse}.batak-opponent.left{left:8px;top:52%;transform:translateY(-50%)}.batak-opponent.right{right:8px;top:52%;transform:translateY(-50%);flex-direction:row-reverse}
.batak-opponent>button,.batak-player-me{border:1px solid #6b6b8888;border-radius:999px;background:#1a1a2edd;color:#fff;display:flex;align-items:center;gap:7px;padding:5px 10px;box-shadow:0 5px 14px #0008}.batak-opponent>button span,.batak-player-me span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3a3a50;border:2px solid #8b8ba8;font-weight:900}.batak-opponent>button b,.batak-player-me b{font-size:12px}.batak-opponent>button small,.batak-player-me small{font-size:9px;color:#a0a0c0}.batak-opponent.turn>button{outline:2px solid #d0a0ff;box-shadow:0 0 16px #c0a0ffaa}
.batak-card-fan{position:relative;width:150px;height:72px}.batak-card-fan span,.batak-stock-card,.batak-asset-back{position:absolute;width:48px;height:70px;border-radius:5px;background:url('../assets/games/pisti/final/card-back.webp') center/100% 100% no-repeat;filter:drop-shadow(0 3px 3px #0008)}.batak-card-fan span{top:0}.batak-card-fan.left,.batak-card-fan.right{width:72px;height:150px}.batak-card-fan.left span,.batak-card-fan.right span{left:10px;transform:rotate(90deg)}
.batak-card-fan.top span:nth-child(1){left:0!important}.batak-card-fan.top span:nth-child(2){left:28px!important}.batak-card-fan.top span:nth-child(3){left:56px!important}.batak-card-fan.top span:nth-child(4){left:84px!important}.batak-card-fan.left span:nth-child(1),.batak-card-fan.right span:nth-child(1){top:0!important}.batak-card-fan.left span:nth-child(2),.batak-card-fan.right span:nth-child(2){top:25px!important}.batak-card-fan.left span:nth-child(3),.batak-card-fan.right span:nth-child(3){top:50px!important}.batak-card-fan.left span:nth-child(4),.batak-card-fan.right span:nth-child(4){top:75px!important}
.batak-scoreboard{position:absolute;z-index:8;right:10px;top:8px;width:clamp(155px,19vw,250px);aspect-ratio:2/3;padding:clamp(40px,4.8vw,72px) clamp(13px,1.5vw,22px) clamp(16px,2vw,28px);border:0;background:#17100edb;filter:drop-shadow(0 8px 10px #0009);color:#e0e0ff;display:flex;flex-direction:column;gap:3px}.batak-scoreboard header{display:none}.batak-score-row{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:5px;min-height:0;flex:1;margin:0;padding:2px 4px;border-radius:8px;background:#e0e0ffdd}.batak-score-row.mine{background:#d0d0ff}.batak-score-row span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#4a4a60;color:#fff;font-size:9px}.batak-score-row b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batak-score-row output{font:900 13px Georgia;text-align:right}
.batak-trump-indicator{position:absolute;z-index:6;left:31%;top:44%;transform:translate(-50%,-50%);width:86px;text-align:center;color:#c0c0e0}.batak-trump-indicator>div{position:relative;margin:auto;width:54px;height:78px;border-radius:5px;background:#1a1a2e;border:2px solid #6b6b88;display:grid;place-items:center;box-shadow:0 4px 8px #0008}.batak-trump-indicator b{display:block;margin-top:9px;font:900 18px Georgia}.batak-trump-indicator small{font-size:8px;letter-spacing:.08em}
.batak-center{position:absolute;z-index:6;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px}.batak-center>.card{width:62px;height:91px;flex:none}.batak-center>.batak-asset-back{position:relative;width:62px;height:91px}
.batak-status{position:absolute;z-index:8;left:50%;bottom:133px;transform:translateX(-50%);padding:6px 12px;border:1px solid #8b8baa66;border-radius:999px;background:#1a1a2ecc;color:#e0e0ff;font-size:10px;font-weight:800;white-space:nowrap}
.batak-hand{position:absolute;z-index:9;left:50%;bottom:-19px;transform:translateX(-50%);display:flex;align-items:flex-end;justify-content:center}.batak-hand .card{width:76px;height:112px;margin-left:-10px;transform-origin:50% 120%;transition:transform .18s,filter .18s}.batak-hand .card:first-child{margin-left:0;transform:rotate(-5deg)}.batak-hand .card:nth-child(2){transform:rotate(-2deg) translateY(-5px)}.batak-hand .card:nth-child(3){transform:rotate(2deg) translateY(-5px)}.batak-hand .card:nth-child(4){transform:rotate(5deg)}.batak-hand button.card:not(:disabled):hover,.batak-hand button.card:not(:disabled):focus{transform:translateY(-18px);z-index:3}.batak-player-me{position:absolute;z-index:10;left:12px;bottom:12px}
.batak-trump-selection{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;border:2px solid #6b6b88;border-radius:12px;background:#1a1a2ecc;backdrop-filter:blur(8px);box-shadow:0 8px 24px #0009}.batak-trump-selection h3{grid-column:1/-1;text-align:center;margin:0 0 12px;color:#e0e0ff;font-size:14px}.batak-trump-selection button{width:72px;height:96px;border:2px solid #6b6b88;border-radius:8px;background:#2a2a40;cursor:pointer;transition:all .2s}.batak-trump-selection button:hover{border-color:#a0a0c0;background:#3a3a50;transform:scale(1.05)}.batak-trump-selection button span{display:block;font-size:24px;text-align:center;line-height:1}
.batak-menu{position:absolute;z-index:10;right:12px;top:170px;display:flex;flex-direction:column;gap:5px}.batak-menu button{width:34px;height:34px;border:1px solid #8b8baa66;border-radius:50%;background:#1a1a2edd}
@media(max-width:900px){.batak-screen{height:calc(100dvh - 56px);min-height:0;padding:0}.batak-table{border-width:5px;border-radius:0}.batak-scoreboard{width:138px;right:4px;top:2px}.batak-score-row{padding:1px 3px}.batak-opponent.top{top:2px}.batak-opponent.left{left:2px;top:57%}.batak-opponent.right{right:2px;top:57%}.batak-card-fan{transform:scale(.78)}.batak-opponent>button{padding:3px 6px}.batak-opponent>button span{width:22px;height:22px}.batak-trump-indicator{left:29%;top:46%}.batak-center{top:47%}.batak-status{bottom:88px}.batak-hand{bottom:-19px}.batak-hand .card{width:58px;height:86px}.batak-player-me{bottom:5px;left:5px}.batak-player-me small{display:none}.batak-menu{display:none}}
@media(max-width:620px){.batak-scoreboard{width:130px}.batak-score-row{grid-template-columns:18px 1fr 22px}.batak-score-row span{width:16px;height:16px}.batak-score-row b{font-size:7px}.batak-score-row output{font-size:10px}.batak-opponent>button b{max-width:62px;overflow:hidden;text-overflow:ellipsis}.batak-card-fan{transform:scale(.64)}.batak-opponent.left{left:-9px}.batak-opponent.right{right:-9px}.batak-trump-indicator{left:27%;transform:translate(-50%,-50%) scale(.8)}.batak-center{transform:translate(-50%,-50%) scale(.84)}.batak-status{font-size:8px;bottom:92px}.batak-hand .card{width:53px;height:79px}.batak-player-me b{font-size:9px}}
@media(max-height:700px){.batak-screen{height:calc(100dvh - 72px);min-height:0;padding:5px}.batak-table{border-width:7px}.batak-scoreboard{width:min(18vw,205px);max-height:78%}.batak-score-row{padding:2px 4px}.batak-opponent.top{top:3px}.batak-opponent.left,.batak-opponent.right{top:53%}.batak-card-fan{transform:scale(.82)}.batak-opponent>button{padding:3px 7px}.batak-trump-indicator{top:47%;transform:translate(-50%,-50%) scale(.88)}.batak-center{top:48%;transform:translate(-50%,-50%) scale(.88)}.batak-status{bottom:91px}.batak-hand{bottom:-21px}.batak-hand .card{width:60px;height:89px}.batak-player-me{bottom:5px}.batak-menu{display:none}}
@media(max-height:460px){.topbar{height:56px;padding-block:5px}.batak-screen{height:calc(100dvh - 56px);padding:0}.batak-table{border-width:5px;border-radius:0}.batak-scoreboard{width:132px}.batak-card-fan{transform:scale(.68)}.batak-opponent.left{left:-6px}.batak-opponent.right{right:-6px}.batak-trump-indicator{left:29%;transform:translate(-50%,-50%) scale(.78)}.batak-center{transform:translate(-50%,-50%) scale(.78)}.batak-status{bottom:82px;font-size:8px}.batak-hand{bottom:0}.batak-hand .card{width:52px;height:72px}.batak-player-me{transform:scale(.85);transform-origin:left bottom}}

/* Asset tabanlı kart yüzü */
.batak-screen .card:not(.back):not(.batak-asset-back),.batak-flying-card:not(.face-down){border:0;background:#fff;box-shadow:0 5px 10px #0008;padding:10% 13%;font-family:Georgia,serif}.batak-screen .card>span:first-child,.batak-flying-card>span:first-child{align-self:flex-start;font-size:1em;line-height:1}.batak-screen .card>span:last-child,.batak-flying-card>span:last-child{align-self:center;font-size:1.65em;line-height:1;margin:auto}
.batak-flying-card{position:fixed!important;z-index:1000!important;margin:0!important;pointer-events:none;transition:transform .48s cubic-bezier(.2,.72,.24,1);transform-origin:center;will-change:transform}.batak-flying-card.face-down{background:url('../assets/games/pisti/final/card-back.webp') center/100% 100% no-repeat!important;border:0!important}.batak-flying-card.face-down span{opacity:0}
@media(max-height:700px){.batak-flying-card{transform:scale(.88)}}
@media(max-height:460px){.batak-flying-card{transform:scale(.76)}}

/* Batak oyununda lobi üst çubuğu kalkar; masa tüm ekranı kaplar. */
body:has(.batak-screen) .topbar{display:none}
body:has(.batak-screen) #screen{height:100dvh;min-height:0;overflow:hidden}
body:has(.batak-screen) .batak-screen{height:100dvh!important;min-height:0;padding:0}
body:has(.batak-screen) .batak-table{width:100%;height:100%;max-width:none;margin:0}

/* El sonu sonuç ekranı */
.batak-result-overlay{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:14px;background:radial-gradient(circle,#1a1a2eaa,#0a0a12ed);backdrop-filter:blur(5px)}
.batak-result-board{position:relative;width:min(680px,94vw);max-height:94dvh;overflow:auto;padding:clamp(22px,4vw,42px);border:clamp(10px,1.5vw,18px) solid #4a4a60;border-radius:10px;background:linear-gradient(#2a2a40,#1a1a2e);color:#e0e0ff;box-shadow:inset 0 0 0 3px #8b8ba8,inset 0 0 45px #0008,0 24px 65px #000d;font-family:'Segoe Print','Comic Sans MS',cursive}
.batak-result-board:before,.batak-result-board:after{content:'';position:absolute;inset:-10px;pointer-events:none;border:2px solid #3a3a40;border-radius:8px}.batak-result-board:after{inset:6px;border:1px dashed #e0e0ff33}
.board-nail{position:absolute;z-index:2;top:12px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e0e0ff,#4a4a60 65%,#1a1a2e);box-shadow:0 2px 3px #000}.board-nail.left{left:16px}.board-nail.right{right:16px}
.batak-result-board header{text-align:center;border-bottom:2px solid #e0e0ff88;padding-bottom:12px}.batak-result-board header small{font-size:10px;letter-spacing:.16em;color:#c0c0e0}.batak-result-board h2{margin:4px 0 0;font:900 clamp(28px,5vw,52px) Georgia,serif;letter-spacing:.06em;color:#e0e0ff;text-shadow:2px 2px #1a1a2e}.batak-result-board header p{margin:2px 0 0;color:#c0c0e0;font-size:12px}
.batak-result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.batak-result-columns article{position:relative;padding:14px;border:1px solid #e0e0ff55;border-radius:5px;background:#1a1a2e66;text-align:center}.batak-result-columns article.winner{outline:3px double #c0c0e0;background:#2a2a40}.batak-result-columns article.winner:after{content:'KAZANDI';position:absolute;right:7px;top:7px;transform:rotate(7deg);border:2px solid #c0c0e0;padding:2px 5px;color:#e0e0ff;font:900 8px Arial,sans-serif}.batak-result-columns article>small{font-size:9px;letter-spacing:.12em;color:#c0c0e0}.batak-result-columns h3{min-height:28px;margin:4px 0;font-size:13px}.batak-result-columns output{display:block;font:900 clamp(38px,7vw,66px) Georgia,serif;color:#e0e0ff}.batak-result-columns dl{margin:8px 0 0;border-top:1px dashed #e0e0ff66}.batak-result-columns dl div{display:flex;justify-content:space-between;padding:3px 4px;border-bottom:1px dashed #e0e0ff33;font-size:10px}.batak-result-columns dt,.batak-result-columns dd{margin:0}
.batak-result-note{width:max-content;max-width:100%;margin:0 auto 14px;padding:5px 13px;border:2px solid #6b4a40;color:#e0c0a0;font:900 10px Arial,sans-serif;letter-spacing:.12em;transform:rotate(-1deg)}.batak-result-board footer{display:flex;justify-content:center;gap:9px}.batak-result-board footer button{border:2px solid #8b8ba8;border-radius:4px;background:#4a4a60;padding:9px 18px;color:#e0e0ff;font-weight:900;box-shadow:inset 0 -4px #2a2a40}.batak-result-board footer button:last-child{background:#1a1a2e}
@media(max-height:650px){.batak-result-board{width:min(620px,96vw);max-height:none;overflow:visible;padding:16px 26px;border-width:9px}.batak-result-board header{padding-bottom:5px}.batak-result-board header small{font-size:8px}.batak-result-board h2{font-size:29px}.batak-result-board header p{display:none}.batak-result-columns{margin:7px 0;gap:8px}.batak-result-columns article{padding:7px 11px}.batak-result-columns h3{min-height:16px;margin:1px 0;font-size:10px}.batak-result-columns output{font-size:34px;line-height:1}.batak-result-columns dl{display:grid;grid-template-columns:1fr 1fr;margin-top:3px}.batak-result-columns dl div{padding:2px 4px;font-size:8px}.batak-result-note{margin-bottom:6px;padding:4px 11px}.batak-result-board footer button{padding:6px 13px;font-size:10px}}

/* 52 kartın her biri doğrudan PNG asset olarak kullanılır. */
.batak-screen .card.batak-face-asset,.batak-flying-card.batak-face-asset,.batak-play-flight.batak-face-asset{box-sizing:border-box!important;padding:0!important;border:0!important;background:none!important;overflow:hidden}
.card.batak-face-asset>img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.batak-flying-card.batak-face-asset{box-sizing:border-box!important;padding:0!important}
.batak-scoreboard{height:auto;aspect-ratio:auto;padding:12px;border:1px solid #e0b75f88;border-radius:14px;background:#17100ee8;filter:drop-shadow(0 8px 10px #0009)}
.batak-score-row{grid-template-columns:27px minmax(0,1fr) 28px 38px;min-height:34px;flex:none;color:#20140c}.batak-score-row small{text-align:right;font-size:9px;color:#62452e}.batak-score-row.mine{outline:2px solid #e6b94f}
.batak-center{width:min(310px,36vw);height:130px;justify-content:center}.batak-center>.card{width:72px;height:106px;margin-left:-22px}.batak-center>.card:first-child{margin-left:0}.batak-empty-trick{color:#f4d17b88;font-size:10px;font-weight:900;letter-spacing:.15em}
.batak-hand{max-width:88vw}.batak-hand .card{width:clamp(45px,5.8vw,76px);height:clamp(68px,8.6vw,112px);margin-left:clamp(-18px,-1.2vw,-8px);padding:0;border:0;background:none}.batak-hand .card img,.batak-center .card img{display:block;width:100%;height:100%;object-fit:fill}.batak-hand .card:disabled{filter:grayscale(.55) brightness(.62)}.batak-hand .card.selected{transform:translateY(-22px)!important;outline:4px solid #f5c94f;border-radius:7px;filter:none}
.batak-choice{position:absolute;z-index:30;left:50%;top:52%;transform:translate(-50%,-50%);width:min(510px,78vw);padding:15px;border:2px solid #e1b85d;border-radius:16px;background:#17100ef2;box-shadow:0 18px 50px #000c;text-align:center}.batak-choice h3{margin:0 0 10px;color:#f8d780;font-size:13px;letter-spacing:.12em}.batak-choice>div{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.batak-choice button{min-width:42px;padding:8px;border:1px solid #e1b85d77;border-radius:8px;background:#3b291a;color:#fff2c4;font-weight:900}.batak-choice button:hover:not(:disabled){background:#86591d;transform:translateY(-2px)}.batak-choice button.pass{background:#6c2525}.batak-choice.compact{top:62%;width:auto}.batak-choice.suits button{min-width:62px;font-size:30px}.batak-choice.suits button:nth-child(2),.batak-choice.suits button:nth-child(3){color:#d83232}
@media(max-height:650px){.batak-choice{top:48%;padding:8px}.batak-choice h3{margin-bottom:5px}.batak-choice button{padding:5px 7px}.batak-hand{bottom:-14px}.batak-scoreboard{transform:scale(.82);transform-origin:right top}}

/* Batak masa sahnesi: zümrüt keçe, ceviz/altın çerçeve ve oyunla uyumlu kartlar. */
.batak-table{border-color:#3a2111;background:#07543f url('../assets/games/okey101/felt-emerald-v1.webp') center/cover;box-shadow:inset 0 0 0 3px #b88132,inset 0 0 95px #001d16cc,0 16px 50px #000b}
.batak-table:before{content:'';position:absolute;z-index:1;inset:8px;border:1px solid #e4ba674f;border-radius:10px;pointer-events:none;box-shadow:inset 0 0 34px #001b14a8}
.batak-table:after{border-color:#d6aa5355;box-shadow:inset 0 0 50px #001810aa}

.batak-profile-wrap{position:relative;filter:drop-shadow(0 7px 8px #0009)}
.batak-card-fan.top{width:var(--fan-width,48px);max-width:200px}.batak-card-fan.top span[style]{left:var(--card-offset)!important}.batak-card-fan.left,.batak-card-fan.right{height:var(--fan-height,70px);max-height:180px}.batak-card-fan.left span[style],.batak-card-fan.right span[style]{top:var(--card-depth)!important}
.batak-profile-card{position:relative;width:clamp(170px,18vw,235px);height:clamp(58px,6.4vw,82px);padding:7% 7% 7% 29%;border:0;background:transparent url('../assets/games/okey101/profile-card-emerald-gold-v1.webp') center/100% 100% no-repeat;color:#fff;display:flex;align-items:center;text-align:left;cursor:pointer}
.batak-profile-avatar{position:absolute;left:4.7%;top:15%;width:22.5%;height:68%;border-radius:18%;overflow:visible;display:grid;place-items:center;background:#092b22}
.batak-profile-avatar>img{width:100%;height:100%;border-radius:16%;object-fit:cover}.batak-profile-avatar>i{position:absolute;right:-5px;bottom:-5px;min-width:19px;height:19px;padding:0 3px;border:2px solid #f4cb70;border-radius:50%;background:#173f32;color:#ffeaa5;font:900 9px/15px Arial;text-align:center}
.batak-profile-copy{min-width:0;display:flex;flex-direction:column}.batak-profile-copy b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(9px,1vw,13px);text-shadow:0 2px 2px #000}.batak-profile-copy small{margin-top:3px;color:#f3d98e;font-size:clamp(7px,.72vw,9px);font-weight:800;letter-spacing:.03em}
.batak-opponent.turn .batak-profile-card,.batak-player-me.turn .batak-profile-card{filter:brightness(1.18);animation:batak-profile-turn 1s ease-in-out infinite alternate}
@keyframes batak-profile-turn{from{filter:drop-shadow(0 0 2px #ffd876)}to{filter:drop-shadow(0 0 13px #ffd876)}}
.batak-opponent.top{top:5px;flex-direction:column;gap:0}.batak-opponent.left,.batak-opponent.right{gap:0}.batak-player-me{left:8px;bottom:7px;padding:0;border:0;background:none;box-shadow:none}.batak-player-me .batak-profile-card{width:clamp(180px,19vw,245px)}
.batak-bid-call{position:absolute;z-index:4;left:50%;top:-5px;transform:translate(-50%,-100%);padding:7px 12px;border:2px solid #e6bc61;border-radius:13px 13px 13px 2px;background:#fff7d8;color:#3c2512;font:900 10px/1 Arial;white-space:nowrap;box-shadow:0 5px 12px #0009;font-style:normal}
.batak-bid-call.asking{animation:batak-question-pop .55s ease both}.batak-bid-call.answered{background:#2b2118;color:#ffe396}
@keyframes batak-question-pop{0%{opacity:0;transform:translate(-50%,-75%) scale(.5)}70%{transform:translate(-50%,-105%) scale(1.08)}100%{opacity:1;transform:translate(-50%,-100%) scale(1)}}

.batak-scoreboard{right:10px;top:8px;width:clamp(180px,19vw,255px);aspect-ratio:2/3;height:auto;padding:18% 7% 8%;border:0;border-radius:0;background:transparent url('../assets/games/pisti/final/score-panel-4p.webp') center/100% 100% no-repeat;filter:drop-shadow(0 10px 10px #000b);gap:1%;overflow:hidden}
.batak-scoreboard header{display:flex;position:absolute;left:18%;right:10%;top:10.2%;align-items:center;justify-content:space-between;color:#ffe5a5;text-shadow:0 2px 2px #000}.batak-scoreboard header b{font:900 clamp(9px,1vw,13px) Georgia}.batak-scoreboard header small{font:800 clamp(6px,.58vw,8px) Arial}
.batak-score-row{grid-template-columns:23% minmax(0,1fr) 18% 14%;gap:3px;height:23%;min-height:0;padding:2% 2%;border:0;border-radius:0;background:transparent!important;color:#382310}.batak-score-row span{width:auto;height:auto;aspect-ratio:1;border:0;background:#3a2719;overflow:hidden}.batak-score-row span img{width:100%;height:100%;object-fit:cover}.batak-score-row b{font-size:clamp(7px,.75vw,10px)}.batak-score-row small{font-size:clamp(6px,.62vw,8px);font-weight:900;color:#62452e}.batak-score-row output{font-size:clamp(10px,1.1vw,15px);color:#3f2411}.batak-score-row.mine{outline:2px solid #bc2f25;outline-offset:-2px;border-radius:7px}

.batak-hand{bottom:-12px;max-width:92vw}.batak-hand .card{width:clamp(49px,5.9vw,78px);height:clamp(73px,8.75vw,116px);margin-left:clamp(-18px,-1.12vw,-10px);transform:none!important;border-radius:7px}.batak-hand .card:first-child{margin-left:0}.batak-hand button.card:not(:disabled):hover,.batak-hand button.card:not(:disabled):focus{transform:translateY(-20px)!important;z-index:5}.batak-hand .card.selected{transform:translateY(-24px)!important}
.batak-status{bottom:126px;border-color:#dbb35e;background:#102d25ed;color:#ffe9a8;box-shadow:0 5px 13px #0008;font-size:11px;letter-spacing:.04em}
.batak-choice{top:53%;border-color:#efc86f;background:linear-gradient(155deg,#123d31f7,#091f1af7);box-shadow:inset 0 0 0 2px #5d3b1c,0 18px 50px #000d}.batak-choice button{border-color:#e8c270;background:linear-gradient(#75501e,#3d2913);box-shadow:inset 0 1px #ffe5a366,0 3px 5px #0007}.batak-choice button:hover:not(:disabled){background:linear-gradient(#a67528,#583a15)}
.batak-trump-indicator{left:27%;top:45%;width:112px;padding:10px;border:1px solid #c89e4b88;border-radius:14px;background:#082b23c9;color:#ffe5a0;box-shadow:0 8px 18px #0009}.batak-trump-card{width:54px;height:76px;margin:auto;border:2px solid #d4ad59;border-radius:6px;background:linear-gradient(145deg,#183f34,#071d18);display:grid;place-items:center}.batak-trump-card b{margin:0;font-size:34px}.batak-kitty-pile{position:relative;width:64px;height:80px;margin:auto}.batak-kitty-pile i{position:absolute;inset:0;width:48px;height:70px;margin:auto;border-radius:5px;background:url('../assets/games/pisti/final/card-back.webp') center/100% 100% no-repeat;box-shadow:0 2px 4px #0008}.batak-kitty-pile i:nth-child(2){transform:translate(3px,-2px) rotate(2deg)}.batak-kitty-pile i:nth-child(3){transform:translate(-3px,3px) rotate(-2deg)}.batak-kitty-pile i:nth-child(4){transform:translate(5px,4px) rotate(3deg)}

/* Oyun başında tek sefer çalışan riffle shuffle ve saat yönünde dağıtım. */
.batak-deal-layer{position:absolute;z-index:45;inset:0;overflow:hidden;pointer-events:none}.batak-riffle{position:absolute;inset:0;perspective:760px;filter:drop-shadow(0 12px 8px #000b)}.batak-riffle-card,.batak-deal-source,.batak-deal-back{background:url('../assets/games/pisti/final/card-back.webp') center/100% 100% no-repeat}.batak-riffle-card{position:absolute;left:0;top:0;border-radius:6px;box-shadow:0 1px 0 #f4dcad;transform-origin:50% 92%;transform-style:preserve-3d;will-change:transform,opacity}.batak-deal-source{position:absolute;border-radius:6px;filter:drop-shadow(0 6px 5px #000a)}.batak-deal-source>i{position:absolute;inset:0;border-radius:inherit;background:inherit;box-shadow:0 1px 0 #f4dcad}.batak-deal-source>i:nth-child(1){transform:translate(-2px,2px);z-index:-1}.batak-deal-source>i:nth-child(2){transform:translate(-4px,4px);z-index:-2}.batak-deal-source>i:nth-child(3){transform:translate(-6px,6px);z-index:-3}.batak-shuffling .batak-deal-source,.batak-shuffling .batak-deal-card{visibility:hidden}.batak-deal-card{position:absolute;margin:0;border-radius:6px;pointer-events:none;transform-origin:center;will-change:transform}.batak-deal-flip{position:absolute;inset:0;transform-style:preserve-3d}.batak-deal-back,.batak-deal-face{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.batak-deal-back{filter:drop-shadow(0 4px 3px #0008)}.batak-deal-face{transform:rotateY(180deg);overflow:hidden;background:#fff}.batak-deal-face img{display:block;width:100%;height:100%;object-fit:fill}.batak-dealing .batak-hand .card,.batak-dealing .batak-card-fan span,.batak-dealing .batak-kitty-pile i{opacity:0!important;transition:none}.batak-dealing .batak-hand .card.batak-deal-visible,.batak-dealing .batak-card-fan span.batak-deal-visible,.batak-dealing .batak-kitty-pile i.batak-deal-visible{opacity:1!important}.batak-dealing .batak-choice{opacity:0;pointer-events:none}.batak-dealing .batak-center{opacity:.18}

.batak-trump-notice{position:absolute;z-index:60;left:50%;top:48%;transform:translate(-50%,-50%);min-width:220px;padding:16px 28px;border:3px double #f1ca72;border-radius:18px;background:radial-gradient(circle,#174f3f 0,#08271f 72%);color:#fff0b4;text-align:center;box-shadow:0 20px 55px #000d,inset 0 0 25px #d9b55a33;animation:batak-trump-in 2.2s ease both}.batak-trump-notice small,.batak-trump-notice strong{display:block;letter-spacing:.12em}.batak-trump-notice small{font:800 10px Arial}.batak-trump-notice b{display:block;margin:4px;font-size:64px;line-height:.9}.batak-trump-notice strong{font:900 18px Georgia}
@keyframes batak-trump-in{0%{opacity:0;scale:.45}14%,78%{opacity:1;scale:1}100%{opacity:0;scale:1.08}}

@media(max-width:900px){.batak-profile-card{width:155px;height:55px}.batak-scoreboard{width:154px}.batak-player-me .batak-profile-card{width:165px}.batak-status{bottom:91px}.batak-trump-indicator{left:23%;transform:translate(-50%,-50%) scale(.82)}}
@media(max-width:620px){.batak-profile-card{width:128px;height:47px;padding-left:31%}.batak-profile-copy small{display:none}.batak-scoreboard{width:132px}.batak-scoreboard header{top:9%}.batak-score-row{grid-template-columns:23% minmax(0,1fr) 20% 15%}.batak-score-row b{font-size:6px}.batak-player-me .batak-profile-card{width:140px}.batak-bid-call{padding:5px 8px;font-size:8px}.batak-trump-indicator{left:19%;transform:translate(-50%,-50%) scale(.7)}}
@media(max-height:650px){.batak-scoreboard{transform:scale(.75)}.batak-profile-card{width:150px;height:54px}.batak-player-me .batak-profile-card{width:165px}.batak-status{bottom:88px}.batak-hand{bottom:-10px}.batak-trump-indicator{transform:translate(-50%,-50%) scale(.74)}}

/* Clear table information: bid, won tricks and points stay visible for every seat. */
.batak-scoreboard{right:10px;top:8px;width:clamp(235px,24vw,320px);min-height:0;aspect-ratio:auto;height:auto;padding:40px 10px 10px;border:2px solid #d2a651;border-radius:17px;background:linear-gradient(145deg,#59351df2,#24150deb 68%,#120b08f2);box-shadow:inset 0 0 0 2px #ffdf8742,inset 0 0 28px #0009,0 12px 24px #000b;filter:none;gap:5px;overflow:hidden}
.batak-scoreboard:before{content:'';position:absolute;inset:5px;border:1px solid #d7b76466;border-radius:11px;pointer-events:none}
.batak-scoreboard header{display:flex;left:14px;right:48px;top:10px;height:23px;padding:0 5px;border-bottom:1px solid #d7b76488;color:#ffe8a8}.batak-scoreboard header b{font-size:12px}.batak-scoreboard header small{display:none}
.batak-score-row{position:relative;grid-template-columns:30px minmax(54px,1fr) 36px 32px 40px;gap:4px;width:100%;height:38px;min-height:38px;padding:3px 5px;border:1px solid #f5d78426;border-radius:9px;background:linear-gradient(90deg,#f7e9cbea,#d9bd87e8)!important;color:#34200f;box-sizing:border-box}
.batak-score-row>span.batak-score-avatar{width:27px;height:27px;aspect-ratio:1;border:2px solid #87602e;border-radius:50%;background:#173d31}.batak-score-avatar img{width:100%;height:100%;object-fit:cover}
.batak-score-row>b{font-size:9px}.batak-score-stat,.batak-score-row>output{min-width:0!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;display:grid!important;place-items:center;border:0!important;border-left:1px solid #76512042!important;border-radius:0!important;background:transparent!important;color:#3c2410!important;text-align:center}
.batak-score-stat small,.batak-score-row>output small{font:800 6px/1 Arial,sans-serif;letter-spacing:.05em;color:#745431}.batak-score-stat strong,.batak-score-row>output strong{font:900 14px/1 Georgia,serif;color:#321b0a}.batak-score-row.mine{outline:2px solid #f0bf42;outline-offset:-2px;background:linear-gradient(90deg,#fff3bd,#e6c565)!important}

/* Four played cards keep their seat positions until the next trick starts. */
.batak-center{width:min(300px,38vw);height:min(210px,42vh);display:block;pointer-events:none}
.batak-trick-card{position:absolute;width:clamp(46px,5.8vw,72px);aspect-ratio:52/77;transition:opacity .12s}.batak-trick-card>.card{width:100%;height:100%;margin:0;border-radius:7px}.batak-trick-card.from-top{left:50%;top:0;transform:translateX(-50%) rotate(2deg)}.batak-trick-card.from-right{right:0;top:50%;transform:translateY(-50%) rotate(5deg)}.batak-trick-card.from-mine{left:50%;bottom:0;transform:translateX(-50%) rotate(-2deg)}.batak-trick-card.from-left{left:0;top:50%;transform:translateY(-50%) rotate(-5deg)}
.batak-center.completed .batak-trick-card{filter:saturate(.8) brightness(.92)}.batak-center.completed .batak-trick-card.winner{filter:drop-shadow(0 0 9px #ffd85e) brightness(1.08)}
.batak-play-flight{position:fixed!important;z-index:1200!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px;pointer-events:none;filter:drop-shadow(0 9px 7px #000a);will-change:transform,opacity}

/* 15-second turn clock is attached to the active player's avatar. */
.batak-turn-timer{--timer-progress:1;--timer-color:#28c76f;position:absolute!important;z-index:8;left:calc(100% + 10px)!important;right:auto!important;top:50%!important;bottom:auto!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;transform:translate(-50%,-50%);border:0!important;border-radius:50%!important;display:grid!important;place-items:center;background:conic-gradient(var(--timer-color) calc(var(--timer-progress)*1turn),#261a15 calc(var(--timer-progress)*1turn))!important;box-shadow:0 0 9px color-mix(in srgb,var(--timer-color) 70%,transparent);font-style:normal!important;overflow:visible!important}
.batak-turn-timer:before{content:'';position:absolute;inset:4px;border-radius:50%;background:#12372c;border:1px solid #f2d08b66}.batak-turn-timer em{position:relative;z-index:1;color:#fff;font:900 11px/1 Arial,sans-serif;text-shadow:0 1px 2px #000;font-style:normal}.batak-turn-timer.danger{animation:batak-timer-danger .55s ease-in-out infinite alternate}@keyframes batak-timer-danger{to{filter:drop-shadow(0 0 7px #f33);transform:translate(-50%,-50%) scale(1.08)}}

@media(max-width:900px){.batak-scoreboard{width:225px}.batak-score-row{grid-template-columns:27px minmax(48px,1fr) 34px 30px 37px;height:35px;min-height:35px}.batak-score-row>span.batak-score-avatar{width:24px;height:24px}.batak-center{width:245px;height:160px}.batak-profile-copy small{font-size:7px}}
@media(max-height:650px){.batak-scoreboard{width:220px;transform:none;padding-top:35px;gap:3px}.batak-scoreboard header{top:8px}.batak-score-row{height:32px;min-height:32px}.batak-score-stat strong,.batak-score-row>output strong{font-size:12px}.batak-profile-card{width:168px;height:56px}.batak-player-me .batak-profile-card{width:178px}.batak-center{width:230px;height:150px}.batak-turn-timer{width:32px!important;height:32px!important;min-width:32px!important}.batak-turn-timer:before{inset:3px}.batak-turn-timer em{font-size:9px}}

/* Batak v3: gece mavisi dokulu masa, yazboz skor kâğıdı ve sabit profil yuvaları. */
.batak-table{
  border-color:#27170f;
  background-color:#102d49;
  background-image:radial-gradient(circle at 48% 38%,#477a9b55,transparent 52%),linear-gradient(#0b2c47a8,#061827d6),url('../assets/games/pisti/final/tablecloth-green.webp');
  background-position:center;
  background-size:cover;
  background-blend-mode:screen,color,multiply;
  box-shadow:inset 0 0 0 3px #b77c30,inset 0 0 110px #020b14e8,0 16px 50px #000b
}
.batak-table:before{border-color:#e3b75c59;box-shadow:inset 0 0 42px #020a12b8}
.batak-table:after{border-color:#b77c305c;box-shadow:inset 0 0 65px #020911c9}

.batak-profile-wrap{filter:drop-shadow(0 6px 7px #000a)}
.batak-profile-card,
.batak-player-me .batak-profile-card{
  box-sizing:border-box;
  width:clamp(166px,18vw,220px);
  height:clamp(54px,6.1vw,70px);
  padding:0 12px 0 clamp(54px,5.8vw,68px);
  display:flex;
  align-items:center
}
.batak-profile-avatar{
  box-sizing:border-box;
  left:clamp(9px,1vw,12px);
  top:50%;
  width:clamp(38px,4.2vw,50px);
  height:clamp(38px,4.2vw,50px);
  transform:translateY(-50%);
  overflow:visible;
  border:2px solid #d8b35d;
  border-radius:50%;
  background:#071c2b
}
.batak-profile-avatar>img{
  width:100%;
  height:100%;
  max-width:none;
  display:block;
  object-fit:cover;
  object-position:center;
  border-radius:50%
}
.batak-profile-avatar>i{
  right:-4px;
  bottom:-4px;
  min-width:18px;
  height:18px;
  padding:0 3px;
  line-height:14px
}
.batak-profile-copy{width:100%;height:62%;min-width:0;justify-content:center;gap:3px;overflow:hidden}
.batak-profile-copy b{
  width:100%;
  font-size:clamp(9px,1vw,12px);
  line-height:1.05;
  text-align:center
}
.batak-profile-copy small{
  width:100%;
  margin:0;
  overflow:hidden;
  color:#f4d88b;
  font-size:clamp(6px,.68vw,8px);
  line-height:1.05;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap
}

.batak-scoreboard{
  right:12px;
  top:8px;
  box-sizing:border-box;
  width:clamp(150px,16vw,205px);
  aspect-ratio:2/3;
  height:auto;
  padding:22% 10% 15%;
  gap:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent url('../assets/games/pisti/final/score-paper-blank-v2.webp') center/100% 100% no-repeat;
  box-shadow:none;
  filter:drop-shadow(0 7px 8px #000a);
  transform:rotate(1deg);
  color:#29364c;
  font-family:'Segoe Print','Comic Sans MS',cursive
}
.batak-scoreboard:before{display:none}
.batak-scoreboard header{
  position:absolute;
  left:14%;
  right:14%;
  top:11%;
  height:auto;
  padding:0 0 3px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  border-bottom:1px solid #50617a66;
  color:#263b5d;
  text-shadow:none
}
.batak-scoreboard header b,.batak-scoreboard header small{font-size:0}
.batak-scoreboard header b:after{content:'YAZBOZ';font:900 clamp(8px,.85vw,11px)/1 'Segoe Print','Comic Sans MS',cursive}
.batak-scoreboard header small:after{content:'T · A · P';font:800 clamp(5px,.5vw,7px)/1 'Segoe Print','Comic Sans MS',cursive}
.batak-score-row{
  box-sizing:border-box;
  width:100%;
  height:25%;
  min-height:0;
  padding:1px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18% 18% 22%;
  gap:1px;
  align-items:center;
  border:0;
  border-bottom:1px solid #58698155;
  border-radius:0;
  background:transparent!important;
  color:#26364f
}
.batak-score-row:last-child{border-bottom:0}
.batak-score-row>b{
  min-width:0;
  overflow:hidden;
  color:#27354b;
  font:800 clamp(6px,.67vw,9px)/1.05 'Segoe Print','Comic Sans MS',cursive;
  text-overflow:ellipsis;
  white-space:nowrap
}
.batak-score-stat,.batak-score-row>output{
  border:0!important;
  border-left:1px solid #56657a3d!important;
  color:#263b5d!important;
  font-family:'Segoe Print','Comic Sans MS',cursive
}
.batak-score-stat small,.batak-score-row>output small{font:800 clamp(4px,.4vw,6px)/1 Arial,sans-serif;color:#687389}
.batak-score-stat strong,.batak-score-row>output strong{font:900 clamp(9px,1vw,13px)/1 'Segoe Print','Comic Sans MS',cursive;color:#243e67}
.batak-score-row.mine{outline:0;background:transparent!important;color:#922d27}
.batak-score-row.mine>b,.batak-score-row.mine strong{color:#922d27}

.batak-turn-timer{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:calc(100% + 4px)!important;
  height:calc(100% + 4px)!important;
  min-width:0!important;
  transform:translate(-50%,-50%)!important;
  box-shadow:0 0 0 2px #edcf78,0 0 11px color-mix(in srgb,var(--timer-color) 72%,transparent)
}
.batak-turn-timer:before{inset:4px;background:#0c2638}
.batak-turn-timer em{font-size:clamp(10px,1.15vw,14px)}
.batak-turn-timer.danger{animation:batak-avatar-timer-danger .55s ease-in-out infinite alternate}
@keyframes batak-avatar-timer-danger{to{filter:drop-shadow(0 0 7px #f33);transform:translate(-50%,-50%) scale(1.07)!important}}

@media(max-width:900px){
  .batak-profile-card,.batak-player-me .batak-profile-card{width:150px;height:50px;padding-left:50px}
  .batak-profile-avatar{left:8px;width:36px;height:36px}
  .batak-scoreboard{width:142px}
}
@media(max-height:650px){
  .batak-profile-card,.batak-player-me .batak-profile-card{width:150px;height:50px;padding-left:50px}
  .batak-profile-avatar{left:8px;width:36px;height:36px}
  .batak-scoreboard{width:140px;padding:29px 12px 20px;transform:rotate(1deg)}
  .batak-scoreboard header{top:12%}
  .batak-score-row{height:25%;min-height:0}
}

/* Batak v4: oyuncu alanları ve yazboz birbirinden ayrılmış sabit masa düzeni. */
.batak-opponent.top{
  top:10px;
  flex-direction:column-reverse
}
.batak-opponent.left{
  left:14px;
  top:57%;
  flex-direction:row-reverse
}
.batak-opponent.right{
  right:14px;
  top:57%;
  flex-direction:row
}
.batak-opponent.left .batak-card-fan,
.batak-opponent.right .batak-card-fan{margin-inline:8px}

.batak-scoreboard{
  left:14px;
  right:auto;
  top:12px;
  width:clamp(132px,12vw,164px);
  max-height:none;
  transform:rotate(-1deg)
}

.batak-hand{
  bottom:12px;
  max-width:calc(100% - 330px)
}
.batak-status{bottom:clamp(103px,23vh,132px)}
.batak-player-me{left:14px;bottom:12px}

@media(max-width:900px){
  .batak-opponent.left{left:8px}
  .batak-opponent.right{right:8px}
  .batak-scoreboard{left:8px;right:auto;width:128px}
  .batak-hand{bottom:10px;max-width:calc(100% - 300px)}
  .batak-player-me{left:8px;bottom:10px}
}
@media(max-height:650px){
  .batak-opponent.top{top:7px}
  .batak-opponent.left,.batak-opponent.right{top:57%}
  .batak-scoreboard{left:10px;right:auto;top:8px;width:132px;padding:27px 11px 18px;transform:rotate(-1deg)}
  .batak-scoreboard header{top:11%}
  .batak-hand{bottom:12px}
  .batak-status{bottom:clamp(103px,23vh,122px)}
  .batak-player-me{left:10px;bottom:12px}
}
@media(max-width:940px) and (max-height:650px){
  .batak-opponent.left,.batak-opponent.right{top:59%}
  .batak-scoreboard{width:118px;padding:24px 10px 16px}
}

/* Batak v5: kompakt koz rozeti, gerçek kart adedi ve tek avatar/sayaç yuvası. */
.batak-trump-indicator{
  left:auto;
  right:clamp(62px,6.5vw,82px);
  top:10px;
  width:clamp(76px,8.5vw,104px);
  min-height:44px;
  box-sizing:border-box;
  padding:4px 6px;
  display:grid;
  grid-template-columns:clamp(28px,3vw,38px) minmax(0,1fr);
  grid-template-rows:1fr 1fr;
  align-items:center;
  gap:0 5px;
  transform:none;
  border-radius:10px;
  text-align:left
}
.batak-trump-indicator>div,
.batak-trump-indicator .batak-trump-card,
.batak-trump-indicator .batak-kitty-pile{
  grid-row:1/3;
  width:clamp(28px,3vw,38px);
  height:clamp(38px,5.2vw,52px);
  margin:0;
  box-sizing:border-box
}
.batak-trump-indicator .batak-kitty-pile i{
  width:clamp(24px,2.6vw,33px);
  height:clamp(35px,4.6vw,46px)
}
.batak-trump-indicator .batak-trump-card b{font-size:clamp(20px,2.4vw,29px)}
.batak-trump-indicator>b{margin:0;font-size:clamp(10px,1.05vw,14px);line-height:1}
.batak-trump-indicator>small{font-size:clamp(5px,.52vw,7px);line-height:1.05}

.batak-card-fan.top{width:192px;max-width:none}
.batak-card-fan.left,.batak-card-fan.right{height:178px;max-height:none}
.batak-table .batak-card-fan.top span:nth-child(1){left:0!important}
.batak-table .batak-card-fan.top span:nth-child(2){left:12px!important}
.batak-table .batak-card-fan.top span:nth-child(3){left:24px!important}
.batak-table .batak-card-fan.top span:nth-child(4){left:36px!important}
.batak-table .batak-card-fan.top span:nth-child(5){left:48px!important}
.batak-table .batak-card-fan.top span:nth-child(6){left:60px!important}
.batak-table .batak-card-fan.top span:nth-child(7){left:72px!important}
.batak-table .batak-card-fan.top span:nth-child(8){left:84px!important}
.batak-table .batak-card-fan.top span:nth-child(9){left:96px!important}
.batak-table .batak-card-fan.top span:nth-child(10){left:108px!important}
.batak-table .batak-card-fan.top span:nth-child(11){left:120px!important}
.batak-table .batak-card-fan.top span:nth-child(12){left:132px!important}
.batak-table .batak-card-fan.top span:nth-child(13){left:144px!important}
.batak-table .batak-card-fan.left span:nth-child(1),.batak-table .batak-card-fan.right span:nth-child(1){top:0!important}
.batak-table .batak-card-fan.left span:nth-child(2),.batak-table .batak-card-fan.right span:nth-child(2){top:9px!important}
.batak-table .batak-card-fan.left span:nth-child(3),.batak-table .batak-card-fan.right span:nth-child(3){top:18px!important}
.batak-table .batak-card-fan.left span:nth-child(4),.batak-table .batak-card-fan.right span:nth-child(4){top:27px!important}
.batak-table .batak-card-fan.left span:nth-child(5),.batak-table .batak-card-fan.right span:nth-child(5){top:36px!important}
.batak-table .batak-card-fan.left span:nth-child(6),.batak-table .batak-card-fan.right span:nth-child(6){top:45px!important}
.batak-table .batak-card-fan.left span:nth-child(7),.batak-table .batak-card-fan.right span:nth-child(7){top:54px!important}
.batak-table .batak-card-fan.left span:nth-child(8),.batak-table .batak-card-fan.right span:nth-child(8){top:63px!important}
.batak-table .batak-card-fan.left span:nth-child(9),.batak-table .batak-card-fan.right span:nth-child(9){top:72px!important}
.batak-table .batak-card-fan.left span:nth-child(10),.batak-table .batak-card-fan.right span:nth-child(10){top:81px!important}
.batak-table .batak-card-fan.left span:nth-child(11),.batak-table .batak-card-fan.right span:nth-child(11){top:90px!important}
.batak-table .batak-card-fan.left span:nth-child(12),.batak-table .batak-card-fan.right span:nth-child(12){top:99px!important}
.batak-table .batak-card-fan.left span:nth-child(13),.batak-table .batak-card-fan.right span:nth-child(13){top:108px!important}

.batak-player-me .batak-profile-avatar{
  width:clamp(38px,4.2vw,50px);
  height:clamp(38px,4.2vw,50px);
  display:grid;
  border:2px solid #d8b35d;
  background:#071c2b
}
.batak-player-me .batak-profile-copy{
  width:100%;
  height:62%;
  display:flex;
  border:0;
  border-radius:0;
  background:none
}
.batak-profile-avatar>i:not(.batak-turn-timer){right:-1px;bottom:-1px;min-width:16px;height:16px;padding:0 2px;border-width:1px;font-size:8px;line-height:14px}
.batak-profile-avatar:has(.batak-turn-timer)>i:not(.batak-turn-timer){display:none}

@media(max-width:900px), (max-height:650px){
  .batak-player-me .batak-profile-avatar{width:36px;height:36px}
  .batak-trump-indicator{top:8px;right:58px;width:80px;min-height:42px;padding:3px 5px;grid-template-columns:28px minmax(0,1fr)}
  .batak-trump-indicator>div,.batak-trump-indicator .batak-trump-card,.batak-trump-indicator .batak-kitty-pile{width:28px;height:38px}
}

/* Oynanabilir kartlar pasif kartların üstünde kalır; tahmin satırı hiçbir ölçüde gizlenmez. */
.batak-hand .card{position:relative;z-index:1}
.batak-hand .card:disabled{z-index:1}
.batak-hand button.card:not(:disabled){z-index:3}
.batak-hand button.card:not(:disabled):hover,
.batak-hand button.card:not(:disabled):focus{z-index:7}
.batak-hand .card.selected{z-index:8}
.batak-profile-copy small,
.batak-player-me .batak-profile-copy small{
  display:block!important;
  min-height:1em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
@media(max-width:620px){
  .batak-profile-copy small,
  .batak-player-me .batak-profile-copy small{font-size:6px}
}
/* Approved table layout: two short score-paper columns leave room for the left seat. */
.batak-table .batak-scoreboard{
  left:10px;right:auto;top:8px;
  width:clamp(220px,25vw,280px);height:clamp(84px,22vh,112px);
  max-height:none;aspect-ratio:auto;transform:none;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;
  padding:25px 12px 8px;column-gap:24px;row-gap:0;
  background-size:50% 100%;background-position:left top;background-repeat:repeat-x;
}
.batak-table .batak-scoreboard header{left:14px;right:auto;top:10px;width:calc(50% - 28px)}
.batak-table .batak-score-row{height:auto;min-height:0;width:100%;padding:1px 0}
.batak-table .batak-score-row:nth-child(3){border-bottom:0}
.batak-table .batak-opponent.left,.batak-table .batak-opponent.right{top:47%}
.batak-table .batak-choice:not(.compact):not(.suits){width:min(510px,60vw);box-sizing:border-box;top:53%;padding:10px 12px}
.batak-table .batak-choice:not(.compact):not(.suits) button{min-width:42px;min-height:32px}
@media(max-width:700px){
  .batak-table .batak-scoreboard{width:clamp(180px,31vw,220px);padding-inline:9px;column-gap:18px}
  .batak-table .batak-scoreboard header{left:11px;width:calc(50% - 22px)}
  .batak-table .batak-choice:not(.compact):not(.suits){width:64vw;padding:8px}
  .batak-table .batak-choice:not(.compact):not(.suits) button{min-width:30px;min-height:28px;padding:4px 6px}
}
.batak-revealed-kitty{position:absolute;left:50%;top:23%;transform:translateX(-50%);z-index:12;text-align:center;color:#ffe5a5;pointer-events:none}
.batak-revealed-kitty small{display:block;margin-bottom:5px;font-size:11px}
.batak-revealed-kitty>div,.batak-kitty-transfer{display:flex;gap:5px}
.batak-revealed-kitty .card,.batak-kitty-transfer .card{position:relative!important;inset:auto!important;transform:none!important;width:clamp(32px,4vw,58px)!important;height:auto!important;aspect-ratio:2/3;opacity:1!important}
.batak-kitty-transfer{position:fixed;left:40%;top:35%;z-index:10000;pointer-events:none}
.batak-kitty-transfer .card{padding:0;border:0;background:transparent;overflow:hidden;box-shadow:none}
.batak-kitty-transfer .card img{display:block;width:100%;height:100%;object-fit:fill}