.game-stage{display:grid;gap:14px}.table-shell{position:relative;padding:8px 10px 0}.table-frame{position:relative;padding:18px;border-radius:58px;background:#4a2d19 url('../images/ui/wood-walnut.webp') center/cover no-repeat;box-shadow:0 34px 88px rgba(0,0,0,.46),0 0 0 1px rgba(115,79,48,.95),inset 0 2px 0 rgba(255,255,255,.10),inset 0 -8px 24px rgba(0,0,0,.35)}.table-frame::before{content:"";position:absolute;inset:7px;border-radius:51px;border:1px solid rgba(237,210,143,.20);box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);pointer-events:none}.table-brass-rail{padding:4px;border-radius:45px;background:linear-gradient(135deg,#9c7835,#ebce79 24%,#79602d 55%,#d8ba63 80%,#725526);box-shadow:0 0 0 1px rgba(255,230,161,.18),inset 0 0 0 1px rgba(31,21,9,.44),0 8px 24px rgba(0,0,0,.22)}.table-cushion{padding:9px;border-radius:41px;background:linear-gradient(180deg,#102a20,#081b14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 12px 28px rgba(255,255,255,.025),inset 0 -10px 30px rgba(0,0,0,.34)}.table-felt{position:relative;overflow:hidden;min-height:760px;border-radius:33px;background:#155039 url('../images/ui/felt-green.webp') center/420px 420px repeat;box-shadow:inset 0 0 120px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.055)}.table-felt::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 32%,rgba(123,201,157,.18),transparent 38%),radial-gradient(ellipse at 50% 110%,rgba(0,0,0,.30),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%)}.table-felt::after{content:"3–13";position:absolute;right:8%;top:40%;font:700 clamp(3.8rem,8vw,7rem)/1 Georgia,"Times New Roman",serif;color:rgba(226,202,139,.035);letter-spacing:.04em;pointer-events:none}.table-layout{position:relative;z-index:1;min-height:760px;padding:18px 22px 20px;display:grid;grid-template-rows:auto 1fr auto;gap:18px}
.opponents{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;min-height:86px}.opponent{min-width:194px;display:grid;grid-template-columns:40px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:9px 11px;border-radius:16px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 38%),rgba(5,20,14,.68);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}.opponent.active{border-color:rgba(216,183,104,.66);box-shadow:0 0 0 2px rgba(216,183,104,.13),0 0 30px rgba(216,183,104,.08),0 12px 26px rgba(0,0,0,.20)}.opponent.offline{opacity:.58}.opponent-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#d9e7df;font-weight:850;background:linear-gradient(145deg,#295640,#17372a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.06)}.opponent-content{min-width:0}.opponent-name{display:block;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opponent-stats{display:block;color:#b8c7c0;font-size:.73rem;margin-top:2px}.opponent-backs{position:relative;width:38px;height:34px}.mini-card-back{position:absolute;width:23px;height:32px;border-radius:4px;border:1px solid rgba(255,255,255,.56);box-shadow:0 3px 7px rgba(0,0,0,.30);background-size:cover;background-position:center}.mini-card-back:first-child{left:1px;top:2px;transform:rotate(-8deg)}.mini-card-back:last-child{right:1px;top:0;transform:rotate(7deg)}.mini-card-back.red{background-image:url('../images/ui/card-back-red.webp')}.mini-card-back.blue{background-image:url('../images/ui/card-back-blue.webp')}
.center-table{align-self:center;display:grid;justify-items:center;gap:26px}.round-info{text-align:center;display:grid;gap:5px;max-width:900px;padding-inline:12px}.round-info>span:first-child{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,2.5vw,2.35rem);font-weight:800;line-height:1.08;text-shadow:0 3px 12px rgba(0,0,0,.28)}.round-info>.muted{font-size:.92rem;color:#bdc9c3}.round-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:9px;color:rgba(216,183,104,.58)}.round-divider i{width:min(150px,22vw);height:1px;background:linear-gradient(90deg,transparent,rgba(216,183,104,.46))}.round-divider i:last-child{background:linear-gradient(90deg,rgba(216,183,104,.46),transparent)}.round-divider b{font-size:.88rem;font-weight:700}.piles{display:flex;align-items:center;justify-content:center;gap:42px;padding-bottom:10px}.pile{width:112px;height:157px;border:0;border-radius:14px;position:relative;padding:0;background:transparent;overflow:visible}.pile::after{content:"";position:absolute;left:50%;bottom:-8px;width:82px;height:18px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.30),transparent 70%);filter:blur(2px);z-index:0}.card-back::before,.card-back::after{content:"";position:absolute;inset:0;border-radius:14px;border:1px solid rgba(255,255,255,.75);background-position:center;background-size:cover;box-shadow:0 12px 25px rgba(0,0,0,.34)}.card-back::before{z-index:1;transform:translate(-8px,-5px) rotate(-2deg)}.card-back::after{z-index:2;transform:translate(1px,1px) rotate(.5deg)}.card-back.deck-red::after,.card-back.deck-blue::before{background-image:url('../images/ui/card-back-red.webp')}.card-back.deck-blue::after,.card-back.deck-red::before{background-image:url('../images/ui/card-back-blue.webp')}.pile-count{position:absolute;z-index:4;right:6px;bottom:6px;min-width:28px;padding:3px 7px;border-radius:999px;text-align:center;background:rgba(4,10,8,.78);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.76rem;font-weight:850}.pile-label{position:absolute;left:50%;bottom:-29px;transform:translateX(-50%);white-space:nowrap;color:rgba(239,244,241,.60);font-size:.64rem;font-weight:820;text-transform:uppercase;letter-spacing:.11em;z-index:5}.discard-pile{display:grid;place-items:center;background:rgba(0,0,0,.08);border:1px dashed rgba(255,255,255,.15);box-shadow:inset 0 0 0 4px rgba(0,0,0,.025)}.empty-discard{color:rgba(255,255,255,.38);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.final-phase-notice{max-width:780px;padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,rgba(184,56,70,.16),rgba(184,56,70,.08));border:1px solid rgba(255,171,180,.26);text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.my-zone{align-self:end;padding:14px 16px 17px;border-radius:22px;border:1px solid rgba(216,183,104,.40);background:linear-gradient(180deg,rgba(5,22,15,.72),rgba(3,16,11,.62));box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(6px)}.my-zone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.my-seat-title{display:flex;align-items:center;gap:10px;min-width:0}.my-seat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--accent-2);background:linear-gradient(145deg,rgba(216,183,104,.18),rgba(216,183,104,.04));border:1px solid rgba(216,183,104,.30)}.my-seat-title>div{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.my-zone-head strong{font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}.my-zone-head .muted{font-size:.76rem}.sort-actions{display:flex;gap:7px}.sort-actions .btn{border-radius:999px;padding-inline:13px}.hand{display:flex;align-items:flex-end;min-height:170px;overflow-x:auto;padding:9px 6px 12px;scrollbar-width:thin;scrollbar-color:rgba(216,183,104,.25) transparent}
.action-panel{padding:15px 18px 17px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 25%),linear-gradient(145deg,rgba(13,29,23,.98),rgba(8,18,15,.99));border:1px solid rgba(217,236,227,.10);box-shadow:0 20px 48px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.03)}.action-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.selection-info{font-size:.84rem;color:#b6c4bd}.action-hint{color:#71857b;font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.action-buttons{display:flex;gap:9px;flex-wrap:wrap}.action-buttons .btn{min-height:48px;min-width:150px;border-radius:13px}.action-draw{background:linear-gradient(180deg,#16a466,#087d4c)!important;border-color:rgba(126,235,180,.20)!important}.action-take{background:linear-gradient(180deg,#3d91c5,#25698f)!important;border-color:rgba(139,211,255,.18)!important}.action-discard{background:linear-gradient(180deg,#aa8434,#7c5c21)!important;color:#fff!important;border-color:rgba(255,221,142,.18)!important}.action-knock{background:linear-gradient(180deg,#c94755,#a32e3b)!important}.action-check{background:linear-gradient(180deg,#253b45,#172831)!important}.action-draw::before{content:"▤";margin-right:7px}.action-take::before{content:"↓";margin-right:7px}.action-discard::before{content:"↗";margin-right:7px}.action-knock::before{content:"✋";margin-right:7px}.action-check::before{content:"✓";margin-right:7px}.hand-check{margin-top:10px;padding:10px 12px;border-radius:13px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}.hand-check.good{color:#8fe0b4;border-color:rgba(99,202,146,.35)}.hand-check.bad{color:#f1b1b7;border-color:rgba(184,56,70,.40)}
.layoff-panel{width:min(100%,980px);display:grid;gap:10px;padding:14px 16px;border-radius:17px;border:1px solid rgba(216,183,104,.26);background:linear-gradient(145deg,rgba(5,22,15,.74),rgba(4,16,11,.56));box-shadow:0 16px 34px rgba(0,0,0,.18)}.layoff-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.winner-melds{display:grid;gap:10px}.meld-target{display:grid;gap:8px;justify-items:start;width:100%;text-align:left;padding:11px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025)}.meld-target.selected{border-color:rgba(216,183,104,.72);box-shadow:0 0 0 2px rgba(216,183,104,.16),inset 0 0 0 1px rgba(216,183,104,.14)}.meld-target:disabled{opacity:.72;cursor:default}.meld-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.meld-cards{display:flex;align-items:flex-end;min-height:132px;overflow-x:auto}
@media(max-width:900px){.table-shell{padding-inline:0}.table-frame{padding:12px;border-radius:42px}.table-frame::before{inset:5px;border-radius:37px}.table-brass-rail{border-radius:34px}.table-cushion{padding:7px;border-radius:31px}.table-felt{min-height:690px;border-radius:25px}.table-layout{min-height:690px;padding:14px}.opponent{min-width:165px}.piles{gap:32px}.pile{width:98px;height:138px}.table-felt::after{font-size:5rem}.action-buttons .btn{min-width:130px}}
@media(max-width:760px){.table-frame{padding:8px;border-radius:28px}.table-frame::before{inset:4px;border-radius:24px}.table-brass-rail{padding:3px;border-radius:23px}.table-cushion{padding:5px;border-radius:21px}.table-felt{min-height:625px;border-radius:17px}.table-layout{min-height:625px;padding:10px;gap:12px}.opponents{gap:7px;min-height:70px}.opponent{min-width:138px;grid-template-columns:31px minmax(0,1fr) 32px;padding:7px 8px}.opponent-avatar{width:30px;height:30px}.opponent-backs{transform:scale(.85);transform-origin:right center}.round-info>span:first-child{font-size:1.18rem}.round-info>.muted{font-size:.79rem}.round-divider{margin-top:5px}.piles{gap:28px}.pile{width:84px;height:118px}.pile-label{bottom:-23px;font-size:.57rem}.my-zone{padding:11px;border-radius:17px}.my-seat-icon{width:32px;height:32px}.my-zone-head{align-items:flex-start}.my-seat-title>div{display:grid;gap:2px}.sort-actions{flex-direction:column}.hand{min-height:144px}.action-panel{padding:13px}.action-topline{align-items:flex-start}.action-hint{display:none}.action-buttons .btn{flex:1 1 44%;min-width:0}}
@media(max-width:430px){.table-felt{min-height:590px}.opponent{min-width:122px}.opponent-backs{display:none}.piles{gap:22px}.pile{width:78px;height:110px}.action-buttons .btn{flex-basis:100%}.my-zone-head{gap:7px}.sort-actions .btn{font-size:.7rem;padding-inline:9px}}

/* ========================================================================== 
   v2.7 – Live-Punktestand und Rundenübersicht
   ========================================================================== */
.game-main-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:16px;
    align-items:start;
}
.game-main-grid>.table-shell{min-width:0}
.round-overview{
    position:sticky;
    top:104px;
    display:grid;
    gap:14px;
    max-height:calc(100vh - 124px);
    overflow:hidden;
    padding:16px;
    border-radius:20px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.028),transparent 24%),
        linear-gradient(145deg,rgba(14,30,24,.97),rgba(7,18,14,.99));
    border:1px solid rgba(216,183,104,.16);
    box-shadow:0 20px 52px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.03);
}
.round-overview-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.07);
}
.round-overview-head h3{
    margin:2px 0 0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:1.24rem;
    color:#f5efe0;
}
.round-overview-eyebrow{
    display:block;
    color:var(--accent-2);
    font-size:.65rem;
    font-weight:850;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.round-overview-meta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    min-height:32px;
    padding:4px 9px;
    border-radius:999px;
    color:#ead9a7;
    font-size:.75rem;
    font-weight:850;
    background:rgba(216,183,104,.08);
    border:1px solid rgba(216,183,104,.25);
}
.live-standings{
    display:grid;
    gap:6px;
}
.live-standing-row{
    display:grid;
    grid-template-columns:28px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    min-height:39px;
    padding:7px 9px;
    border-radius:11px;
    border:1px solid rgba(255,255,255,.055);
    background:rgba(255,255,255,.022);
}
.live-standing-row.me{
    border-color:rgba(89,198,145,.22);
    background:rgba(64,155,111,.07);
}
.live-standing-row.leader{
    box-shadow:inset 2px 0 rgba(216,183,104,.65);
}
.live-standing-rank{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.055);
    color:#aabbb2;
    font-size:.68rem;
    font-weight:850;
}
.live-standing-row.leader .live-standing-rank{
    color:#1b160b;
    background:linear-gradient(180deg,#ead390,#c9a451);
}
.live-standing-name{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#dbe4df;
    font-size:.78rem;
    font-weight:720;
}
.live-standing-total{
    color:#f4e6b8;
    font-size:.78rem;
    white-space:nowrap;
}
.round-ledger-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:2px;
    color:#d9e2dd;
    font-size:.78rem;
}
.round-ledger-head span{
    color:#82968c;
    font-size:.67rem;
}
.round-history-list{
    min-height:0;
    overflow-y:auto;
    display:grid;
    gap:7px;
    padding-right:3px;
    scrollbar-width:thin;
    scrollbar-color:rgba(216,183,104,.28) transparent;
}
.round-ledger-row{
    padding:9px 10px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.055);
    background:rgba(255,255,255,.018);
}
.round-ledger-row.current{
    border-color:rgba(88,193,141,.25);
    background:rgba(47,139,99,.065);
}
.round-ledger-row.complete{
    background:rgba(255,255,255,.026);
}
.round-ledger-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    color:#dfe6e2;
    font-size:.72rem;
}
.round-rule-chip{
    padding:2px 6px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.07);
    color:#83968d;
    font-size:.58rem;
    font-weight:780;
}
.round-rule-chip.plocica{
    color:#ead391;
    border-color:rgba(216,183,104,.20);
    background:rgba(216,183,104,.06);
}
.round-rule-chip.standard{
    color:#a9d2ef;
    border-color:rgba(85,159,207,.18);
    background:rgba(60,133,181,.05);
}
.round-score-chips{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:7px;
}
.round-score-chip{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-width:0;
    padding:3px 6px;
    border-radius:8px;
    color:#9fb0a7;
    font-size:.62rem;
    background:rgba(0,0,0,.13);
    border:1px solid rgba(255,255,255,.045);
}
.round-score-chip span{
    max-width:92px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.round-score-chip strong{
    color:#e8ecea;
    font-size:.67rem;
}
.round-score-chip.winner{
    color:#ead69e;
    border-color:rgba(216,183,104,.22);
    background:rgba(216,183,104,.055);
}
.round-score-chip.winner strong{color:#f3dfaa}
.round-score-chip.me{
    box-shadow:inset 0 0 0 1px rgba(83,190,137,.14);
}
.round-ledger-status{
    display:block;
    margin-top:5px;
    color:#70847a;
    font-size:.63rem;
}

@media(max-width:1180px){
    .game-main-grid{grid-template-columns:minmax(0,1fr) 270px;gap:12px}
    .round-overview{padding:13px}
    .round-score-chip span{max-width:70px}
}
@media(max-width:980px){
    .game-main-grid{grid-template-columns:1fr}
    .round-overview{
        position:relative;
        top:auto;
        max-height:none;
        order:2;
    }
    .round-history-list{
        max-height:340px;
    }
    .live-standings{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:620px){
    .live-standings{grid-template-columns:1fr}
    .round-overview{border-radius:16px;padding:12px}
    .round-history-list{max-height:300px}
}