/* Shared blue cloth, paper panels and card-red controls. */
:root{--blue:#d94058;--tint:#f9ecef;--ink:#294454;--muted:#607580;--line:#d4dee3}
.phone:not(.is-game){background:#4d7c99 url('felt.svg');color:var(--ink)}
.phone:not(.is-game) .app-header{background:transparent;border:0;color:white}
.phone:not(.is-game) .app-header .balance,.phone:not(.is-game) .back-title{color:white}
.phone:not(.is-game) .balance small,.phone:not(.is-game) .balance .currency{color:#e1edf3}
.phone:not(.is-game) .balance>svg{color:#fff}
.phone:not(.is-game) .header-actions .icon{background:#fafbfaf5;border:1px solid #d7e2e8;color:#d94058;border-radius:8px}
.phone:not(.is-game) main{padding:8px 14px 22px}
.phone:not(.is-game) main>.page-heading,.phone:not(.is-game) main>.topbar-create,.phone:not(.is-game) main>.creation-title,.phone:not(.is-game) main>.page-title,.phone:not(.is-game) main>.block-heading{color:#fff}
.phone:not(.is-game) main>.schema-note,.phone:not(.is-game) main>.subtle-note,.phone:not(.is-game) main>.detail-label,.phone:not(.is-game) main>.muted-body,.phone:not(.is-game) .accepted-state-note,.phone:not(.is-game) .profile-meta button{color:#e5eff4}
.phone:not(.is-game) .account-panel{background:transparent;border:0;border-bottom:1px solid #ffffff38;border-radius:0;padding:8px 0 18px;margin-bottom:18px;min-height:98px;color:white}
.phone:not(.is-game) .account-panel small,.phone:not(.is-game) .account-record,.phone:not(.is-game) .account-link svg{color:#e3edf3}
.phone:not(.is-game) .account-panel h1{font-size:23px;letter-spacing:-.5px}
.phone:not(.is-game) .account-panel .avatar{width:62px;height:62px}
.phone:not(.is-game) .menu-grid{background:#ffffff0b;border:1px solid #ffffff42;border-radius:10px}
.phone:not(.is-game) .menu-cell{min-height:112px;padding:15px;color:white;gap:7px}
.phone:not(.is-game) .menu-cell:nth-child(odd){border-right-color:#ffffff38}
.phone:not(.is-game) .menu-cell:nth-child(n+3){border-top-color:#ffffff38}
.phone:not(.is-game) .menu-cell .menu-icon,.phone:not(.is-game) .menu-cell .chevron{color:#fff}
.phone:not(.is-game) .menu-cell strong{font-size:16px}
.phone:not(.is-game) .menu-cell small{color:#e0edf4;font-size:12px}
.phone:not(.is-game) .nav{border-top:1px solid #d4dee3;background:linear-gradient(#fff,#f1f3f4)}
.phone:not(.is-game) .nav button{color:#637984;font-size:12px;gap:5px}
.phone:not(.is-game) .nav button[aria-current=page]{color:#d94058}
.phone:not(.is-game) :is(.surface,.profile-menu,.profile-compact,.creation-form,.private-panel,.room-list-unified,.accepted-invite,.event-row,.overview-profile,.ranking-list,.mode-stat,.empty-help){border-radius:10px;border-color:#d3dde3;background:#fcfcfb;box-shadow:0 2px 4px #17364c12}
.phone:not(.is-game) .accepted-invite strong{font-size:14px}
.phone:not(.is-game) .accepted-invite small{font-size:12px;color:#607580}
.phone:not(.is-game) .outline-link{color:#cf3b53;border-color:#e3b1bb;border-radius:6px;font-size:12px}
.phone:not(.is-game) .primary{background:#d94058;color:#fff;border-radius:8px;min-height:48px;font-size:15px;box-shadow:none}
.phone:not(.is-game) .secondary{background:#fff;color:#c9344e;border:1px solid #d4dee3;border-radius:8px;min-height:46px}
.phone:not(.is-game) main>.text-action{color:white}
.phone:not(.is-game) .room-filters>button:not(.icon){background:#f5f7f7;color:#395563;border-radius:7px;font-size:12px}
.phone:not(.is-game) .room-filters>button[aria-pressed=true]{background:#d94058;color:white}
.phone:not(.is-game) .room-filters .icon{background:white;color:#d94058}
.phone:not(.is-game) .room-line{grid-template-columns:76px minmax(0,1fr) 76px;padding:15px 11px;min-height:105px}
.phone:not(.is-game) .room-description strong{font-size:14px}
.phone:not(.is-game) .room-right strong{color:#36586c;font-size:17px}
.phone:not(.is-game) .room-description small{font-size:12px}
.phone:not(.is-game) .lobby-finance-note{background:#ffffff12;border:1px solid #ffffff30;color:#edf4f7;border-radius:8px;font-size:12px}
.phone:not(.is-game) .creation-form .segments{background:#f0f3f4;border-color:#d4dee3}
.phone:not(.is-game) .creation-form .segments input:checked+span{background:#d94058}
.phone:not(.is-game) .creation-form .segments span{font-size:13px;min-height:42px}
.phone:not(.is-game) .stake-presets button{background:#edf1f2;color:#395563;min-height:38px;font-size:13px}
.phone:not(.is-game) .stake-presets button.selected{background:#d94058;color:white}
.phone:not(.is-game) .creation-form .field input{background:#fafbfa;border-color:#cbd7de}
.phone:not(.is-game) .cost-link,.phone:not(.is-game) .route-symbol,.phone:not(.is-game) .record-icon{color:#d94058}
.phone:not(.is-game) .rank-row.current,.phone:not(.is-game) .mode-tabs button[aria-pressed=true]{background:#f9e9ed;color:#ad2e44}
.phone:not(.is-game) .mode-tabs button{font-size:13px}
.phone:not(.is-game) .create-mini{background:#fff;color:#cf3b53;border-radius:7px;font-size:13px}
.phone:not(.is-game) .event-open{background:#fae9ee;color:#bc344b}
.phone:not(.is-game) .profile-menu .route strong{font-size:15px}
.phone:not(.is-game) .profile-menu .route small{font-size:12px}
.phone:not(.is-game) :is(#depositDemo,#withdrawDemo){background:#fcfcfb;padding:16px;border-radius:10px}
.phone:not(.is-game) .field{font-size:14px}
.phone:not(.is-game) .field :is(input,textarea,select){background:#fcfcfb;color:#294454;border-color:#cad6de}
.phone:not(.is-game) main>.field>span,.phone:not(.is-game) .page-heading>small,.phone:not(.is-game) .block-heading>.text-action,.phone:not(.is-game) main>.foot-actions .text-action{color:#edf4f7}
.phone:not(.is-game) main>.foot-actions .text-action{text-decoration:underline;text-underline-offset:3px}
.phone:not(.is-game) .menu-cell>.menu-icon .chevron{width:14px;height:14px}
.club-portrait{position:relative!important;display:inline-grid!important;place-items:center;overflow:hidden;border:2px solid #ee6379!important;border-radius:7px!important;background:#d1e2e9!important;flex-shrink:0}
.club-portrait img{display:block;width:100%;height:100%;object-fit:cover}
.phone:not(.is-game) .seat-pair .club-portrait{width:33px;height:36px;border-width:1px!important}
.phone:not(.is-game) .empty-seat{border-radius:6px!important}
.result-intro{text-align:center;color:white;padding:10px 0 15px}
.result-intro .club-portrait{width:76px;height:76px;margin-bottom:12px;border-width:3px!important}
.result-intro h1{font-size:27px;line-height:1.2;margin-bottom:7px}
.result-intro p{font-size:14px;color:#e1edf3}
.result-rules{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 8px;color:#e8f1f5;border-block:1px solid #ffffff30;font-size:13px}
.result-placements{background:#fcfcfb;border-radius:10px;overflow:hidden;margin:18px 0}
.result-player{display:flex;align-items:center;gap:12px;padding:14px 13px;border-bottom:1px solid #dbe3e7}
.result-player:last-child{border:0}.result-player.is-self{background:#faecef}
.result-place{width:22px;font-size:21px;color:#6b7f8a;text-align:center}
.result-player .club-portrait{width:44px;height:48px}
.result-player strong{display:block;font-size:15px}.result-player small{display:block;font-size:12px;color:#607580;margin-top:4px}
.result-actions{display:grid;gap:10px}.result-actions .text-action{color:#fff;min-height:44px}
.result-note{text-align:center;color:#e1edf3;font-size:12px;line-height:1.6;margin-top:14px}
.result-intro{display:grid;grid-template-columns:62px 1fr;column-gap:14px;row-gap:4px;text-align:left;align-items:center;padding:4px 0 14px}
.result-intro .club-portrait{grid-row:span 2;width:62px;height:62px;margin:0}.result-intro h1{font-size:24px;margin:0;align-self:end}.result-intro p{font-size:13px;align-self:start}
.result-rules{padding:9px 0}.result-placements{margin:12px 0}.result-player{padding:10px 12px}.result-player .club-portrait{width:40px;height:44px}
dialog .primary{background:#d94058;color:white;border-radius:8px;min-height:48px}dialog .secondary{color:#c9344e;border-color:#d4dee3}
/* Each row exposes the full rank/suit corner. Neither swiping nor paging is needed. */
.game-screen .game-hand-scroll{overflow:hidden;touch-action:none}
.game-screen .game-hand{width:100%!important;min-width:0;padding:0}
.game-screen .game-hand-scroll .hand-card{width:var(--hand-card-width);height:var(--hand-card-height);bottom:var(--row-bottom);touch-action:none}
.game-screen .hand-card.selected{z-index:100!important}
.game-screen.large-hand .game-guidance{min-height:28px;padding-top:0}
.game-screen.large-hand .game-guidance small{display:none}
.game-screen.large-hand .game-felt{min-height:0;padding-top:68px}
.game-screen.large-hand .game-opponents{display:flex;justify-content:space-around;inset:5px 0 auto;align-items:flex-start}
.game-screen.large-hand .game-opponents .opponent{position:relative;top:auto!important;left:auto;width:52px}
.game-screen.large-hand .opponent .op-avatar{width:44px;height:44px;border-width:3px}
.game-screen.large-hand .op-mini-hand{display:none}
.game-screen.large-hand .game-table-zone{min-height:70px;padding:0}
.game-screen.large-hand .table-pairs{--table-card-width:56px;--pair-width:73px;--pair-height:82px;min-height:80px}
@media(max-height:740px){.game-screen.large-hand .game-table-zone{min-height:92px}.game-screen.large-hand .game-felt{padding-top:78px}.game-screen.large-hand .table-pairs{transform:scale(.85)}.game-screen.large-hand .game-stock,.game-screen.large-hand .game-discard{transform:scale(.85)}}
@media(max-height:740px){.phone:not(.is-game) .account-panel{min-height:78px;padding:0 0 12px;margin-bottom:12px}.phone:not(.is-game) .account-panel .avatar{width:52px;height:56px}.phone:not(.is-game) .account-record{margin-top:5px}.phone:not(.is-game) .menu-cell{min-height:86px;padding:10px 13px;gap:3px}.phone:not(.is-game) .menu-cell>.menu-icon svg{width:23px;height:23px}.phone:not(.is-game) .accepted-invite{margin-top:12px;min-height:68px;padding:10px}}

.result-net{flex-shrink:0;text-align:right;max-width:110px}.result-net strong{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-net small{font-size:11px}
.result-net.positive strong{color:#25805d}.result-net.negative strong{color:#c73350}.result-net.neutral strong{color:#607580}
@media(max-width:350px){.result-player{gap:8px;padding-inline:9px}.result-player .club-portrait{width:33px;height:39px}.result-player .grow strong{font-size:13px}.result-net strong{font-size:13px}.result-place{width:16px;font-size:17px}}
.game-screen.large-hand .opponent .op-mini-hand{display:block}