/* ===================================================================
   themes.css - visual directions for Klafim (selected via
   <html data-theme="pro|club|light">). Each theme overrides tokens
   first, then the handful of components that carry their own colors.
   =================================================================== */

/* ======================= A. PRO (chess.com-like) ======================= */
:root[data-theme="pro"]{
  --navy-900:#1b1a17; --navy-800:#262421; --navy-700:#302e2b; --navy-600:#3c3a37; --navy-500:#4a4845;
  --red:#81b64c; --red-600:#6c9a3f; --red-glow:rgba(129,182,76,.35);
  --ink:#ecebe9; --muted:#a19f9b; --muted-2:#8b8985;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.05);
  --gold:#e8c26a; --good:#81b64c; --bad:#e06c5f;
  --felt-1:#2f3b2a; --felt-2:#1f2620;
  --radius:12px; --radius-sm:8px;
  --shadow:0 12px 28px -12px rgba(0,0,0,.7); --shadow-soft:0 4px 14px -8px rgba(0,0,0,.6);
}
[data-theme="pro"] body{background:#262421;background-attachment:fixed}
[data-theme="pro"] .topbar{background:linear-gradient(180deg,rgba(38,36,33,.96),rgba(38,36,33,0))}
[data-theme="pro"] .topbar .logo-mini svg{filter:none}
[data-theme="pro"] .hero-logo{filter:none}
[data-theme="pro"] .btn{border-radius:8px;font-weight:700;box-shadow:none}
[data-theme="pro"] .btn-primary{background:#81b64c;color:#fff;box-shadow:0 4px 0 #5d8836}
[data-theme="pro"] .btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #5d8836}
[data-theme="pro"] .btn-navy{background:#3c3a37;border:1px solid var(--line);color:#ecebe9;box-shadow:0 4px 0 #1f1e1c}
[data-theme="pro"] .btn-navy:active{box-shadow:0 1px 0 #1f1e1c}
[data-theme="pro"] .btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.14);box-shadow:none}
[data-theme="pro"] .btn-ghost:active{transform:none}
[data-theme="pro"] .panel{background:#302e2b;border-color:var(--line);box-shadow:none}
[data-theme="pro"] .modal{background:#302e2b;border-radius:12px;border-color:var(--line)}
[data-theme="pro"] .input{background:#1f1e1c;border-radius:8px}
[data-theme="pro"] .input:focus{border-color:#81b64c;box-shadow:0 0 0 3px rgba(129,182,76,.2)}
[data-theme="pro"] .seg{background:#1f1e1c;border-radius:8px}
[data-theme="pro"] .seg button.on{background:#4a4845;box-shadow:none}
[data-theme="pro"] .icon-btn{border-radius:8px;background:#302e2b}
[data-theme="pro"] .chip-user{background:#302e2b}
[data-theme="pro"] .avatar{background:#4a4845}
/* tiles: uniform dark surface, one color stripe per game, no gloss */
[data-theme="pro"] .game-tile{border-radius:12px;border:1px solid var(--line);box-shadow:none;
  background:#302e2b !important;padding:14px 16px 14px}
[data-theme="pro"] .game-tile::after,[data-theme="pro"] .game-tile .gt-glow{display:none}
[data-theme="pro"] .game-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--stripe,#81b64c)}
[data-theme="pro"] .game-tile[data-game=yaniv]{--stripe:#e06c5f}
[data-theme="pro"] .game-tile[data-game=president]{--stripe:#a883e0}
[data-theme="pro"] .game-tile[data-game=war]{--stripe:#5aa0e0}
[data-theme="pro"] .game-tile[data-game=rummy]{--stripe:#81b64c}
[data-theme="pro"] .game-tile[data-game=hearts]{--stripe:#e0566b}
[data-theme="pro"] .game-tile[data-game=solitaire]{--stripe:#4fb3a9}
[data-theme="pro"] .game-tile[data-game=shithead]{--stripe:#e0a34a}
[data-theme="pro"] .game-tile[data-game=durak]{--stripe:#e07aa8}
[data-theme="pro"] .game-tile:hover{transform:none;background:#3a3835 !important}
[data-theme="pro"] .game-tile .gt-emoji{font-size:30px;filter:none}
[data-theme="pro"] .game-tile .gt-name{font-size:17px;font-weight:700}
[data-theme="pro"] .game-tile .gt-badge{background:#4a4845;color:#ecebe9;font-weight:600}
[data-theme="pro"] .game-tile .gt-players{background:transparent;border-color:rgba(255,255,255,.14);color:var(--muted)}
[data-theme="pro"] .tabbar{background:#262421;border-top-color:var(--line);backdrop-filter:none}
[data-theme="pro"] .tab{border-radius:0;color:#8b8985}
[data-theme="pro"] .tab.on{background:transparent;box-shadow:none;color:#81b64c;border-bottom:2px solid #81b64c;border-radius:0}
[data-theme="pro"] .toast{background:#302e2b;border-radius:8px}
/* the table: flat board green, square-ish, thin rim, no wood */
[data-theme="pro"] .table-wrap{background:#262421}
[data-theme="pro"] .felt{border-radius:14px;margin:32px 10px 2px;background:#4a7a45;border:1px solid rgba(0,0,0,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 10px 30px -14px rgba(0,0,0,.8)}
[data-theme="pro"] .felt::before{border-radius:10px;inset:10px;border-color:rgba(255,255,255,.08)}
[data-theme="pro"] .turn-banner{background:#302e2b;border:1px solid rgba(255,255,255,.14);color:#ecebe9;border-radius:6px;font-weight:700}
[data-theme="pro"] .turn-banner.you{background:#81b64c;color:#fff;border-color:transparent;box-shadow:none}
[data-theme="pro"] .opp .oname{background:#262421;border:1px solid rgba(255,255,255,.12);color:#ecebe9;border-radius:6px}
[data-theme="pro"] .opp .oa{background:#3c3a37}
[data-theme="pro"] .opp.active .oa{border-color:#81b64c;box-shadow:0 0 0 3px rgba(129,182,76,.35);animation:none}
[data-theme="pro"] .opp .obadge{background:#81b64c;color:#fff}
[data-theme="pro"] .pc{border-radius:6px;border:1px solid rgba(0,0,0,.22);box-shadow:0 2px 6px -2px rgba(0,0,0,.6);color:#1f1f1f;background:#fff}
[data-theme="pro"] .pc.red{color:#c0392b}
[data-theme="pro"] .pc.black{color:#1f1f1f}
[data-theme="pro"] .pc.pc-back{background:#3c3a37;border-color:rgba(255,255,255,.12)}
[data-theme="pro"] .board-msg{background:rgba(0,0,0,.4);border-radius:6px}
[data-theme="pro"] .hand-actions .btn{border-radius:8px}

/* ======================= B. CLUB (classic felt & gold) ======================= */
:root[data-theme="club"]{
  --navy-900:#0c1a12; --navy-800:#12241a; --navy-700:#193024; --navy-600:#22402f; --navy-500:#2c5039;
  --red:#d4a54a; --red-600:#b98a35; --red-glow:rgba(212,165,74,.4);
  --ink:#f3ecd9; --muted:#b8ae97; --muted-2:#968d78;
  --line:rgba(212,165,74,.22); --line-2:rgba(212,165,74,.12);
  --gold:#d4a54a; --good:#6fcf8a; --bad:#ff7a6b;
  --felt-1:#14472f; --felt-2:#0a2a1b;
}
[data-theme="club"] body{background:radial-gradient(900px 600px at 50% -10%, #1a3a28 0%, transparent 60%), linear-gradient(180deg,#0f2218 0%,#08150e 100%);background-attachment:fixed}
[data-theme="club"] .topbar{background:linear-gradient(180deg,rgba(8,21,14,.9),rgba(8,21,14,0))}
[data-theme="club"] .topbar .logo-mini svg,[data-theme="club"] .hero-logo{filter:drop-shadow(0 8px 20px rgba(212,165,74,.25))}
[data-theme="club"] .btn-primary{background:linear-gradient(180deg,#e9c06a,#d4a54a 50%,#b98a35);color:#2a1d05;
  box-shadow:0 5px 0 #7d5c1f, 0 14px 26px -12px rgba(212,165,74,.5), inset 0 2px 0 rgba(255,255,255,.35)}
[data-theme="club"] .btn-primary:active{box-shadow:0 1px 0 #7d5c1f, inset 0 2px 0 rgba(255,255,255,.35)}
[data-theme="club"] .btn-navy{background:linear-gradient(180deg,#2c5039,#193024 60%,#12241a);border:1px solid var(--line);box-shadow:0 4px 0 #061009}
[data-theme="club"] .btn-navy:active{box-shadow:0 1px 0 #061009}
[data-theme="club"] .btn-ghost{border-color:var(--line)}
[data-theme="club"] .panel{background:linear-gradient(180deg,rgba(212,165,74,.06),rgba(212,165,74,.02));border-color:var(--line)}
[data-theme="club"] .modal{background:linear-gradient(180deg,#152a1e,#0c1a12);border-color:var(--line)}
[data-theme="club"] .avatar{background:linear-gradient(135deg,#d4a54a,#8f6a22);color:#2a1d05}
[data-theme="club"] .seg button.on{background:linear-gradient(135deg,#d4a54a,#b98a35);color:#2a1d05;box-shadow:none}
[data-theme="club"] .input:focus{border-color:#d4a54a;box-shadow:0 0 0 3px rgba(212,165,74,.18)}
[data-theme="club"] .game-tile{border:1px solid rgba(212,165,74,.35);border-radius:16px;
  background:linear-gradient(160deg,#1c3a29,#0e2218) !important;box-shadow:0 5px 0 rgba(0,0,0,.45), inset 0 1px 0 rgba(212,165,74,.25)}
[data-theme="club"] .game-tile .gt-glow{background:radial-gradient(circle,rgba(212,165,74,.35),transparent 70%)}
[data-theme="club"] .game-tile .gt-badge{background:#d4a54a;color:#2a1d05}
[data-theme="club"] .game-tile .gt-players{border-color:rgba(212,165,74,.3)}
[data-theme="club"] .tabbar{background:linear-gradient(0deg,rgba(8,21,14,.98),rgba(8,21,14,.8));border-top-color:var(--line)}
[data-theme="club"] .tab.on{background:linear-gradient(180deg,#e9c06a,#b98a35);color:#2a1d05;box-shadow:none}
[data-theme="club"] .tab.on svg{color:#2a1d05}
[data-theme="club"] .toast{background:rgba(12,26,18,.97);border-color:var(--line)}
[data-theme="club"] .table-wrap{background:radial-gradient(120% 90% at 50% 0%, #1a3a28 0%, #08150e 70%)}
[data-theme="club"] .felt{background:radial-gradient(120% 130% at 50% 10%, #1f7a4f 0%, #145c3b 46%, #0c3d27 100%);
  box-shadow:0 0 0 8px #5a3a1c, 0 0 0 11px #8a5a2c, 0 0 0 12px rgba(212,165,74,.6), 0 0 0 13px rgba(0,0,0,.6),
    inset 0 2px 34px rgba(0,0,0,.6), 0 18px 48px -18px rgba(0,0,0,.9)}
[data-theme="club"] .felt::before{border:1px solid rgba(212,165,74,.22)}
[data-theme="club"] .turn-banner{border-color:rgba(212,165,74,.7)}
[data-theme="club"] .turn-banner.you{background:linear-gradient(135deg,#e9c06a,#b98a35);color:#2a1d05}
[data-theme="club"] .opp .oa{background:linear-gradient(135deg,#2c5039,#12241a);border-color:rgba(212,165,74,.35)}
[data-theme="club"] .opp .obadge{background:#d4a54a;color:#2a1d05}
[data-theme="club"] .pc{background:#fbf7ea;color:#1c1a14;border-color:rgba(0,0,0,.2);border-radius:8px}
[data-theme="club"] .pc.red{color:#b3261e}
[data-theme="club"] .pc.black{color:#1c1a14}
[data-theme="club"] .pc.pc-back{background:linear-gradient(135deg,#1f3d2c,#0f2218);border:1px solid rgba(212,165,74,.5)}

/* ======================= C. LIGHT (clean & bright) ======================= */
:root[data-theme="light"]{
  --navy-900:#ffffff; --navy-800:#f7f8fa; --navy-700:#eef0f4; --navy-600:#e3e6ec; --navy-500:#d5d9e2;
  --red:#e63946; --red-600:#c92a37; --red-glow:rgba(230,57,70,.3);
  --white:#ffffff; --ink:#1a2233; --muted:#5b6478; --muted-2:#6f7890;
  --line:rgba(26,34,51,.12); --line-2:rgba(26,34,51,.07);
  --card-face:#ffffff; --felt-1:#2e7d4f; --felt-2:#1f5c39;
  --gold:#b8860b; --good:#1f9d55; --bad:#d64545;
  --radius:14px; --radius-sm:10px;
  --shadow:0 14px 34px -14px rgba(26,34,51,.35); --shadow-soft:0 6px 18px -10px rgba(26,34,51,.25);
}
[data-theme="light"] body{background:#f2f3f6;background-attachment:fixed;color:#1a2233}
[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(242,243,246,.98),rgba(242,243,246,0))}
[data-theme="light"] .topbar .logo-mini svg,[data-theme="light"] .hero-logo{filter:drop-shadow(0 8px 18px rgba(230,57,70,.18))}
[data-theme="light"] .icon-btn{background:#fff;border-color:var(--line);color:#1a2233}
[data-theme="light"] .icon-btn:hover{background:#eef0f4}
[data-theme="light"] .chip-user{background:#fff;border-color:var(--line)}
[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#ff5a66,#e63946 55%,#c92a37);box-shadow:0 5px 0 #9e1f2a, 0 12px 22px -10px var(--red-glow), inset 0 2px 0 rgba(255,255,255,.35)}
[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #9e1f2a}
[data-theme="light"] .btn-navy{background:#fff;color:#1a2233;border:1px solid var(--line);box-shadow:0 4px 0 #d5d9e2}
[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #d5d9e2}
[data-theme="light"] .btn-ghost{background:transparent;color:#1a2233;border:1px solid var(--line);box-shadow:0 3px 0 #e3e6ec}
[data-theme="light"] .btn-ghost:hover{background:#eef0f4}
[data-theme="light"] .panel{background:#fff;border-color:var(--line);box-shadow:var(--shadow-soft)}
[data-theme="light"] .modal{background:#fff;border-color:var(--line);color:#1a2233}
[data-theme="light"] .modal-back{background:rgba(26,34,51,.45)}
[data-theme="light"] .input{background:#fff;border-color:var(--line);color:#1a2233}
[data-theme="light"] .seg{background:#e9ecf1}
[data-theme="light"] .seg button{color:#5b6478}
[data-theme="light"] .seg button.on{color:#fff}
[data-theme="light"] .row-item{background:#fff;border-color:var(--line)}
[data-theme="light"] .avatar{color:#fff}
[data-theme="light"] .game-tile{border:1px solid var(--line);border-radius:16px;background:#fff !important;color:#1a2233;
  box-shadow:0 4px 0 #dfe3ea, var(--shadow-soft);padding:14px 16px 14px 16px}
[data-theme="light"] .game-tile::after{display:none}
[data-theme="light"] .game-tile .gt-glow{opacity:.18;background:radial-gradient(circle,var(--tint,#e63946),transparent 70%)}
[data-theme="light"] .game-tile::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--tint,#e63946)}
[data-theme="light"] .game-tile[data-game=yaniv]{--tint:#e63946}
[data-theme="light"] .game-tile[data-game=president]{--tint:#7b5cd6}
[data-theme="light"] .game-tile[data-game=war]{--tint:#2f7fd6}
[data-theme="light"] .game-tile[data-game=rummy]{--tint:#1f9d55}
[data-theme="light"] .game-tile[data-game=hearts]{--tint:#d6334d}
[data-theme="light"] .game-tile[data-game=solitaire]{--tint:#1f8f86}
[data-theme="light"] .game-tile[data-game=shithead]{--tint:#e08a1f}
[data-theme="light"] .game-tile[data-game=durak]{--tint:#d63384}
[data-theme="light"] .game-tile .gt-emoji{filter:none}
[data-theme="light"] .game-tile .gt-desc{color:#5b6478}
[data-theme="light"] .game-tile .gt-players{background:#f2f3f6;border-color:var(--line);color:#1a2233}
[data-theme="light"] .game-tile .gt-badge{background:var(--tint,#e63946)}
[data-theme="light"] .tabbar{background:#fff;border-top-color:var(--line);backdrop-filter:none}
[data-theme="light"] .tab{color:#6f7890}
[data-theme="light"] .tab.on{background:#e63946;color:#fff;box-shadow:none}
[data-theme="light"] .toast{background:#1a2233;color:#fff;border-color:transparent}
[data-theme="light"] .hint{color:#6f7890}
[data-theme="light"] .table-wrap{background:#e9ecf1}
[data-theme="light"] .game-top .title{color:#1a2233}
[data-theme="light"] .game-top .icon-btn{background:#fff}
[data-theme="light"] .felt{border-radius:18px;margin:32px 10px 2px;background:radial-gradient(120% 130% at 50% 10%, #3a9160 0%, #2e7d4f 46%, #1f5c39 100%);
  border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 6px #fff, 0 0 0 7px #d5d9e2, 0 14px 34px -16px rgba(26,34,51,.5), inset 0 2px 24px rgba(0,0,0,.35)}
[data-theme="light"] .felt::before{border-radius:14px;inset:10px;border-color:rgba(255,255,255,.18)}
[data-theme="light"] .turn-banner{background:#fff;border:1px solid var(--line);color:#1a2233;box-shadow:var(--shadow-soft)}
[data-theme="light"] .turn-banner.you{background:#e63946;color:#fff;border-color:transparent}
[data-theme="light"] .opp .oname{background:#fff;border:1px solid var(--line);color:#1a2233}
[data-theme="light"] .opp .oa{background:#fff;color:#1a2233;border-color:#d5d9e2}
[data-theme="light"] .opp .ocount{background:rgba(255,255,255,.85);color:#1a2233}
[data-theme="light"] .me-seat .oa{border-color:#fff}
[data-theme="light"] .board-msg{background:rgba(255,255,255,.9);color:#1a2233}
[data-theme="light"] .deck-label{color:rgba(255,255,255,.9)}
[data-theme="light"] .pc{border:1px solid #d8dce3;box-shadow:0 3px 10px -4px rgba(26,34,51,.4);color:#1a2233}
[data-theme="light"] .pc.red{color:#d64545}
[data-theme="light"] .pc.pc-back{background:linear-gradient(135deg,#2f4f8a,#1a2f5a);border-color:#fff}
[data-theme="light"] .hand-actions .btn-ghost{background:#fff}
[data-theme="light"] .myhand-wrap{background:transparent}
[data-theme="light"] .chat-fab{background:#fff;color:#1a2233;border:1px solid var(--line)}

/* ---- Pro: remaining brand-red details go neutral ---- */
[data-theme="pro"] .pc-back{background:repeating-linear-gradient(45deg,#3a3835 0 7px,#302e2b 7px 14px);border:1px solid rgba(255,255,255,.14)}
[data-theme="pro"] .pc-back::after{border:1.5px solid rgba(255,255,255,.18);background:none;border-radius:4px}
[data-theme="pro"] .chat-fab{background:#3c3a37;border-color:rgba(255,255,255,.14);box-shadow:0 6px 16px -6px rgba(0,0,0,.7)}
[data-theme="pro"] .chat-panel{background:#302e2b;border-color:rgba(255,255,255,.14);border-radius:10px}
[data-theme="pro"] .chat-chip{border-radius:6px;background:#3c3a37}
[data-theme="pro"] .chat-bubble.mine{background:#81b64c;color:#fff}
[data-theme="pro"] .chat-bubble.mine::after{border-top-color:#81b64c}
[data-theme="pro"] .turn-clock .tc-bar{background:#81b64c}
[data-theme="pro"] .turn-clock.warn .tc-bar{background:#e06c5f}
[data-theme="pro"] .game-tile .gt-badge{border-radius:6px}
[data-theme="pro"] .game-tile .gt-players{border-radius:6px}
[data-theme="pro"] .row-item{background:#302e2b;border-radius:8px}
[data-theme="pro"] .tagline{color:#a19f9b}
[data-theme="pro"] .opp .ocount{background:rgba(0,0,0,.35);border-radius:6px}
[data-theme="pro"] .board-msg{border-radius:6px}
[data-theme="pro"] .meld{border-radius:8px;border-color:rgba(255,255,255,.18)}
[data-theme="pro"] .empty-state .big{opacity:.5}
[data-theme="pro"] ::selection{background:#81b64c}

/* ---- Club / Light: card backs ---- */
[data-theme="club"] .pc-back::after{border-color:rgba(212,165,74,.55);background:radial-gradient(circle at 50% 45%,rgba(212,165,74,.18),transparent 60%)}
[data-theme="light"] .pc-back::after{border-color:rgba(255,255,255,.55);background:none}

/* ===================================================================
   DESKTOP LAYOUT (mouse + wide screen): use the width like chess.com -
   wider lobby with 3 columns, wider table with bigger cards.
   =================================================================== */
@media (min-width:1024px) and (pointer:fine){
  #app{max-width:980px}
  .content{padding:12px 32px 16px}
  .games-grid{grid-template-columns:1fr 1fr 1fr;gap:14px}
  .game-tile{padding:14px 16px}
  .table-wrap{max-width:none}
  .table-wrap .table-inner{position:relative}
  .felt{margin:32px 24px 4px}
  .pc{width:84px;height:120px;border-radius:9px}
  .pc .corner{font-size:18px}
  .pc .pip-c{font-size:38px}
  .pc .rank-lg{font-size:1.22em}
  .myhand{height:184px;min-height:184px}
  .myhand.rows .hand-row+.hand-row{margin-top:-52px}
  .myhand .pc{margin-inline-start:-30px}
  .deck-stack{width:80px;height:114px}
  .opp{width:80px}
  .opp .oa{width:52px;height:52px}
  .game-top{padding-left:24px;padding-right:24px}
  .turn-banner{font-size:15px;padding:7px 20px}
  .chat-fab{left:24px}
  .chat-panel{left:24px;right:auto;width:420px}
  .hand-actions .btn{font-size:15px}
  .modal{max-width:520px}
}


/* ---- Club polish ---- */
[data-theme="club"] .felt{margin-top:32px}
[data-theme="club"] .turn-clock .tc-bar{background:linear-gradient(90deg,#d4a54a,#e9c06a)}
[data-theme="club"] .chat-fab{background:linear-gradient(180deg,#2c5039,#193024);border-color:rgba(212,165,74,.5)}
[data-theme="club"] .chat-panel{background:linear-gradient(180deg,#152a1e,#0c1a12);border-color:rgba(212,165,74,.4)}
[data-theme="club"] .chat-chip{border-color:rgba(212,165,74,.3)}
[data-theme="club"] .chat-bubble.mine{background:linear-gradient(135deg,#e9c06a,#d4a54a);color:#2a1d05}
[data-theme="club"] .chat-bubble.mine::after{border-top-color:#d4a54a}
[data-theme="club"] .row-item{border-color:var(--line)}
[data-theme="club"] .side-panel{background:rgba(212,165,74,.05);border-color:var(--line)}
[data-theme="club"] .opp .oname{background:linear-gradient(180deg,#3a2b18,#241a0e);border-color:rgba(212,165,74,.45)}
[data-theme="club"] .game-tile .gt-emoji .gicon{color:#d4a54a !important}
[data-theme="club"] .gi-badge{border-color:rgba(212,165,74,.35)}
/* ---- Pro / Light side panel ---- */
[data-theme="pro"] .side-panel{background:#302e2b;border-radius:12px}
[data-theme="pro"] .sp-row.active{background:#3c3a37}
[data-theme="pro"] .sp-badge{background:#81b64c;color:#fff}
[data-theme="light"] .side-panel{background:#fff;box-shadow:var(--shadow-soft)}
[data-theme="light"] .sp-row.active{background:#f2f3f6}
[data-theme="light"] .sp-msg b{color:#5b6478}
[data-theme="light"] .gi-badge{background:#f2f3f6}

[data-theme="pro"] .chip-rate{background:#3c3a37;color:#ecebe9;box-shadow:none;border:1px solid rgba(255,255,255,.1)}
[data-theme="pro"] .orate{background:#262421;color:#ecebe9;box-shadow:none;border:1px solid rgba(255,255,255,.14)}
[data-theme="light"] .chip-rate{background:#f2f3f6;color:#1a2233;box-shadow:none;border:1px solid var(--line)}

/* =====================================================================
   D. PAPER (v136 default) - warm cream paper, illustrated game tiles,
   white tab bar with a red pill. Built ON TOP of Light: <html data-theme="light" class="paper">
   ===================================================================== */
:root.paper[data-theme="light"]{
  --navy-900:#fffdf9; --navy-800:#fbf6ee; --navy-700:#f3ebdf; --navy-600:#e9dfcf; --navy-500:#ddd0bc;
  --red:#e5383b; --red-600:#c8282c; --red-glow:rgba(229,56,59,.32);
  --ink:#231f1a; --muted:#6e655a; --muted-2:#82786b;
  --line:rgba(70,50,25,.13); --line-2:rgba(70,50,25,.07);
  --gold:#b07a12; --good:#2f8f4e; --bad:#d23c3c;
  --paper:#f6f0e6; --paper-2:#efe6d7; --card:#fffdf9;
  --shadow:0 16px 34px -16px rgba(80,55,25,.38); --shadow-soft:0 8px 20px -12px rgba(80,55,25,.32);
  --radius:18px; --radius-sm:12px;
}
html.paper[data-theme="light"] body{color:var(--ink);background:var(--paper)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-attachment:fixed}
html.paper[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(246,240,230,.97) 70%,rgba(246,240,230,0))}
html.paper .brand-name{color:#1b1712;font-weight:800;font-size:25px;letter-spacing:-.6px}
html.paper[data-theme="light"] .topbar .logo-mini svg{filter:drop-shadow(0 4px 8px rgba(80,55,25,.22))}
html.paper[data-theme="light"] .icon-btn{border-radius:50%;background:#fff;border:0;color:#2a2520;box-shadow:0 3px 10px -4px rgba(80,55,25,.35),0 0 0 1px rgba(70,50,25,.06)}
html.paper[data-theme="light"] .icon-btn:hover{background:#fffaf2}
html.paper[data-theme="light"] .game-top .icon-btn{border-radius:14px}
html.paper[data-theme="light"] .chip-user{background:#fff;border:0;border-radius:999px;box-shadow:0 3px 10px -4px rgba(80,55,25,.35),0 0 0 1px rgba(70,50,25,.06)}
html.paper[data-theme="light"] .chip-rate{background:#f6f0e6;color:#231f1a;border:1px solid rgba(70,50,25,.12);box-shadow:none}
html.paper .h-md{font-size:22px;font-weight:800;letter-spacing:-.3px}
html.paper .q-chip{background:#fdf1cf;border:1.5px solid #e8c66a;color:#3d2c08;font-weight:800;border-radius:999px}
html.paper .badge-soft{background:transparent;color:var(--muted)}
/* ---- buttons / surfaces: warm white cards ---- */
html.paper[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#cf2a2e);box-shadow:0 5px 0 #a51f23,0 12px 22px -12px var(--red-glow),inset 0 2px 0 rgba(255,255,255,.3)}
html.paper[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #a51f23}
html.paper[data-theme="light"] .btn-navy{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 0 #e6dccb}
html.paper[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #e6dccb}
html.paper[data-theme="light"] .btn-ghost{color:var(--ink);border:1px solid var(--line);box-shadow:0 3px 0 #ebe2d3}
html.paper[data-theme="light"] .btn-ghost:hover{background:#fbf6ee}
html.paper[data-theme="light"] .panel,html.paper[data-theme="light"] .row-item{background:var(--card);border-color:var(--line)}
html.paper[data-theme="light"] .modal{background:var(--card);border-color:var(--line);color:var(--ink);border-radius:22px}
html.paper[data-theme="light"] .modal-back{background:rgba(45,30,15,.42)}
html.paper[data-theme="light"] .input{background:#fff;border-color:rgba(70,50,25,.18);color:var(--ink)}
html.paper[data-theme="light"] .input:focus{border-color:#e5383b;box-shadow:0 0 0 3px rgba(229,56,59,.15)}
html.paper[data-theme="light"] .seg{background:#efe6d7}
html.paper[data-theme="light"] .seg button{color:#6e655a}
html.paper[data-theme="light"] .seg button.on{color:#fff}
html.paper[data-theme="light"] .hint{color:#7d7468}
html.paper[data-theme="light"] .gi-badge{background:#f3ebdf}
html.paper[data-theme="light"] .toast{background:#2a2520;color:#fff}
/* ---- the illustrated game tiles ---- */
html.paper .games-grid{gap:14px}
html.paper[data-theme="light"] .game-tile{--tint:#e04a3f;--tint2:#b8332a;display:flex;flex-direction:column;padding:0;border:0;border-radius:22px;min-height:0;aspect-ratio:4/5;
  background:var(--tbg,#f4a69c) var(--art) center -2%/126% auto no-repeat !important;color:#1b1712;
  box-shadow:0 10px 22px -14px rgba(80,55,25,.55),0 2px 0 rgba(70,50,25,.08),inset 0 0 0 1px rgba(0,0,0,.05);transition:transform .15s,box-shadow .15s}
html.paper[data-theme="light"] .game-tile::before,html.paper[data-theme="light"] .game-tile::after,html.paper .game-tile .gt-glow,
html.paper .game-tile .gt-emoji,html.paper .game-tile .gt-badge{display:none !important}
html.paper[data-theme="light"] .game-tile:hover{transform:translateY(-2px)}
html.paper[data-theme="light"] .game-tile:active{transform:scale(.97)}
html.paper .game-tile[data-game=yaniv]{--art:url(assets/art/g-yaniv.webp);--tbg:#f27d6f;--tint:#e04a3f;--tint2:#c0352c}
html.paper .game-tile[data-game=shithead]{--art:url(assets/art/g-shithead.webp);--tbg:#f8b552;--tint:#e5861c;--tint2:#b8650c}
html.paper .game-tile[data-game=president]{--art:url(assets/art/g-president.webp);--tbg:#c4b0f0;--tint:#7b55d0;--tint2:#5e3db3}
html.paper .game-tile[data-game=durak]{--art:url(assets/art/g-durak.webp);--tbg:#f5a3c8;--tint:#d93d86;--tint2:#b8286b}
html.paper .game-tile[data-game=rummy]{--art:url(assets/art/g-rummy.webp);--tbg:#a9d998;--tint:#3f9a3c;--tint2:#2c7a2a}
html.paper .game-tile[data-game=war]{--art:url(assets/art/g-war.webp);--tbg:#a6d0f5;--tint:#2f7fd0;--tint2:#1f62a8}
html.paper .game-tile[data-game=hearts]{--art:url(assets/art/g-hearts.webp);--tbg:#ea6f8c;--tint:#d23a5e;--tint2:#ad2546}
html.paper .game-tile[data-game=solitaire]{--art:url(assets/art/g-solitaire.webp);--tbg:#8fd6cb;--tint:#2a9d8f;--tint2:#1d7d71}
html.paper .game-tile .gt-labels{order:0;display:flex;justify-content:flex-end;margin:10px 10px 0}
html.paper[data-theme="light"] .game-tile .gt-players{background:var(--tint2);color:#fff;border:0;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:800;box-shadow:0 2px 0 rgba(0,0,0,.12)}
html.paper .game-tile .gt-players svg{width:13px;height:13px;opacity:1}
html.paper .game-tile .gt-main{order:1;padding:2px 12px 0;display:block}
html.paper[data-theme="light"] .game-tile .gt-name{font-size:clamp(23px,7.4vw,31px);font-weight:800;line-height:1.02;letter-spacing:-.6px;color:#1b1712;
  text-shadow:0 2px 0 rgba(255,255,255,.28);overflow-wrap:anywhere}
html.paper .game-tile .gt-foot{order:2;display:flex;align-items:flex-end;gap:6px;margin-top:auto;position:relative;padding:9px 10px 10px 10px;
  background:#fffaf3;background:color-mix(in srgb,var(--tint) 7%,#fffaf3);border-radius:0 0 22px 22px}
html.paper .game-tile .gt-foot::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:16px;background:inherit;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9C30 1 55 0 92 6s70 10 108-2v12z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9C30 1 55 0 92 6s70 10 108-2v12z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html.paper[data-theme="light"] .game-tile .gt-desc{flex:1;min-width:0;margin:0;color:#3b342c;font-size:12px;font-weight:500;line-height:1.35;-webkit-line-clamp:3}
html.paper .game-tile .gt-go{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--tint2);
  border:2px solid var(--tint);box-shadow:0 2px 6px -2px rgba(0,0,0,.25)}
html.paper .game-tile .gt-go svg{width:17px;height:17px}
html[dir=rtl].paper .game-tile .gt-go svg{transform:none}
/* ---- the extra modes: white cards with a drawn icon ---- */
html.paper .lb-extras{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
html.paper .lb-x{background:#fff;border:0;border-radius:14px;padding:7px 3px;gap:4px;font-size:12.5px;font-weight:800;color:#2a2520;
  box-shadow:0 8px 18px -12px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.06)}
html.paper .lb-x.has-art > span{display:none}
html.paper .lb-x .lb-art{display:block;width:19px;height:19px;object-fit:contain}
/* ---- bottom tab bar: white, rounded, red pill ---- */
html.paper[data-theme="light"] .tabbar{background:#fff;border-top:0;border-radius:24px 24px 0 0;box-shadow:0 -8px 24px -14px rgba(80,55,25,.35);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
html.paper[data-theme="light"] .tab{color:#2a2520;font-size:12.5px;font-weight:800;border-radius:16px;padding:8px 6px}
html.paper[data-theme="light"] .tab svg{width:25px;height:25px}
html.paper[data-theme="light"] .tab.on{background:linear-gradient(180deg,#ec4447,#d92f33);color:#fff;box-shadow:0 8px 18px -10px rgba(229,56,59,.8)}
/* in a game the table keeps its own (full-screen felt) look */
html.paper[data-theme="light"] .table-wrap{background:#f6f0e6}
html.paper .game-tile .gt-desc{display:-webkit-box !important}
/* paper: the tiles keep their drawn proportions - the lobby scrolls instead of squeezing them */
html.paper #view > .games-grid{flex:none;grid-auto-rows:auto;margin-bottom:0}
html.paper[data-theme="light"] #view > .games-grid .game-tile{padding:0}
html.paper[data-theme="light"] #view > .games-grid .game-tile .gt-name{font-size:clamp(23px,7.2vw,31px)}
html.paper[data-theme="light"] #view > .games-grid .game-tile .gt-desc{font-size:12px;-webkit-line-clamp:3}
html.paper[data-theme="light"] .game-tile .gt-name{text-shadow:0 0 8px rgba(255,255,255,.55),0 2px 0 rgba(255,255,255,.35)}
html.paper[data-theme="light"] .snd-btn,html.paper[data-theme="light"] .topbar .snd-btn{border-radius:50%;background:#fff;border:0;box-shadow:0 3px 10px -4px rgba(80,55,25,.35),0 0 0 1px rgba(70,50,25,.06)}
html.paper .topbar #user-slot{overflow:visible}
html.paper .chip-user{padding:3px 4px 3px 10px}
html[dir=rtl].paper .chip-user{padding:3px 10px 3px 4px}
html.paper[data-theme="light"] #view > .games-grid .game-tile .gt-desc{font-size:11.5px;line-height:1.32}
html.paper .game-tile .gt-foot{padding:7px 9px 9px}
html.paper .game-tile .gt-go{width:30px;height:30px}
html.paper .topbar{gap:6px}
html.paper .topbar .snd-cluster{gap:5px}
html.paper[data-theme="light"] .topbar .snd-btn{width:36px;height:36px}
@media (max-width:400px){ html.paper .brand-name{font-size:22px} html.paper[data-theme="light"] .topbar .snd-btn{width:33px;height:33px} html.paper .topbar .snd-cluster{gap:4px} }
/* the lobby header stays on one line in every language */
html.paper .h-md{white-space:nowrap;flex:none}
html.paper .q-chip{white-space:nowrap;flex:none}
html.paper .badge-soft{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.paper .h-md{margin-inline-end:8px}
@media (min-width:1024px) and (pointer:fine){ html.paper .games-grid{grid-template-columns:repeat(4,1fr)} }
/* v139: narrow phones - the top bar keeps the logo, the 4 switches and me */
@media (max-width:380px){
  html.paper .topbar{gap:6px;padding-left:10px;padding-right:10px}
  html.paper .topbar .snd-cluster{gap:4px}
  html.paper[data-theme="light"] .topbar .snd-btn{width:33px;height:33px}
  html.paper .brand-name{font-size:20px}
}
/* v139 (Lou): lower tiles · the game's name shares one row with the players chip
   (its size fits the longest name of the current language next to the widest chip - fitTiles() in app.js) */
html.paper[data-theme="light"] .game-tile{aspect-ratio:100/84;position:relative;background:var(--tbg,#f4a69c) !important}
/* the drawing: its own layer, edges melting into the tile colour */
html.paper[data-theme="light"] #view .game-tile::before{display:block !important;content:"";position:absolute;inset:0;width:100%;height:100%;
  background:var(--art) center 30%/cover no-repeat;pointer-events:none}
/* v165 (Lou): the art files were re-made - the subject is ~1/3 of the card, sitting between the name and the white wave, so it
   never hides the text; the painted background covers the whole tile (cover, centred at 30%). v164 was: center 46%/auto 140%.
   v164 (Lou): the painted drawing covers the WHOLE tile (its brushed background, no flat colour around it), the subject below the name.
   The v139 layer was: top:19%;left:17%;width:66%;height:62%; center 40%/auto 128%; mask radial 62% */
html.paper .game-tile .gt-main,html.paper .game-tile .gt-labels{position:relative;z-index:1}
html.paper .game-tile .gt-labels{position:absolute}
html.paper .game-tile .gt-labels{position:absolute;top:10px;inset-inline-end:10px;margin:0;z-index:1}
html.paper .game-tile .gt-main{padding:10px 11px 0;padding-inline-end:calc(var(--chipw,58px) + 18px);min-height:36px;display:flex;align-items:center}
html.paper[data-theme="light"] .game-tile .gt-name,html.paper[data-theme="light"] #view > .games-grid .game-tile .gt-name{font-size:var(--gtfs,24px);white-space:normal;overflow-wrap:normal;word-break:keep-all;line-height:1.04;letter-spacing:-.3px;font-stretch:80%}
html.paper[data-theme="light"] #view > .games-grid .game-tile .gt-desc{-webkit-line-clamp:2}
/* v142: the 4 extra modes - 4 equal boxes, one label size (fitExtras) */
html.paper .lb-extras{grid-template-columns:repeat(4,minmax(0,1fr))}
html.paper .lb-x{white-space:nowrap;min-width:0;justify-content:center}
html.paper .lb-x .lb-t{display:block;font-stretch:80%;font-size:var(--lbfs,12.5px);line-height:1.12;text-align:center;word-break:keep-all;overflow-wrap:normal;font-weight:800;min-height:calc(var(--lbfs,12.5px)*1.12)}
/* v143: extras labels always on one line (size fitted by fitExtras) */
html.paper .lb-x{padding-left:3px;padding-right:3px}
html.paper .lb-x .lb-t{white-space:nowrap;letter-spacing:-.15px}

/* ====================================================================
   PAPER v2 (v146) - the whole app in the drawn-paper language of the lobby:
   every popup opens with a coloured band (wavy edge, like the tiles' foot),
   games / modes show their drawing in it; soft white cards, pill segments,
   chunky buttons, warm section labels. Mint / sky / night are generated from these.
   ==================================================================== */
:root.paper[data-theme="light"]{--sheet:#fffcf6;--sand:#f3e3c4;--edge:#e6dccb;--label:#94713f}
/* ---- the popup sheet ---- */
html.paper[data-theme="light"] .modal{--mp:18px;--mt:#f3e3c4;padding:var(--mp);border:0;border-radius:26px;background:#fffcf6;
  box-shadow:0 30px 60px -22px rgba(60,35,10,.6),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .modal-back{background:rgba(45,30,15,.46);backdrop-filter:blur(3px)}
html.paper .modal h3{font-size:20px;font-weight:800;letter-spacing:-.3px;line-height:1.2;color:#1b1712}
/* the band: the popup's first block (+ its sub-line) */
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child){
  position:relative;margin:calc(-1*var(--mp)) calc(-1*var(--mp)) 18px !important;padding:16px var(--mp) 13px;
  background:var(--mt);border-radius:26px 26px 0 0;min-height:58px;box-sizing:border-box}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::after{
  content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:12px;background:inherit;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V5C168 13 138 12 104 7S38 0 0 8Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V5C168 13 138 12 104 7S38 0 0 8Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
/* a sub-line right under the title joins the band */
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child):has(+ :is(p,.small.txt-muted,h3)){margin-bottom:0 !important;padding-bottom:3px;min-height:0}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child):has(+ :is(p,.small.txt-muted,h3))::after{display:none}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3){
  position:relative;margin:0 calc(-1*var(--mp)) 18px !important;padding:2px var(--mp) 12px;background:var(--mt);color:#4a4036}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted){font-size:13.5px;line-height:1.4}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3)::after{
  content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:12px;background:inherit;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V5C168 13 138 12 104 7S38 0 0 8Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V5C168 13 138 12 104 7S38 0 0 8Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html.paper :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) h3{margin:0}
html.paper .modal>h3:first-child,html.paper .modal>.mfix-inner>h3:first-child{display:flex;align-items:center;gap:8px;margin-bottom:0}
/* the drawing in the band (modes and games) */
html.paper .modal[data-art] :is(:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child),:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3)){padding-inline-end:100px}
html.paper .modal[data-art] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{
  content:"";position:absolute;z-index:2;top:8px;inset-inline-end:12px;width:80px;height:80px;pointer-events:none;
  background:var(--mart) center/contain no-repeat;transform:rotate(-5deg);filter:drop-shadow(0 6px 8px rgba(60,35,10,.25))}
/* a game's drawing is a square painting - it melts into the band like on the tiles */
html.paper .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{
  top:-4px;height:100px;width:124px;inset-inline-end:-4px;transform:none;filter:none;background:var(--mart) center 45%/auto 132% no-repeat;
  -webkit-mask:radial-gradient(closest-side,#000 55%,transparent 100%);mask:radial-gradient(closest-side,#000 55%,transparent 100%)}
html.paper .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .gi-badge,html.paper .modal[data-game]>h3:first-child>svg{display:none}
html.paper .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .small.txt-muted{color:#3b342c}
/* band colours */
html.paper .modal.pf-modal{--mt:#f6dcc8}
html.paper .modal.aw-modal{--mt:#e3d7f6}
html.paper .modal.hs-modal{--mt:#d6e6f6}
html.paper .modal:has(.cos-grid){--mt:#d6ecdc}
html.paper .modal:has(#nt-list){--mt:#fbe6b0}
html.paper .modal:has(#qm-list){--mt:#fde3a6}
html.paper .modal:has(.sup-list){--mt:#fde3a6}
html.paper .modal:has(.rules-viewport){--mt:#f3e3c4}
html.paper .modal:has(.go-head.go-win){--mt:#fde3a6}
html.paper .modal:has(.ppc){--mt:#f6dcc8}
html.paper .modal:has(#dl-board){--mt:#f8cbc2;--mart:url(assets/art/x-daily.webp)}
html.paper .modal:has(.se-list){--mt:#f8dcae;--mart:url(assets/art/x-series.webp)}
html.paper .modal:has(.tr-list){--mt:#fbe8ad;--mart:url(assets/art/x-tourney.webp)}
html.paper .modal:has(.ev-scroll){--mt:#d8e5f6;--mart:url(assets/art/x-evening.webp)}
html.paper .modal[data-game=yaniv]{--mt:#f27d6f;--mart:url(assets/art/g-yaniv.webp)}
html.paper .modal[data-game=shithead]{--mt:#f8b552;--mart:url(assets/art/g-shithead.webp)}
html.paper .modal[data-game=president]{--mt:#c4b0f0;--mart:url(assets/art/g-president.webp)}
html.paper .modal[data-game=durak]{--mt:#f5a3c8;--mart:url(assets/art/g-durak.webp)}
html.paper .modal[data-game=rummy]{--mt:#a9d998;--mart:url(assets/art/g-rummy.webp)}
html.paper .modal[data-game=war]{--mt:#a6d0f5;--mart:url(assets/art/g-war.webp)}
html.paper .modal[data-game=hearts]{--mt:#ea6f8c;--mart:url(assets/art/g-hearts.webp)}
html.paper .modal[data-game=solitaire]{--mt:#8fd6cb;--mart:url(assets/art/g-solitaire.webp)}
/* premium: the star sits in a gold band with its title */
html.paper .modal>.sup-hero:first-child{padding-top:14px;font-size:40px}
/* the profile head already is a band */
html.paper .modal.pf-modal .pf-head{padding-bottom:12px}
/* ---- section labels: warm, bold, a drawn rule after them ---- */
html.paper[data-theme="light"] .section-title{color:#94713f;font-weight:800;font-size:12.5px;letter-spacing:.2px}
html.paper .section-title:not(.between){display:flex;align-items:center;gap:8px}
html.paper .section-title:not(.between)::after{content:"";flex:1;height:2px;border-radius:2px;opacity:.55;
  background:repeating-linear-gradient(90deg,#d9c3a0 0 6px,transparent 6px 10px)}
/* ---- pill segments ---- */
html.paper[data-theme="light"] .seg{background:#efe4d2;border:0;border-radius:999px;padding:4px;gap:3px;box-shadow:inset 0 2px 4px rgba(70,50,25,.13)}
html.paper[data-theme="light"] .seg button{border-radius:999px;font-weight:800;color:#6e655a}
html.paper[data-theme="light"] .seg button.on{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#d22f33);color:#fff;
  box-shadow:0 2px 0 #a51f23,0 6px 12px -6px rgba(229,56,59,.75)}
/* ---- buttons: chunky, rounder ---- */
html.paper[data-theme="light"] .btn{border-radius:16px;font-weight:800}
html.paper[data-theme="light"] .btn-sm{border-radius:13px}
html.paper[data-theme="light"] .btn-navy{background:#fff;border:0;box-shadow:0 4px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
html.paper[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
html.paper[data-theme="light"] .btn-ghost{background:#fbf5ec;border:0;box-shadow:0 3px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
html.paper[data-theme="light"] .btn-ghost:active{box-shadow:0 1px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
html.paper[data-theme="light"] .btn[disabled]{box-shadow:none;opacity:.5}
html.paper[data-theme="light"] .form-row .btn{border-radius:13px}
/* ---- inputs ---- */
html.paper[data-theme="light"] .input{border-radius:14px;border:1.5px solid rgba(70,50,25,.15);background:#fff;box-shadow:inset 0 2px 3px rgba(70,50,25,.07)}
/* ---- cards: rows, lists, panels ---- */
html.paper[data-theme="light"] .panel,html.paper[data-theme="light"] .row-item,html.paper[data-theme="light"] .gs-row,
html.paper[data-theme="light"] .q-row,html.paper[data-theme="light"] .se-row,html.paper[data-theme="light"] .tr-row{
  background:#fff;border:0;border-radius:16px;box-shadow:0 6px 14px -10px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .gs-sw{background:#ddd2c1}
html.paper[data-theme="light"] .gs-sw.on{background:#3f9a3c}
html.paper[data-theme="light"] .gi-badge{background:#fff;border-radius:14px;box-shadow:0 4px 10px -6px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .tr-note{background:#fdf1cf;border:1.5px dashed #e8c66a;color:#3d2c08;border-radius:14px}
/* empty lists: a dashed paper slip */
html.paper[data-theme="light"] .se-list>.hint,html.paper[data-theme="light"] .tr-list>.hint,html.paper[data-theme="light"] .ev-scroll>.hint,
html.paper[data-theme="light"] .dl-board>.hint,html.paper[data-theme="light"] .empty-state{
  border:1.5px dashed #dccbb0;border-radius:16px;padding:14px 12px;color:#7d7468;background:rgba(255,255,255,.55)}
html.paper[data-theme="light"] .empty-state{margin:8px 0}
/* ---- profile ---- */
html.paper[data-theme="light"] .pf-chip{background:#fff;border:0;border-radius:999px;font-weight:800;box-shadow:0 3px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
html.paper[data-theme="light"] .pf-row{border-top:1.5px dashed rgba(70,50,25,.12)}
/* ---- ranking ---- */
html.paper[data-theme="light"] .rk-me{background:#fff;border:0;border-radius:18px;padding:10px 12px;box-shadow:0 8px 18px -12px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .rk-chip{background:#f6f0e6;border:0;box-shadow:inset 0 0 0 1px rgba(70,50,25,.1)}
html.paper[data-theme="light"] .rk-table{border-collapse:separate;border-spacing:0 6px;margin-top:2px}
html.paper[data-theme="light"] .rk-table th{border:0;color:#94713f;font-weight:800;padding-bottom:0}
html.paper[data-theme="light"] .rk-table td{background:#fff;border:0;padding:10px 8px}
html.paper[data-theme="light"] .rk-table tr td:first-child{border-radius:0 14px 14px 0}
html.paper[data-theme="light"] .rk-table tr td:last-child{border-radius:14px 0 0 14px}
html[dir=ltr].paper[data-theme="light"] .rk-table tr td:first-child{border-radius:14px 0 0 14px}
html[dir=ltr].paper[data-theme="light"] .rk-table tr td:last-child{border-radius:0 14px 14px 0}
html.paper[data-theme="light"] .rk-table tr.me td{background:#fdecea}
/* ---- room lobby ---- */
html.paper[data-theme="light"] .rl-code{background:#fff;border:0;border-radius:14px;box-shadow:0 3px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09);letter-spacing:3px}
html.paper[data-theme="light"] .rl-rules{background:#fdf1cf;border:0;border-radius:16px;box-shadow:inset 0 0 0 1.5px #ecd28a}
html.paper[data-theme="light"] .rl-chat{background:#fff;border:0;border-radius:18px;box-shadow:0 8px 18px -12px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .rc-q{background:#fff;border:0;border-radius:999px;box-shadow:0 2px 0 #e6dccb,0 0 0 1px rgba(70,50,25,.09)}
/* ---- awards / studio tiles ---- */
html.paper[data-theme="light"] .aw-card{background:#fff;border:0;border-radius:14px;box-shadow:0 4px 10px -8px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .aw-card.locked{background:#f8f2e8}
/* rules pages: the cards of the guide on paper */
html.paper[data-theme="light"] .rule-item{background:#fff;border:0;border-radius:16px;box-shadow:0 6px 14px -10px rgba(80,55,25,.5),0 0 0 1px rgba(70,50,25,.07)}
html.paper[data-theme="light"] .rule-h{color:#c8282c}
/* ====================================================================
   LOOKS (v143) - the same paper design in other colours / lighting.
   Generated from the paper rules by /tmp gen.js (neutrals retinted; night = dark).
   ==================================================================== */
html.pv-mint[data-theme="light"] .pf-av-edit{background:#ffffff;border-color:#dfe9e0}
html.pv-mint[data-theme="light"] .pf-chip{background:#ffffff}
html.pv-mint[data-theme="light"] .rl-code{background:#ffffff}
html.pv-mint[data-theme="light"] .rc-q{background:#ffffff}
html.pv-mint[data-theme="light"] .gs-row{background:#ffffff}
html.pv-mint[data-theme="light"] .gs-sw{background:#cbd8cd}
html.pv-mint[data-theme="light"] .gs-sw.on{background:var(--good,#5e9e2f)}
html.pv-mint[data-theme="light"] .bi-row{background:#ffffff}
html.pv-mint[data-theme="light"] .tut-card{background:#ffffff}
html.pv-mint[data-theme="light"] .hs-tile,html.pv-mint[data-theme="light"] .hs-hl{background:#ffffff}
html.pv-mint[data-theme="light"] .hs-graph{background:#f1f8f2}
html.pv-mint[data-theme="light"] .hs-grid{stroke:rgba(0,0,0,0.14)}
html.pv-mint[data-theme="light"] .rp-move,html.pv-mint[data-theme="light"] .rp-pl,html.pv-mint[data-theme="light"] .rp-b:not(.rp-play){background:#ffffff}
html.pv-mint[data-theme="light"] .nt-state{background:#ffffff}
html.pv-mint[data-theme="light"] .rejoin-card{background:linear-gradient(135deg,rgba(46,125,79,.14),rgba(46,125,79,.04));border-color:rgba(46,125,79,.4)}
html.pv-mint[data-theme="light"] .rejoin-card .rc-ic{background:rgba(0,0,0,0.06)}
html.pv-mint[data-theme="light"] .hs-bar{background:rgba(0,0,0,0.08)}
html.pv-mint[data-theme="light"] .hs-wk i{background:rgba(0,0,0,0.12)}
html.pv-mint[data-theme="light"] .rk-tier.t-legend{color:#b8860b}
html.pv-mint[data-theme="light"] .rk-tier.t-gm{color:#c2681c}
html.pv-mint[data-theme="light"] .rk-tier.t-master{color:#a8741a}
html.pv-mint[data-theme="light"] .rk-tier.t-wizard{color:#536b57}
html.pv-mint[data-theme="light"] .rk-tier.t-expert{color:#9a5d34}
html.pv-mint[data-theme="light"] .rk-tier.t-adv{color:#1f7a4d}
html.pv-mint[data-theme="light"] .rk-tier.t-reg{color:#3b5a8a}
html.pv-mint[data-theme="light"] .rk-tier.t-am{color:#4a6750}
html.pv-mint[data-theme="light"] .rk-tier.t-new{color:#536b57}
html.pv-mint[data-theme="light"] .rp-tag{color:#9b1c1c}
html.pv-mint[data-theme="light"] .pf-chip{background:rgba(17,40,23,0.05)}
html.pv-mint[data-theme="light"] .seat-pop,html.pv-mint[data-theme="light"] .seat-pop::before{background:#ffffff}
html.pv-mint[data-theme="light"] .seat-pop .sp-h2h{background:#f0f9f2}
html.pv-mint[data-theme="light"] .seat-pop .sp-throw{background:#f0f9f2}
html.pv-mint[data-theme="light"] .go-h2h .h2h-row{background:#f0f9f2}
html.pv-mint[data-theme="light"] .wk-g,html.pv-mint[data-theme="light"] .wk-p{background:#ffffff}
html.pv-mint[data-theme="light"] .h-center{color:rgba(0,0,0,0.35)}
html.pv-mint[data-theme="light"] .h-center span:last-child{color:rgba(0,0,0,0.65)}
html.pv-mint[data-theme="light"] .sol-empty{border-color:rgba(0,0,0,0.25);color:rgba(0,0,0,0.35)}
html.pv-mint[data-theme="light"] .q-row{background:#ffffff}
:root.pv-mint[data-theme="light"] .sup-tag{background:rgba(219,39,119,.1);color:#be185d}
:root.pv-mint[data-theme="light"] .pf-links .pf-sup{color:#be185d}
html.pv-mint[data-theme="light"] .bk-lock{background:rgba(22,35,25,0.78)}
html.pv-mint[data-theme="light"] .bk-tile.on{background:rgba(184,145,58,.1)}
html.pv-mint[data-theme="light"] .fair-warn{background:#eafaec;color:#5a1512;border-color:#e0493d}
html.pv-mint[data-theme="light"] .fair-warn .fw-ok{background:#e0493d;color:#ffffff}
html.pv-mint[data-theme="light"] .pf-prem{border-color:rgba(184,145,58,.6);background:linear-gradient(135deg,rgba(184,145,58,.14),rgba(184,145,58,.04))}
:root.pv-mint[data-theme="light"] .prem-tag{background:rgba(184,145,58,.14);color:#8a6a1c}
html.pv-mint[data-theme="light"] .pg-tabs{background:rgba(0,0,0,0.06)}
html.pv-mint[data-theme="light"] .opp .mini-cards i{background:linear-gradient(135deg,#3a5f9e,#1a2f5a)}
html.paper.pv-mint[data-theme="light"] .lang-btn{background:#ffffff;box-shadow:0 3px 10px -4px rgba(41,68,47,0.35),0 0 0 1px rgba(35,62,40,0.06)}
html.paper.pv-mint .lang-menu{background:#f9fffa}
:root.pv-mint[data-theme="light"]{--navy-900:#ffffff;--navy-800:#f4faf5;--navy-700:#eaf3ec;--navy-600:#dfe9e0;--navy-500:#d0ddd2;--red:#e63946;--red-600:#c92a37;--red-glow:rgba(230,57,70,.3);--white:#ffffff;--ink:#112817;--muted:#536b57;--muted-2:#64816a;--line:rgba(17,40,23,0.12);--line-2:rgba(17,40,23,0.07);--card-face:#ffffff;--felt-1:#2e7d4f;--felt-2:#1f5c39;--gold:#b8860b;--good:#1f9d55;--bad:#d64545;--shadow:0 14px 34px -14px rgba(17,40,23,0.35);--shadow-soft:0 6px 18px -10px rgba(17,40,23,0.25)}
html.pv-mint[data-theme="light"] body{background:#eef5ef;color:#112817}
html.pv-mint[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(238,245,239,0.98),rgba(238,245,239,0))}
html.pv-mint[data-theme="light"] .topbar .logo-mini svg,html.pv-mint[data-theme="light"] .hero-logo{filter:drop-shadow(0 8px 18px rgba(230,57,70,.18))}
html.pv-mint[data-theme="light"] .icon-btn{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .icon-btn:hover{background:#eaf3ec}
html.pv-mint[data-theme="light"] .chip-user{background:#ffffff}
html.pv-mint[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#ff5a66,#e63946 55%,#c92a37);box-shadow:0 5px 0 #9e1f2a, 0 12px 22px -10px var(--red-glow), inset 0 2px 0 rgba(255,255,255,0.35)}
html.pv-mint[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #9e1f2a}
html.pv-mint[data-theme="light"] .btn-navy{background:#ffffff;color:#112817;box-shadow:0 4px 0 #d0ddd2}
html.pv-mint[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #d0ddd2}
html.pv-mint[data-theme="light"] .btn-ghost{color:#112817;box-shadow:0 3px 0 #dfe9e0}
html.pv-mint[data-theme="light"] .btn-ghost:hover{background:#eaf3ec}
html.pv-mint[data-theme="light"] .panel{background:#ffffff}
html.pv-mint[data-theme="light"] .modal{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .modal-back{background:rgba(17,40,23,0.45)}
html.pv-mint[data-theme="light"] .input{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .seg{background:#e5efe7}
html.pv-mint[data-theme="light"] .seg button{color:#536b57}
html.pv-mint[data-theme="light"] .seg button.on{color:#ffffff}
html.pv-mint[data-theme="light"] .row-item{background:#ffffff}
html.pv-mint[data-theme="light"] .avatar{color:#ffffff}
html.pv-mint[data-theme="light"] .tabbar{background:#ffffff}
html.pv-mint[data-theme="light"] .tab{color:#64816a}
html.pv-mint[data-theme="light"] .tab.on{background:#e63946;color:#ffffff}
html.pv-mint[data-theme="light"] .toast{background:#112817;color:#ffffff}
html.pv-mint[data-theme="light"] .hint{color:#64816a}
html.pv-mint[data-theme="light"] .table-wrap{background:#e5efe7}
html.pv-mint[data-theme="light"] .game-top .title{color:#112817}
html.pv-mint[data-theme="light"] .game-top .icon-btn{background:#ffffff}
html.pv-mint[data-theme="light"] .turn-banner{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .turn-banner.you{background:#e63946;color:#ffffff}
html.pv-mint[data-theme="light"] .opp .oname{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .opp .oa{background:#ffffff;color:#112817;border-color:#d0ddd2}
html.pv-mint[data-theme="light"] .opp .ocount{background:rgba(255,255,255,0.85);color:#112817}
html.pv-mint[data-theme="light"] .me-seat .oa{border-color:#ffffff}
html.pv-mint[data-theme="light"] .board-msg{background:rgba(255,255,255,0.9);color:#112817}
html.pv-mint[data-theme="light"] .deck-label{color:rgba(255,255,255,0.9)}
html.pv-mint[data-theme="light"] .hand-actions .btn-ghost{background:#ffffff}
html.pv-mint[data-theme="light"] .chat-fab{background:#ffffff;color:#112817}
html.pv-mint[data-theme="light"] .side-panel{background:#ffffff}
html.pv-mint[data-theme="light"] .sp-row.active{background:#eef5ef}
html.pv-mint[data-theme="light"] .sp-msg b{color:#536b57}
html.pv-mint[data-theme="light"] .gi-badge{background:#eef5ef}
html.pv-mint[data-theme="light"] .chip-rate{background:#eef5ef;color:#112817}
:root.paper.pv-mint[data-theme="light"]{--navy-900:#f9fffa;--navy-800:#eefbf0;--navy-700:#e0f2e3;--navy-600:#d1e7d5;--navy-500:#c0dac4;--red:#e5383b;--red-600:#c8282c;--red-glow:rgba(229,56,59,.32);--ink:#1a221c;--muted:#5c6b5e;--muted-2:#6d7f70;--line:rgba(35,62,40,0.13);--line-2:rgba(35,62,40,0.07);--gold:#b07a12;--good:#2f8f4e;--bad:#d23c3c;--paper:#e7f5e9;--paper-2:#d9eedc;--card:#f9fffa;--shadow:0 16px 34px -16px rgba(41,68,47,0.38);--shadow-soft:0 8px 20px -12px rgba(41,68,47,0.32)}
html.paper.pv-mint[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(231,245,233,0.97) 70%,rgba(231,245,233,0))}
html.paper.pv-mint .brand-name{color:#121a14}
html.paper.pv-mint[data-theme="light"] .topbar .logo-mini svg{filter:drop-shadow(0 4px 8px rgba(41,68,47,0.22))}
html.paper.pv-mint[data-theme="light"] .icon-btn{background:#ffffff;color:#202922;box-shadow:0 3px 10px -4px rgba(41,68,47,0.35),0 0 0 1px rgba(35,62,40,0.06)}
html.paper.pv-mint[data-theme="light"] .icon-btn:hover{background:#f2fff4}
html.paper.pv-mint[data-theme="light"] .chip-user{background:#ffffff;box-shadow:0 3px 10px -4px rgba(41,68,47,0.35),0 0 0 1px rgba(35,62,40,0.06)}
html.paper.pv-mint[data-theme="light"] .chip-rate{background:#e7f5e9;color:#1a221c;border:1px solid rgba(35,62,40,0.12)}
html.paper.pv-mint .q-chip{background:#dbfce0;border:1.5px solid #e8c66a;color:#1b3621}
html.paper.pv-mint[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#cf2a2e);box-shadow:0 5px 0 #a51f23,0 12px 22px -12px var(--red-glow),inset 0 2px 0 rgba(255,255,255,0.3)}
html.paper.pv-mint[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #a51f23}
html.paper.pv-mint[data-theme="light"] .btn-navy{background:#ffffff;box-shadow:0 4px 0 #cee4d1}
html.paper.pv-mint[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #cee4d1}
html.paper.pv-mint[data-theme="light"] .btn-ghost{box-shadow:0 3px 0 #d5ead8}
html.paper.pv-mint[data-theme="light"] .btn-ghost:hover{background:#eefbf0}
html.paper.pv-mint[data-theme="light"] .modal-back{background:rgba(17,39,22,0.42)}
html.paper.pv-mint[data-theme="light"] .input{background:#ffffff;border-color:rgba(35,62,40,0.18)}
html.paper.pv-mint[data-theme="light"] .input:focus{border-color:#e5383b;box-shadow:0 0 0 3px rgba(229,56,59,.15)}
html.paper.pv-mint[data-theme="light"] .seg{background:#d9eedc}
html.paper.pv-mint[data-theme="light"] .seg button{color:#5c6b5e}
html.paper.pv-mint[data-theme="light"] .seg button.on{color:#ffffff}
html.paper.pv-mint[data-theme="light"] .hint{color:#6a7a6d}
html.paper.pv-mint[data-theme="light"] .gi-badge{background:#e0f2e3}
html.paper.pv-mint[data-theme="light"] .toast{background:#202922;color:#ffffff}
html.paper.pv-mint .lb-x{background:#ffffff;color:#202922;box-shadow:0 8px 18px -12px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.06)}
html.paper.pv-mint[data-theme="light"] .tabbar{background:#ffffff;box-shadow:0 -8px 24px -14px rgba(41,68,47,0.35)}
html.paper.pv-mint[data-theme="light"] .tab{color:#202922}
html.paper.pv-mint[data-theme="light"] .tab.on{background:linear-gradient(180deg,#ec4447,#d92f33);color:#ffffff;box-shadow:0 8px 18px -10px rgba(229,56,59,.8)}
html.paper.pv-mint[data-theme="light"] .table-wrap{background:#e7f5e9}
html.paper.pv-mint[data-theme="light"] .snd-btn,html.paper.pv-mint[data-theme="light"] .topbar .snd-btn{background:#ffffff;box-shadow:0 3px 10px -4px rgba(41,68,47,0.35),0 0 0 1px rgba(35,62,40,0.06)}
:root.paper.pv-mint[data-theme="light"]{--sheet:#f7fff8;--sand:#ceefd4;--edge:#cee4d1;--label:#94713f}
html.paper.pv-mint[data-theme="light"] .modal{--mt:#ceefd4;background:#f7fff8;box-shadow:0 30px 60px -22px rgba(22,48,28,0.6),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .modal-back{background:rgba(17,39,22,0.46)}
html.paper.pv-mint .modal h3{color:#121a14}
html.paper.pv-mint :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3){color:#37473a}
html.paper.pv-mint .modal[data-art] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{filter:drop-shadow(0 6px 8px rgba(22,48,28,0.25))}
html.paper.pv-mint .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{-webkit-mask:radial-gradient(closest-side,#000000 55%,transparent 100%);mask:radial-gradient(closest-side,#000000 55%,transparent 100%)}
html.paper.pv-mint .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .small.txt-muted{color:#2d392f}
html.paper.pv-mint .modal.pf-modal{--mt:#cbebd0}
html.paper.pv-mint .modal.aw-modal{--mt:#c7e7cc}
html.paper.pv-mint .modal.hs-modal{--mt:#d3ebd7}
html.paper.pv-mint .modal:has(.cos-grid){--mt:#d2eed7}
html.paper.pv-mint .modal:has(#nt-list){--mt:#fbe6b0}
html.paper.pv-mint .modal:has(#qm-list){--mt:#fde3a6}
html.paper.pv-mint .modal:has(.sup-list){--mt:#fde3a6}
html.paper.pv-mint .modal:has(.rules-viewport){--mt:#ceefd4}
html.paper.pv-mint .modal:has(.go-head.go-win){--mt:#fde3a6}
html.paper.pv-mint .modal:has(.ppc){--mt:#cbebd0}
html.paper.pv-mint .modal:has(#dl-board){--mt:#c1e1c6}
html.paper.pv-mint .modal:has(.se-list){--mt:#f8dcae}
html.paper.pv-mint .modal:has(.tr-list){--mt:#fbe8ad}
html.paper.pv-mint .modal:has(.ev-scroll){--mt:#d3ebd7}
html.paper.pv-mint .modal[data-game=yaniv]{--mt:#f27d6f}
html.paper.pv-mint .modal[data-game=shithead]{--mt:#f8b552}
html.paper.pv-mint .modal[data-game=president]{--mt:#c4b0f0}
html.paper.pv-mint .modal[data-game=durak]{--mt:#f5a3c8}
html.paper.pv-mint .modal[data-game=rummy]{--mt:#a9d998}
html.paper.pv-mint .modal[data-game=war]{--mt:#a6d0f5}
html.paper.pv-mint .modal[data-game=hearts]{--mt:#ea6f8c}
html.paper.pv-mint .modal[data-game=solitaire]{--mt:#8fd6cb}
html.paper.pv-mint[data-theme="light"] .section-title{color:#94713f}
html.paper.pv-mint .section-title:not(.between)::after{background:repeating-linear-gradient(90deg,#b0d0b5 0 6px,transparent 6px 10px)}
html.paper.pv-mint[data-theme="light"] .seg{background:#d5edd9;box-shadow:inset 0 2px 4px rgba(35,62,40,0.13)}
html.paper.pv-mint[data-theme="light"] .seg button{color:#5c6b5e}
html.paper.pv-mint[data-theme="light"] .seg button.on{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#d22f33);color:#ffffff;box-shadow:0 2px 0 #a51f23,0 6px 12px -6px rgba(229,56,59,.75)}
html.paper.pv-mint[data-theme="light"] .btn-navy{background:#ffffff;box-shadow:0 4px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .btn-ghost{background:#ecfaee;box-shadow:0 3px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .btn-ghost:active{box-shadow:0 1px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .input{border:1.5px solid rgba(35,62,40,0.15);background:#ffffff;box-shadow:inset 0 2px 3px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .panel,html.paper.pv-mint[data-theme="light"] .row-item,html.paper.pv-mint[data-theme="light"] .gs-row,html.paper.pv-mint[data-theme="light"] .q-row,html.paper.pv-mint[data-theme="light"] .se-row,html.paper.pv-mint[data-theme="light"] .tr-row{background:#ffffff;box-shadow:0 6px 14px -10px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .gs-sw{background:#c4dbc7}
html.paper.pv-mint[data-theme="light"] .gs-sw.on{background:#3f9a3c}
html.paper.pv-mint[data-theme="light"] .gi-badge{background:#ffffff;box-shadow:0 4px 10px -6px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .tr-note{background:#dbfce0;border:1.5px dashed #e8c66a;color:#1b3621}
html.paper.pv-mint[data-theme="light"] .se-list>.hint,html.paper.pv-mint[data-theme="light"] .tr-list>.hint,html.paper.pv-mint[data-theme="light"] .ev-scroll>.hint,html.paper.pv-mint[data-theme="light"] .dl-board>.hint,html.paper.pv-mint[data-theme="light"] .empty-state{border:1.5px dashed #b7d7bd;color:#6a7a6d;background:rgba(255,255,255,0.55)}
html.paper.pv-mint[data-theme="light"] .pf-chip{background:#ffffff;box-shadow:0 3px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .pf-row{border-top:1.5px dashed rgba(35,62,40,0.12)}
html.paper.pv-mint[data-theme="light"] .rk-me{background:#ffffff;box-shadow:0 8px 18px -12px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .rk-chip{background:#e7f5e9;box-shadow:inset 0 0 0 1px rgba(35,62,40,0.1)}
html.paper.pv-mint[data-theme="light"] .rk-table th{color:#94713f}
html.paper.pv-mint[data-theme="light"] .rk-table td{background:#ffffff}
html.paper.pv-mint[data-theme="light"] .rk-table tr.me td{background:#e4f6e7}
html.paper.pv-mint[data-theme="light"] .rl-code{background:#ffffff;box-shadow:0 3px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .rl-rules{background:#dbfce0;box-shadow:inset 0 0 0 1.5px #ecd28a}
html.paper.pv-mint[data-theme="light"] .rl-chat{background:#ffffff;box-shadow:0 8px 18px -12px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .rc-q{background:#ffffff;box-shadow:0 2px 0 #cee4d1,0 0 0 1px rgba(35,62,40,0.09)}
html.paper.pv-mint[data-theme="light"] .aw-card{background:#ffffff;box-shadow:0 4px 10px -8px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .aw-card.locked{background:#e9f8eb}
html.paper.pv-mint[data-theme="light"] .rule-item{background:#ffffff;box-shadow:0 6px 14px -10px rgba(41,68,47,0.5),0 0 0 1px rgba(35,62,40,0.07)}
html.paper.pv-mint[data-theme="light"] .rule-h{color:#c8282c}
html.pv-sky[data-theme="light"] .pf-av-edit{background:#ffffff;border-color:#dce8ef}
html.pv-sky[data-theme="light"] .pf-chip{background:#ffffff}
html.pv-sky[data-theme="light"] .rl-code{background:#ffffff}
html.pv-sky[data-theme="light"] .rc-q{background:#ffffff}
html.pv-sky[data-theme="light"] .gs-row{background:#ffffff}
html.pv-sky[data-theme="light"] .gs-sw{background:#c8d6df}
html.pv-sky[data-theme="light"] .gs-sw.on{background:var(--good,#5e9e2f)}
html.pv-sky[data-theme="light"] .bi-row{background:#ffffff}
html.pv-sky[data-theme="light"] .tut-card{background:#ffffff}
html.pv-sky[data-theme="light"] .hs-tile,html.pv-sky[data-theme="light"] .hs-hl{background:#ffffff}
html.pv-sky[data-theme="light"] .hs-graph{background:#eff7fd}
html.pv-sky[data-theme="light"] .hs-grid{stroke:rgba(0,0,0,0.14)}
html.pv-sky[data-theme="light"] .rp-move,html.pv-sky[data-theme="light"] .rp-pl,html.pv-sky[data-theme="light"] .rp-b:not(.rp-play){background:#ffffff}
html.pv-sky[data-theme="light"] .nt-state{background:#ffffff}
html.pv-sky[data-theme="light"] .rejoin-card{background:linear-gradient(135deg,rgba(46,125,79,.14),rgba(46,125,79,.04));border-color:rgba(46,125,79,.4)}
html.pv-sky[data-theme="light"] .rejoin-card .rc-ic{background:rgba(0,0,0,0.06)}
html.pv-sky[data-theme="light"] .hs-bar{background:rgba(0,0,0,0.08)}
html.pv-sky[data-theme="light"] .hs-wk i{background:rgba(0,0,0,0.12)}
html.pv-sky[data-theme="light"] .rk-tier.t-legend{color:#b8860b}
html.pv-sky[data-theme="light"] .rk-tier.t-gm{color:#c2681c}
html.pv-sky[data-theme="light"] .rk-tier.t-master{color:#a8741a}
html.pv-sky[data-theme="light"] .rk-tier.t-wizard{color:#4c6879}
html.pv-sky[data-theme="light"] .rk-tier.t-expert{color:#9a5d34}
html.pv-sky[data-theme="light"] .rk-tier.t-adv{color:#1f7a4d}
html.pv-sky[data-theme="light"] .rk-tier.t-reg{color:#3b5a8a}
html.pv-sky[data-theme="light"] .rk-tier.t-am{color:#426377}
html.pv-sky[data-theme="light"] .rk-tier.t-new{color:#4c6879}
html.pv-sky[data-theme="light"] .rp-tag{color:#9b1c1c}
html.pv-sky[data-theme="light"] .pf-chip{background:rgba(9,37,52,0.05)}
html.pv-sky[data-theme="light"] .seat-pop,html.pv-sky[data-theme="light"] .seat-pop::before{background:#ffffff}
html.pv-sky[data-theme="light"] .seat-pop .sp-h2h{background:#eef8fd}
html.pv-sky[data-theme="light"] .seat-pop .sp-throw{background:#eef8fd}
html.pv-sky[data-theme="light"] .go-h2h .h2h-row{background:#eef8fd}
html.pv-sky[data-theme="light"] .wk-g,html.pv-sky[data-theme="light"] .wk-p{background:#ffffff}
html.pv-sky[data-theme="light"] .h-center{color:rgba(0,0,0,0.35)}
html.pv-sky[data-theme="light"] .h-center span:last-child{color:rgba(0,0,0,0.65)}
html.pv-sky[data-theme="light"] .sol-empty{border-color:rgba(0,0,0,0.25);color:rgba(0,0,0,0.35)}
html.pv-sky[data-theme="light"] .q-row{background:#ffffff}
:root.pv-sky[data-theme="light"] .sup-tag{background:rgba(219,39,119,.1);color:#be185d}
:root.pv-sky[data-theme="light"] .pf-links .pf-sup{color:#be185d}
html.pv-sky[data-theme="light"] .bk-lock{background:rgba(19,33,42,0.78)}
html.pv-sky[data-theme="light"] .bk-tile.on{background:rgba(184,145,58,.1)}
html.pv-sky[data-theme="light"] .fair-warn{background:#eaf7ff;color:#5a1512;border-color:#e0493d}
html.pv-sky[data-theme="light"] .fair-warn .fw-ok{background:#e0493d;color:#ffffff}
html.pv-sky[data-theme="light"] .pf-prem{border-color:rgba(184,145,58,.6);background:linear-gradient(135deg,rgba(184,145,58,.14),rgba(184,145,58,.04))}
:root.pv-sky[data-theme="light"] .prem-tag{background:rgba(184,145,58,.14);color:#8a6a1c}
html.pv-sky[data-theme="light"] .pg-tabs{background:rgba(0,0,0,0.06)}
html.pv-sky[data-theme="light"] .opp .mini-cards i{background:linear-gradient(135deg,#3a5f9e,#1a2f5a)}
html.paper.pv-sky[data-theme="light"] .lang-btn{background:#ffffff;box-shadow:0 3px 10px -4px rgba(32,65,83,0.35),0 0 0 1px rgba(25,58,76,0.06)}
html.paper.pv-sky .lang-menu{background:#fbfeff}
:root.pv-sky[data-theme="light"]{--navy-900:#ffffff;--navy-800:#f2f9fe;--navy-700:#e8f2f7;--navy-600:#dce8ef;--navy-500:#ccdce5;--red:#e63946;--red-600:#c92a37;--red-glow:rgba(230,57,70,.3);--white:#ffffff;--ink:#092534;--muted:#4c6879;--muted-2:#5d7e91;--line:rgba(9,37,52,0.12);--line-2:rgba(9,37,52,0.07);--card-face:#ffffff;--felt-1:#2e7d4f;--felt-2:#1f5c39;--gold:#b8860b;--good:#1f9d55;--bad:#d64545;--shadow:0 14px 34px -14px rgba(9,37,52,0.35);--shadow-soft:0 6px 18px -10px rgba(9,37,52,0.25)}
html.pv-sky[data-theme="light"] body{background:#edf5fa;color:#092534}
html.pv-sky[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(237,245,250,0.98),rgba(237,245,250,0))}
html.pv-sky[data-theme="light"] .topbar .logo-mini svg,html.pv-sky[data-theme="light"] .hero-logo{filter:drop-shadow(0 8px 18px rgba(230,57,70,.18))}
html.pv-sky[data-theme="light"] .icon-btn{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .icon-btn:hover{background:#e8f2f7}
html.pv-sky[data-theme="light"] .chip-user{background:#ffffff}
html.pv-sky[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#ff5a66,#e63946 55%,#c92a37);box-shadow:0 5px 0 #9e1f2a, 0 12px 22px -10px var(--red-glow), inset 0 2px 0 rgba(255,255,255,0.35)}
html.pv-sky[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #9e1f2a}
html.pv-sky[data-theme="light"] .btn-navy{background:#ffffff;color:#092534;box-shadow:0 4px 0 #ccdce5}
html.pv-sky[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #ccdce5}
html.pv-sky[data-theme="light"] .btn-ghost{color:#092534;box-shadow:0 3px 0 #dce8ef}
html.pv-sky[data-theme="light"] .btn-ghost:hover{background:#e8f2f7}
html.pv-sky[data-theme="light"] .panel{background:#ffffff}
html.pv-sky[data-theme="light"] .modal{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .modal-back{background:rgba(9,37,52,0.45)}
html.pv-sky[data-theme="light"] .input{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .seg{background:#e3eef4}
html.pv-sky[data-theme="light"] .seg button{color:#4c6879}
html.pv-sky[data-theme="light"] .seg button.on{color:#ffffff}
html.pv-sky[data-theme="light"] .row-item{background:#ffffff}
html.pv-sky[data-theme="light"] .avatar{color:#ffffff}
html.pv-sky[data-theme="light"] .tabbar{background:#ffffff}
html.pv-sky[data-theme="light"] .tab{color:#5d7e91}
html.pv-sky[data-theme="light"] .tab.on{background:#e63946;color:#ffffff}
html.pv-sky[data-theme="light"] .toast{background:#092534;color:#ffffff}
html.pv-sky[data-theme="light"] .hint{color:#5d7e91}
html.pv-sky[data-theme="light"] .table-wrap{background:#e3eef4}
html.pv-sky[data-theme="light"] .game-top .title{color:#092534}
html.pv-sky[data-theme="light"] .game-top .icon-btn{background:#ffffff}
html.pv-sky[data-theme="light"] .turn-banner{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .turn-banner.you{background:#e63946;color:#ffffff}
html.pv-sky[data-theme="light"] .opp .oname{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .opp .oa{background:#ffffff;color:#092534;border-color:#ccdce5}
html.pv-sky[data-theme="light"] .opp .ocount{background:rgba(255,255,255,0.85);color:#092534}
html.pv-sky[data-theme="light"] .me-seat .oa{border-color:#ffffff}
html.pv-sky[data-theme="light"] .board-msg{background:rgba(255,255,255,0.9);color:#092534}
html.pv-sky[data-theme="light"] .deck-label{color:rgba(255,255,255,0.9)}
html.pv-sky[data-theme="light"] .hand-actions .btn-ghost{background:#ffffff}
html.pv-sky[data-theme="light"] .chat-fab{background:#ffffff;color:#092534}
html.pv-sky[data-theme="light"] .side-panel{background:#ffffff}
html.pv-sky[data-theme="light"] .sp-row.active{background:#edf5fa}
html.pv-sky[data-theme="light"] .sp-msg b{color:#4c6879}
html.pv-sky[data-theme="light"] .gi-badge{background:#edf5fa}
html.pv-sky[data-theme="light"] .chip-rate{background:#edf5fa;color:#092534}
:root.paper.pv-sky[data-theme="light"]{--navy-900:#fbfeff;--navy-800:#eef9ff;--navy-700:#dcf0fc;--navy-600:#cce5f4;--navy-500:#b9d7ea;--red:#e5383b;--red-600:#c8282c;--red-glow:rgba(229,56,59,.32);--ink:#182127;--muted:#586974;--muted-2:#697d89;--line:rgba(25,58,76,0.13);--line-2:rgba(25,58,76,0.07);--gold:#b07a12;--good:#2f8f4e;--bad:#d23c3c;--paper:#e3f4fe;--paper-2:#d4ebfa;--card:#fbfeff;--shadow:0 16px 34px -16px rgba(32,65,83,0.38);--shadow-soft:0 8px 20px -12px rgba(32,65,83,0.32)}
html.paper.pv-sky[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(227,244,254,0.97) 70%,rgba(227,244,254,0))}
html.paper.pv-sky .brand-name{color:#10191f}
html.paper.pv-sky[data-theme="light"] .topbar .logo-mini svg{filter:drop-shadow(0 4px 8px rgba(32,65,83,0.22))}
html.paper.pv-sky[data-theme="light"] .icon-btn{background:#ffffff;color:#1e282d;box-shadow:0 3px 10px -4px rgba(32,65,83,0.35),0 0 0 1px rgba(25,58,76,0.06)}
html.paper.pv-sky[data-theme="light"] .icon-btn:hover{background:#f6fcff}
html.paper.pv-sky[data-theme="light"] .chip-user{background:#ffffff;box-shadow:0 3px 10px -4px rgba(32,65,83,0.35),0 0 0 1px rgba(25,58,76,0.06)}
html.paper.pv-sky[data-theme="light"] .chip-rate{background:#e3f4fe;color:#182127;border:1px solid rgba(25,58,76,0.12)}
html.paper.pv-sky .q-chip{background:#e3f4ff;border:1.5px solid #e8c66a;color:#123345}
html.paper.pv-sky[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#cf2a2e);box-shadow:0 5px 0 #a51f23,0 12px 22px -12px var(--red-glow),inset 0 2px 0 rgba(255,255,255,0.3)}
html.paper.pv-sky[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #a51f23}
html.paper.pv-sky[data-theme="light"] .btn-navy{background:#ffffff;box-shadow:0 4px 0 #c8e2f2}
html.paper.pv-sky[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #c8e2f2}
html.paper.pv-sky[data-theme="light"] .btn-ghost{box-shadow:0 3px 0 #d0e7f6}
html.paper.pv-sky[data-theme="light"] .btn-ghost:hover{background:#eef9ff}
html.paper.pv-sky[data-theme="light"] .modal-back{background:rgba(8,37,51,0.42)}
html.paper.pv-sky[data-theme="light"] .input{background:#ffffff;border-color:rgba(25,58,76,0.18)}
html.paper.pv-sky[data-theme="light"] .input:focus{border-color:#e5383b;box-shadow:0 0 0 3px rgba(229,56,59,.15)}
html.paper.pv-sky[data-theme="light"] .seg{background:#d4ebfa}
html.paper.pv-sky[data-theme="light"] .seg button{color:#586974}
html.paper.pv-sky[data-theme="light"] .seg button.on{color:#ffffff}
html.paper.pv-sky[data-theme="light"] .hint{color:#667984}
html.paper.pv-sky[data-theme="light"] .gi-badge{background:#dcf0fc}
html.paper.pv-sky[data-theme="light"] .toast{background:#1e282d;color:#ffffff}
html.paper.pv-sky .lb-x{background:#ffffff;color:#1e282d;box-shadow:0 8px 18px -12px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.06)}
html.paper.pv-sky[data-theme="light"] .tabbar{background:#ffffff;box-shadow:0 -8px 24px -14px rgba(32,65,83,0.35)}
html.paper.pv-sky[data-theme="light"] .tab{color:#1e282d}
html.paper.pv-sky[data-theme="light"] .tab.on{background:linear-gradient(180deg,#ec4447,#d92f33);color:#ffffff;box-shadow:0 8px 18px -10px rgba(229,56,59,.8)}
html.paper.pv-sky[data-theme="light"] .table-wrap{background:#e3f4fe}
html.paper.pv-sky[data-theme="light"] .snd-btn,html.paper.pv-sky[data-theme="light"] .topbar .snd-btn{background:#ffffff;box-shadow:0 3px 10px -4px rgba(32,65,83,0.35),0 0 0 1px rgba(25,58,76,0.06)}
:root.paper.pv-sky[data-theme="light"]{--sheet:#f9fdff;--sand:#c9eaff;--edge:#c8e2f2;--label:#94713f}
html.paper.pv-sky[data-theme="light"] .modal{--mt:#c9eaff;background:#f9fdff;box-shadow:0 30px 60px -22px rgba(11,45,63,0.6),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .modal-back{background:rgba(8,37,51,0.46)}
html.paper.pv-sky .modal h3{color:#10191f}
html.paper.pv-sky :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3){color:#33454f}
html.paper.pv-sky .modal[data-art] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{filter:drop-shadow(0 6px 8px rgba(11,45,63,0.25))}
html.paper.pv-sky .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{-webkit-mask:radial-gradient(closest-side,#000000 55%,transparent 100%);mask:radial-gradient(closest-side,#000000 55%,transparent 100%)}
html.paper.pv-sky .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .small.txt-muted{color:#2a3740}
html.paper.pv-sky .modal.pf-modal{--mt:#c2e8ff}
html.paper.pv-sky .modal.aw-modal{--mt:#bee4fa}
html.paper.pv-sky .modal.hs-modal{--mt:#cde9fa}
html.paper.pv-sky .modal:has(.cos-grid){--mt:#cbebfe}
html.paper.pv-sky .modal:has(#nt-list){--mt:#fbe6b0}
html.paper.pv-sky .modal:has(#qm-list){--mt:#fde3a6}
html.paper.pv-sky .modal:has(.sup-list){--mt:#fde3a6}
html.paper.pv-sky .modal:has(.rules-viewport){--mt:#c9eaff}
html.paper.pv-sky .modal:has(.go-head.go-win){--mt:#fde3a6}
html.paper.pv-sky .modal:has(.ppc){--mt:#c2e8ff}
html.paper.pv-sky .modal:has(#dl-board){--mt:#b8ddf4}
html.paper.pv-sky .modal:has(.se-list){--mt:#f8dcae}
html.paper.pv-sky .modal:has(.tr-list){--mt:#fbe8ad}
html.paper.pv-sky .modal:has(.ev-scroll){--mt:#cde8f9}
html.paper.pv-sky .modal[data-game=yaniv]{--mt:#f27d6f}
html.paper.pv-sky .modal[data-game=shithead]{--mt:#f8b552}
html.paper.pv-sky .modal[data-game=president]{--mt:#c4b0f0}
html.paper.pv-sky .modal[data-game=durak]{--mt:#f5a3c8}
html.paper.pv-sky .modal[data-game=rummy]{--mt:#a9d998}
html.paper.pv-sky .modal[data-game=war]{--mt:#a6d0f5}
html.paper.pv-sky .modal[data-game=hearts]{--mt:#ea6f8c}
html.paper.pv-sky .modal[data-game=solitaire]{--mt:#8fd6cb}
html.paper.pv-sky[data-theme="light"] .section-title{color:#94713f}
html.paper.pv-sky .section-title:not(.between)::after{background:repeating-linear-gradient(90deg,#a8cce3 0 6px,transparent 6px 10px)}
html.paper.pv-sky[data-theme="light"] .seg{background:#cfeafb;box-shadow:inset 0 2px 4px rgba(25,58,76,0.13)}
html.paper.pv-sky[data-theme="light"] .seg button{color:#586974}
html.paper.pv-sky[data-theme="light"] .seg button.on{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#d22f33);color:#ffffff;box-shadow:0 2px 0 #a51f23,0 6px 12px -6px rgba(229,56,59,.75)}
html.paper.pv-sky[data-theme="light"] .btn-navy{background:#ffffff;box-shadow:0 4px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .btn-ghost{background:#edf8ff;box-shadow:0 3px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .btn-ghost:active{box-shadow:0 1px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .input{border:1.5px solid rgba(25,58,76,0.15);background:#ffffff;box-shadow:inset 0 2px 3px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .panel,html.paper.pv-sky[data-theme="light"] .row-item,html.paper.pv-sky[data-theme="light"] .gs-row,html.paper.pv-sky[data-theme="light"] .q-row,html.paper.pv-sky[data-theme="light"] .se-row,html.paper.pv-sky[data-theme="light"] .tr-row{background:#ffffff;box-shadow:0 6px 14px -10px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .gs-sw{background:#bed8e8}
html.paper.pv-sky[data-theme="light"] .gs-sw.on{background:#3f9a3c}
html.paper.pv-sky[data-theme="light"] .gi-badge{background:#ffffff;box-shadow:0 4px 10px -6px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .tr-note{background:#e3f4ff;border:1.5px dashed #e8c66a;color:#123345}
html.paper.pv-sky[data-theme="light"] .se-list>.hint,html.paper.pv-sky[data-theme="light"] .tr-list>.hint,html.paper.pv-sky[data-theme="light"] .ev-scroll>.hint,html.paper.pv-sky[data-theme="light"] .dl-board>.hint,html.paper.pv-sky[data-theme="light"] .empty-state{border:1.5px dashed #afd3ea;color:#667984;background:rgba(255,255,255,0.55)}
html.paper.pv-sky[data-theme="light"] .pf-chip{background:#ffffff;box-shadow:0 3px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .pf-row{border-top:1.5px dashed rgba(25,58,76,0.12)}
html.paper.pv-sky[data-theme="light"] .rk-me{background:#ffffff;box-shadow:0 8px 18px -12px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .rk-chip{background:#e3f4fe;box-shadow:inset 0 0 0 1px rgba(25,58,76,0.1)}
html.paper.pv-sky[data-theme="light"] .rk-table th{color:#94713f}
html.paper.pv-sky[data-theme="light"] .rk-table td{background:#ffffff}
html.paper.pv-sky[data-theme="light"] .rk-table tr.me td{background:#e1f4ff}
html.paper.pv-sky[data-theme="light"] .rl-code{background:#ffffff;box-shadow:0 3px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .rl-rules{background:#e3f4ff;box-shadow:inset 0 0 0 1.5px #ecd28a}
html.paper.pv-sky[data-theme="light"] .rl-chat{background:#ffffff;box-shadow:0 8px 18px -12px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .rc-q{background:#ffffff;box-shadow:0 2px 0 #c8e2f2,0 0 0 1px rgba(25,58,76,0.09)}
html.paper.pv-sky[data-theme="light"] .aw-card{background:#ffffff;box-shadow:0 4px 10px -8px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .aw-card.locked{background:#e6f5ff}
html.paper.pv-sky[data-theme="light"] .rule-item{background:#ffffff;box-shadow:0 6px 14px -10px rgba(32,65,83,0.5),0 0 0 1px rgba(25,58,76,0.07)}
html.paper.pv-sky[data-theme="light"] .rule-h{color:#c8282c}
html.pv-night[data-theme="light"] .pf-av-edit{background:#2e2b28;border-color:#28221b}
html.pv-night[data-theme="light"] .pf-chip{background:#2e2b28}
html.pv-night[data-theme="light"] .rl-code{background:#2e2b28}
html.pv-night[data-theme="light"] .rc-q{background:#2e2b28}
html.pv-night[data-theme="light"] .gs-row{background:#2e2b28}
html.pv-night[data-theme="light"] .gs-sw{background:#221b13}
html.pv-night[data-theme="light"] .gs-sw.on{background:var(--good,#5e9e2f)}
html.pv-night[data-theme="light"] .bi-row{background:#2e2b28}
html.pv-night[data-theme="light"] .tut-card{background:#2e2b28}
html.pv-night[data-theme="light"] .hs-tile,html.pv-night[data-theme="light"] .hs-hl{background:#2e2b28}
html.pv-night[data-theme="light"] .hs-graph{background:#2c2822}
html.pv-night[data-theme="light"] .hs-grid{stroke:rgba(239,234,229,0.14)}
html.pv-night[data-theme="light"] .rp-move,html.pv-night[data-theme="light"] .rp-pl,html.pv-night[data-theme="light"] .rp-b:not(.rp-play){background:#2e2b28}
html.pv-night[data-theme="light"] .nt-state{background:#2e2b28}
html.pv-night[data-theme="light"] .rejoin-card{background:linear-gradient(135deg,rgba(46,125,79,.14),rgba(46,125,79,.04));border-color:rgba(46,125,79,.4)}
html.pv-night[data-theme="light"] .rejoin-card .rc-ic{background:rgba(239,234,229,0.06)}
html.pv-night[data-theme="light"] .hs-bar{background:rgba(239,234,229,0.08)}
html.pv-night[data-theme="light"] .hs-wk i{background:rgba(239,234,229,0.12)}
html.pv-night[data-theme="light"] .rk-tier.t-legend{color:#b8860b}
html.pv-night[data-theme="light"] .rk-tier.t-gm{color:#c2681c}
html.pv-night[data-theme="light"] .rk-tier.t-master{color:#a8741a}
html.pv-night[data-theme="light"] .rk-tier.t-wizard{color:#8f99b0}
html.pv-night[data-theme="light"] .rk-tier.t-expert{color:#9a5d34}
html.pv-night[data-theme="light"] .rk-tier.t-adv{color:#1f7a4d}
html.pv-night[data-theme="light"] .rk-tier.t-reg{color:#3b5a8a}
html.pv-night[data-theme="light"] .rk-tier.t-am{color:#919db3}
html.pv-night[data-theme="light"] .rk-tier.t-new{color:#8f99b0}
html.pv-night[data-theme="light"] .rp-tag{color:#9b1c1c}
html.pv-night[data-theme="light"] .pf-chip{background:rgba(226,235,255,0.05)}
html.pv-night[data-theme="light"] .seat-pop,html.pv-night[data-theme="light"] .seat-pop::before{background:#2e2b28}
html.pv-night[data-theme="light"] .seat-pop .sp-h2h{background:#2d2822}
html.pv-night[data-theme="light"] .seat-pop .sp-throw{background:#2d2822}
html.pv-night[data-theme="light"] .go-h2h .h2h-row{background:#2d2822}
html.pv-night[data-theme="light"] .wk-g,html.pv-night[data-theme="light"] .wk-p{background:#2e2b28}
html.pv-night[data-theme="light"] .h-center{color:rgba(239,234,229,0.35)}
html.pv-night[data-theme="light"] .h-center span:last-child{color:rgba(239,234,229,0.65)}
html.pv-night[data-theme="light"] .sol-empty{border-color:rgba(239,234,229,0.25);color:rgba(239,234,229,0.35)}
html.pv-night[data-theme="light"] .q-row{background:#2e2b28}
:root.pv-night[data-theme="light"] .sup-tag{background:rgba(219,39,119,.1);color:#be185d}
:root.pv-night[data-theme="light"] .pf-links .pf-sup{color:#be185d}
html.pv-night[data-theme="light"] .bk-lock{background:rgba(247,233,218,0.78)}
html.pv-night[data-theme="light"] .bk-tile.on{background:rgba(184,145,58,.1)}
html.pv-night[data-theme="light"] .fair-warn{background:#2f261c;color:#5a1512;border-color:#e0493d}
html.pv-night[data-theme="light"] .fair-warn .fw-ok{background:#e0493d;color:#fff}
html.pv-night[data-theme="light"] .pf-prem{border-color:rgba(184,145,58,.6);background:linear-gradient(135deg,rgba(184,145,58,.14),rgba(184,145,58,.04))}
:root.pv-night[data-theme="light"] .prem-tag{background:rgba(184,145,58,.14);color:#8a6a1c}
html.pv-night[data-theme="light"] .pg-tabs{background:rgba(239,234,229,0.06)}
html.pv-night[data-theme="light"] .opp .mini-cards i{background:linear-gradient(135deg,#3a5f9e,#1a2f5a)}
html.paper.pv-night[data-theme="light"] .lang-btn{background:#2e2b28;box-shadow:0 3px 10px -4px rgba(10,5,1,0.56),0 0 0 1px rgba(10,5,1,0.096)}
html.paper.pv-night .lang-menu{background:#2f2a24}
:root.pv-night[data-theme="light"]{--navy-900:#2e2b28;--navy-800:#2d2824;--navy-700:#2b2520;--navy-600:#28221b;--navy-500:#251d14;--red:#e63946;--red-600:#c92a37;--red-glow:rgba(230,57,70,.3);--white:#ffffff;--ink:#b9c5dc;--muted:#8f99b0;--muted-2:#858da4;--line:rgba(226,235,255,0.12);--line-2:rgba(226,235,255,0.07);--card-face:#ffffff;--felt-1:#2e7d4f;--felt-2:#1f5c39;--gold:#b8860b;--good:#1f9d55;--bad:#d64545;--shadow:0 14px 34px -14px rgba(3,6,13,0.56);--shadow-soft:0 6px 18px -10px rgba(3,6,13,0.4)}
html.pv-night[data-theme="light"] body{background:#2b2721;color:#b9c5dc}
html.pv-night[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(21,17,12,0.98),rgba(21,17,12,0))}
html.pv-night[data-theme="light"] .topbar .logo-mini svg,html.pv-night[data-theme="light"] .hero-logo{filter:drop-shadow(0 8px 18px rgba(230,57,70,.18))}
html.pv-night[data-theme="light"] .icon-btn{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .icon-btn:hover{background:#2b2520}
html.pv-night[data-theme="light"] .chip-user{background:#2e2b28}
html.pv-night[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#ff5a66,#e63946 55%,#c92a37);box-shadow:0 5px 0 #0c0403, 0 12px 22px -10px var(--red-glow), inset 0 2px 0 rgba(6,6,6,0.56)}
html.pv-night[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #0c0403}
html.pv-night[data-theme="light"] .btn-navy{background:#2e2b28;color:#b9c5dc;box-shadow:0 4px 0 #04060a}
html.pv-night[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #04060a}
html.pv-night[data-theme="light"] .btn-ghost{color:#b9c5dc;box-shadow:0 3px 0 #050609}
html.pv-night[data-theme="light"] .btn-ghost:hover{background:#2b2520}
html.pv-night[data-theme="light"] .panel{background:#2e2b28}
html.pv-night[data-theme="light"] .modal{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .modal-back{background:rgba(226,235,255,0.45)}
html.pv-night[data-theme="light"] .input{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .seg{background:#2a241d}
html.pv-night[data-theme="light"] .seg button{color:#8f99b0}
html.pv-night[data-theme="light"] .seg button.on{color:#fff}
html.pv-night[data-theme="light"] .row-item{background:#2e2b28}
html.pv-night[data-theme="light"] .avatar{color:#fff}
html.pv-night[data-theme="light"] .tabbar{background:#2e2b28}
html.pv-night[data-theme="light"] .tab{color:#858da4}
html.pv-night[data-theme="light"] .tab.on{background:#e63946;color:#fff}
html.pv-night[data-theme="light"] .toast{background:#1a2233;color:#fff}
html.pv-night[data-theme="light"] .hint{color:#858da4}
html.pv-night[data-theme="light"] .table-wrap{background:#2a241d}
html.pv-night[data-theme="light"] .game-top .title{color:#b9c5dc}
html.pv-night[data-theme="light"] .game-top .icon-btn{background:#2e2b28}
html.pv-night[data-theme="light"] .turn-banner{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .turn-banner.you{background:#e63946;color:#fff}
html.pv-night[data-theme="light"] .opp .oname{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .opp .oa{background:#2e2b28;color:#b9c5dc;border-color:#251d14}
html.pv-night[data-theme="light"] .opp .ocount{background:rgba(20,17,14,0.85);color:#b9c5dc}
html.pv-night[data-theme="light"] .me-seat .oa{border-color:#2e2b28}
html.pv-night[data-theme="light"] .board-msg{background:rgba(20,17,14,0.9);color:#b9c5dc}
html.pv-night[data-theme="light"] .deck-label{color:rgba(20,17,14,0.9)}
html.pv-night[data-theme="light"] .hand-actions .btn-ghost{background:#2e2b28}
html.pv-night[data-theme="light"] .chat-fab{background:#2e2b28;color:#b9c5dc}
html.pv-night[data-theme="light"] .side-panel{background:#2e2b28}
html.pv-night[data-theme="light"] .sp-row.active{background:#2b2721}
html.pv-night[data-theme="light"] .sp-msg b{color:#8f99b0}
html.pv-night[data-theme="light"] .gi-badge{background:#2b2721}
html.pv-night[data-theme="light"] .chip-rate{background:#2b2721;color:#b9c5dc}
:root.paper.pv-night[data-theme="light"]{--navy-900:#2f2a24;--navy-800:#2f271f;--navy-700:#2d2318;--navy-600:#281f10;--navy-500:#251a07;--red:#e5383b;--red-600:#c8282c;--red-glow:rgba(229,56,59,.32);--ink:#cec5ba;--muted:#a29686;--muted-2:#978b7a;--line:rgba(251,232,210,0.13);--line-2:rgba(251,232,210,0.07);--gold:#b07a12;--good:#2f8f4e;--bad:#d23c3c;--paper:#2e251b;--paper-2:#2a2213;--card:#2f2a24;--shadow:0 16px 34px -16px rgba(10,5,1,0.608);--shadow-soft:0 8px 20px -12px rgba(10,5,1,0.512)}
html.paper.pv-night[data-theme="light"] .topbar{background:linear-gradient(180deg,rgba(24,16,7,0.97) 70%,rgba(24,16,7,0))}
html.paper.pv-night .brand-name{color:#d4cbc0}
html.paper.pv-night[data-theme="light"] .topbar .logo-mini svg{filter:drop-shadow(0 4px 8px rgba(251,232,211,0.22))}
html.paper.pv-night[data-theme="light"] .icon-btn{background:#2e2b28;color:#cac0b5;box-shadow:0 3px 10px -4px rgba(10,5,1,0.56),0 0 0 1px rgba(10,5,1,0.096)}
html.paper.pv-night[data-theme="light"] .icon-btn:hover{background:#302920}
html.paper.pv-night[data-theme="light"] .chip-user{background:#2e2b28;box-shadow:0 3px 10px -4px rgba(10,5,1,0.56),0 0 0 1px rgba(10,5,1,0.096)}
html.paper.pv-night[data-theme="light"] .chip-rate{background:#2e251b;color:#cec5ba;border:1px solid rgba(251,232,210,0.12)}
html.paper.pv-night .q-chip{background:#2d2612;border:1.5px solid #7b6000;color:#c7baa2}
html.paper.pv-night[data-theme="light"] .btn-primary{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#cf2a2e);box-shadow:0 5px 0 #0c0403,0 12px 22px -12px var(--red-glow),inset 0 2px 0 rgba(6,6,6,0.48)}
html.paper.pv-night[data-theme="light"] .btn-primary:active{box-shadow:0 1px 0 #0c0403}
html.paper.pv-night[data-theme="light"] .btn-navy{background:#2e2b28;box-shadow:0 4px 0 #090501}
html.paper.pv-night[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #090501}
html.paper.pv-night[data-theme="light"] .btn-ghost{box-shadow:0 3px 0 #090501}
html.paper.pv-night[data-theme="light"] .btn-ghost:hover{background:#2f271f}
html.paper.pv-night[data-theme="light"] .modal-back{background:rgba(252,231,211,0.42)}
html.paper.pv-night[data-theme="light"] .input{background:#2e2b28;border-color:rgba(251,232,210,0.18)}
html.paper.pv-night[data-theme="light"] .input:focus{border-color:#e5383b;box-shadow:0 0 0 3px rgba(12,4,3,0.24)}
html.paper.pv-night[data-theme="light"] .seg{background:#2a2213}
html.paper.pv-night[data-theme="light"] .seg button{color:#a29686}
html.paper.pv-night[data-theme="light"] .seg button.on{color:#fff}
html.paper.pv-night[data-theme="light"] .hint{color:#998d7d}
html.paper.pv-night[data-theme="light"] .gi-badge{background:#2d2318}
html.paper.pv-night[data-theme="light"] .toast{background:#2a2520;color:#fff}
html.paper.pv-night .lb-x{background:#2e2b28;color:#cac0b5;box-shadow:0 8px 18px -12px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.096)}
html.paper.pv-night[data-theme="light"] .tabbar{background:#2e2b28;box-shadow:0 -8px 24px -14px rgba(10,5,1,0.56)}
html.paper.pv-night[data-theme="light"] .tab{color:#cac0b5}
html.paper.pv-night[data-theme="light"] .tab.on{background:linear-gradient(180deg,#ec4447,#d92f33);color:#fff;box-shadow:0 8px 18px -10px #0c0403}
html.paper.pv-night[data-theme="light"] .table-wrap{background:#2e251b}
html.paper.pv-night[data-theme="light"] .snd-btn,html.paper.pv-night[data-theme="light"] .topbar .snd-btn{background:#2e2b28;box-shadow:0 3px 10px -4px rgba(10,5,1,0.56),0 0 0 1px rgba(10,5,1,0.096)}
:root.paper.pv-night[data-theme="light"]{--sheet:#302a22;--sand:#2a210e;--edge:#271e0e;--label:#94713f}
html.paper.pv-night[data-theme="light"] .modal{--mt:#2a210e;background:#302a22;box-shadow:0 30px 60px -22px rgba(11,4,1,0.96),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .modal-back{background:rgba(252,231,211,0.46)}
html.paper.pv-night .modal h3{color:#d4cbc0}
html.paper.pv-night :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3){color:#bbac9d}
html.paper.pv-night .modal[data-art] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{filter:drop-shadow(0 6px 8px rgba(253,231,212,0.25))}
html.paper.pv-night .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{-webkit-mask:radial-gradient(closest-side,#f2eee9 55%,transparent 100%);mask:radial-gradient(closest-side,#f2eee9 55%,transparent 100%)}
html.paper.pv-night .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .small.txt-muted{color:#c1b5a7}
html.paper.pv-night .modal.pf-modal{--mt:#2e1d10}
html.paper.pv-night .modal.aw-modal{--mt:#231c2e}
html.paper.pv-night .modal.hs-modal{--mt:#152431}
html.paper.pv-night .modal:has(.cos-grid){--mt:#14281b}
html.paper.pv-night .modal:has(#nt-list){--mt:#2a230f}
html.paper.pv-night .modal:has(#qm-list){--mt:#85703d}
html.paper.pv-night .modal:has(.sup-list){--mt:#85703d}
html.paper.pv-night .modal:has(.rules-viewport){--mt:#2a210e}
html.paper.pv-night .modal:has(.go-head.go-win){--mt:#85703d}
html.paper.pv-night .modal:has(.ppc){--mt:#2e1d10}
html.paper.pv-night .modal:has(#dl-board){--mt:#2c1713}
html.paper.pv-night .modal:has(.se-list){--mt:#2a1f0c}
html.paper.pv-night .modal:has(.tr-list){--mt:#837342}
html.paper.pv-night .modal:has(.ev-scroll){--mt:#172332}
html.paper.pv-night .modal[data-game=yaniv]{--mt:#f27d6f}
html.paper.pv-night .modal[data-game=shithead]{--mt:#f8b552}
html.paper.pv-night .modal[data-game=president]{--mt:#c4b0f0}
html.paper.pv-night .modal[data-game=durak]{--mt:#f5a3c8}
html.paper.pv-night .modal[data-game=rummy]{--mt:#49703b}
html.paper.pv-night .modal[data-game=war]{--mt:#0a1b29}
html.paper.pv-night .modal[data-game=hearts]{--mt:#ea6f8c}
html.paper.pv-night .modal[data-game=solitaire]{--mt:#4e6c67}
html.paper.pv-night[data-theme="light"] .section-title{color:#94713f}
html.paper.pv-night .section-title:not(.between)::after{background:repeating-linear-gradient(90deg,#70634e 0 6px,transparent 6px 10px)}
html.paper.pv-night[data-theme="light"] .seg{background:#2b2110;box-shadow:inset 0 2px 4px rgba(10,5,1,0.208)}
html.paper.pv-night[data-theme="light"] .seg button{color:#a29686}
html.paper.pv-night[data-theme="light"] .seg button.on{background:linear-gradient(180deg,#f2504f,#e5383b 55%,#d22f33);color:#fff;box-shadow:0 2px 0 #0c0403,0 6px 12px -6px #0c0403}
html.paper.pv-night[data-theme="light"] .btn-navy{background:#2e2b28;box-shadow:0 4px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .btn-navy:active{box-shadow:0 1px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .btn-ghost{background:#2f271e;box-shadow:0 3px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .btn-ghost:active{box-shadow:0 1px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .input{border:1.5px solid rgba(251,232,210,0.15);background:#2e2b28;box-shadow:inset 0 2px 3px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .panel,html.paper.pv-night[data-theme="light"] .row-item,html.paper.pv-night[data-theme="light"] .gs-row,html.paper.pv-night[data-theme="light"] .q-row,html.paper.pv-night[data-theme="light"] .se-row,html.paper.pv-night[data-theme="light"] .tr-row{background:#2e2b28;box-shadow:0 6px 14px -10px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .gs-sw{background:#241b0b}
html.paper.pv-night[data-theme="light"] .gs-sw.on{background:#3f9a3c}
html.paper.pv-night[data-theme="light"] .gi-badge{background:#2e2b28;box-shadow:0 4px 10px -6px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .tr-note{background:#2d2612;border:1.5px dashed #7b6000;color:#c7baa2}
html.paper.pv-night[data-theme="light"] .se-list>.hint,html.paper.pv-night[data-theme="light"] .tr-list>.hint,html.paper.pv-night[data-theme="light"] .ev-scroll>.hint,html.paper.pv-night[data-theme="light"] .dl-board>.hint,html.paper.pv-night[data-theme="light"] .empty-state{border:1.5px dashed #231806;color:#998d7d;background:rgba(20,17,14,0.55)}
html.paper.pv-night[data-theme="light"] .pf-chip{background:#2e2b28;box-shadow:0 3px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .pf-row{border-top:1.5px dashed rgba(251,232,210,0.12)}
html.paper.pv-night[data-theme="light"] .rk-me{background:#2e2b28;box-shadow:0 8px 18px -12px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .rk-chip{background:#2e251b;box-shadow:inset 0 0 0 1px rgba(10,5,1,0.16)}
html.paper.pv-night[data-theme="light"] .rk-table th{color:#94713f}
html.paper.pv-night[data-theme="light"] .rk-table td{background:#2e2b28}
html.paper.pv-night[data-theme="light"] .rk-table tr.me td{background:#2f2519}
html.paper.pv-night[data-theme="light"] .rl-code{background:#2e2b28;box-shadow:0 3px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .rl-rules{background:#2d2612;box-shadow:inset 0 0 0 1.5px #080501}
html.paper.pv-night[data-theme="light"] .rl-chat{background:#2e2b28;box-shadow:0 8px 18px -12px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .rc-q{background:#2e2b28;box-shadow:0 2px 0 #090501,0 0 0 1px rgba(10,5,1,0.144)}
html.paper.pv-night[data-theme="light"] .aw-card{background:#2e2b28;box-shadow:0 4px 10px -8px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .aw-card.locked{background:#2e261c}
html.paper.pv-night[data-theme="light"] .rule-item{background:#2e2b28;box-shadow:0 6px 14px -10px rgba(10,5,1,0.8),0 0 0 1px rgba(10,5,1,0.112)}
html.paper.pv-night[data-theme="light"] .rule-h{color:#c8282c}

/* look swatches in the profile picker */
.pv-sw{display:inline-block;width:11px;height:11px;border-radius:50%;margin-inline-end:5px;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.pv-sw-paper{background:#f3e9d8}.pv-sw-mint{background:#d8ead6}.pv-sw-sky{background:#d6e5f2}.pv-sw-night{background:#2f2a24}
/* night: tiles and art a touch dimmer, the paper grain lighter */
html.paper.pv-night #view .game-tile{filter:brightness(.88) saturate(.95)}
html.paper.pv-night .lb-x .lb-art{filter:brightness(.92)}
html.paper.pv-night .brand-name{color:#efe7da}
html.paper.pv-night .modal-back{background:rgba(0,0,0,.55)}
/* v146 night: popups (after the generated rules) */
/* night: the band takes a dimmed tint of its colour */
html.paper.pv-night[data-theme="light"] .modal{background:#2b2723}
html.paper.pv-night :is(:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child),:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3)){background:color-mix(in srgb,var(--mt) 30%,#2b2723)}
html.paper.pv-night .modal[data-game] :is(:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child),:is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3)){background:color-mix(in srgb,var(--mt) 62%,#2b2723)}
html.paper.pv-night .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child)::before{filter:brightness(.85)}
html.paper.pv-night :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) + :is(p,.small.txt-muted,h3){color:#d8cfc3}
html.paper.pv-night .modal[data-game] :is(.modal>:first-child:not(.mfix-inner,.ppc),.modal>:is(.mfix-inner,.ppc)>:first-child) .small.txt-muted{color:#f1e9de}
html.paper.pv-night .modal h3{color:#f3ece2}

/* v158 (Lou): the welcome screen sits on the logo's own green, so the logo tile melts into the page;
   the wordmark is cream, not a washed-out blue */
html.paper[data-theme="light"] body[data-route="home"]{background:radial-gradient(900px 600px at 50% -10%, #12522f 0%, transparent 60%), linear-gradient(180deg,#0b3b22 0%,#06301b 100%);background-attachment:fixed}
html.paper[data-theme="light"] body[data-route="home"] .topbar{background:linear-gradient(180deg,rgba(11,59,34,.96) 70%,rgba(11,59,34,0))}
html.paper[data-theme="light"] body[data-route="home"] .brand-name{color:#fff7e8}
html.paper[data-theme="light"] body[data-route="home"] .topbar .logo-mini svg,html.paper[data-theme="light"] body[data-route="home"] .topbar .logo-mini .logo-img,html.paper[data-theme="light"] body[data-route="home"] .hero-logo{filter:none}
html.paper[data-theme="light"] body[data-route="home"] .hero-word{background:none;-webkit-text-fill-color:#fff7e8;color:#fff7e8;text-shadow:0 3px 0 rgba(0,0,0,.22),0 10px 24px rgba(0,0,0,.25)}
html.paper[data-theme="light"] body[data-route="home"] .tagline{color:rgba(255,247,232,.82)}
html.paper[data-theme="light"] body[data-route="home"] .txt-muted,html.paper[data-theme="light"] body[data-route="home"] .small{color:rgba(255,247,232,.72)}
html.paper[data-theme="light"] body[data-route="home"] .btn-ghost{background:rgba(255,255,255,.12);color:#fff7e8;border:1px solid rgba(255,255,255,.28);box-shadow:none}
html.paper[data-theme="light"] body[data-route="home"] .float-suits span{opacity:.09;color:#fff}
html.paper[data-theme="light"] body[data-route="home"] .float-suits span:nth-child(2),html.paper[data-theme="light"] body[data-route="home"] .float-suits span:nth-child(3){color:#ff8a80}
html.paper[data-theme="light"] body[data-route="home"] .snd-cluster .icon-btn{background:rgba(255,255,255,.92)}

/* =====================================================================
   v200 (Lou: "the app in the spirit of cards and decks") - the home screen and the ranking
   approved on the mockup of 25.10.2026: every game is a tuck box with its cards standing out of it
   (they rise and fan on hover / on a touch), the small modes are little playing cards with a corner
   index, the room code sits on a face-down card, the tabs carry suits, the user chip is a small card,
   and every title is a playing card (7 … 10, J, Q, K, A, the gold ace, the joker).
   The game popup and every other screen stay exactly as they were.
   ===================================================================== */
:root{--ct-card:#fff;--ct-line:rgba(70,50,25,.13);--ct-ink:#2a2520;--ct-paper:#f6f0e6;--ct-paper2:#efe6d7;--ct-red:#e5383b;--ct-red2:#cf2a2e;
  --ct-back:repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 2px,transparent 2px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 2px,transparent 2px 9px)}
:root.paper.pv-mint{--ct-paper:#eaf2ea;--ct-paper2:#dfeadf;--ct-line:rgba(30,70,40,.14)}
:root.paper.pv-sky{--ct-paper:#e9f0f6;--ct-paper2:#dde7f0;--ct-line:rgba(25,50,80,.14)}
:root.paper.pv-night{--ct-card:#2e2b28;--ct-line:rgba(251,232,210,.13);--ct-ink:#e3dbd0;--ct-paper:#2a2621;--ct-paper2:#3a342d}

/* only the paper design draws boxes, corner indices and suits - anywhere else the old pieces stay */
.game-tile .bx,.lb-x .lb-ix,.tab .tab-suit,.gt-fan{display:none}
.game-tile .gt-face{display:contents}

/* ---- 1. the game tiles: a tuck box seen a little from the left and above ---- */
html.paper[data-theme="light"] #view .game-tile.tuck{aspect-ratio:4/5.4 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;
  overflow:visible !important;isolation:isolate;padding:0 !important;transform:none !important}
html.paper[data-theme="light"] #view .game-tile.tuck::before,html.paper[data-theme="light"] #view .game-tile.tuck::after{display:none !important}
html.paper #view .game-tile.tuck .bx{display:block;position:absolute;pointer-events:none}
html.paper #view .tuck .bx-side{top:24%;bottom:2%;left:3%;width:9%;background:var(--tint2);transform:skewY(28deg);transform-origin:100% 0;border-radius:3px 0 0 4px;
  background-image:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,0) 70%)}
html.paper #view .tuck .bx-top{top:19.5%;left:12%;right:0;height:5%;background:var(--tint);background:color-mix(in srgb,var(--tint) 70%,#fff);transform:skewX(50deg);transform-origin:0 100%;
  border-radius:2px 2px 0 0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
html.paper #view .tuck .bx-flap{top:4%;left:17%;right:5%;height:16%;background:var(--ct-back),var(--tint2);border-radius:10px 10px 2px 2px;transform:skewX(-6deg) translateY(2px);
  transform-origin:50% 100%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
/* the cards are long - their lower part always stays hidden behind the front, also when they rise */
html.paper #view .tuck .bx-cards{top:0;left:22%;right:10%;height:44%}
html.paper #view .tuck .bx-cards i{position:absolute;inset:0;border-radius:8px;background:var(--ct-back),var(--tint);
  box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 3.5px var(--tint2),0 -2px 6px -3px rgba(0,0,0,.3);transform-origin:50% 100%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html.paper #view .tuck .bx-cards i:nth-child(1){transform:rotate(-6deg) translate(-6%,12%)}
html.paper #view .tuck .bx-cards i:nth-child(2){transform:rotate(1deg) translateY(7%)}
html.paper #view .tuck .bx-cards i:nth-child(3){transform:rotate(7deg) translate(6%,11%)}
/* the front of the box: the painted card as it is today (art, name, players chip, description, arrow) */
html.paper[data-theme="light"] #view .tuck .gt-face{display:flex;flex-direction:column;position:absolute;top:24%;left:12%;right:0;bottom:2%;z-index:2;overflow:hidden;
  border-radius:3px 3px 10px 10px;background:var(--tbg,#f4a69c);box-shadow:0 14px 26px -14px rgba(80,55,25,.7),inset 0 0 0 1px rgba(0,0,0,.08);
  transition:transform .3s cubic-bezier(.2,.8,.2,1)}
html.paper[data-theme="light"] #view .tuck .gt-face::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0) 14%),var(--art) center 30%/cover no-repeat}
/* the thumb notch */
html.paper[data-theme="light"] #view .tuck .gt-face::after{content:"";position:absolute;top:-1px;left:50%;width:24%;height:9%;transform:translateX(-50%);z-index:1;
  background:var(--tint2);border-radius:0 0 999px 999px;box-shadow:inset 0 -3px 5px rgba(0,0,0,.25);pointer-events:none}
html.paper #view .tuck .gt-face .gt-main,html.paper #view .tuck .gt-face .gt-labels,html.paper #view .tuck .gt-face .gt-foot{z-index:2}
html.paper #view .tuck .gt-face .gt-labels{top:14px}
html.paper #view .tuck .gt-face .gt-main{padding-top:13px}
html.paper #view .tuck .gt-foot{border-radius:0 0 10px 10px}
/* hover / touch: the cards rise and fan, the flap bends */
html.paper #view .tuck:hover .bx-cards i,html.paper #view .tuck.open .bx-cards i{transform:rotate(-9deg) translate(-10%,-4%)}
html.paper #view .tuck:hover .bx-cards i:nth-child(2),html.paper #view .tuck.open .bx-cards i:nth-child(2){transform:rotate(1deg) translateY(-9%)}
html.paper #view .tuck:hover .bx-cards i:nth-child(3),html.paper #view .tuck.open .bx-cards i:nth-child(3){transform:rotate(10deg) translate(10%,-5%)}
html.paper #view .tuck:hover .bx-flap,html.paper #view .tuck.open .bx-flap{transform:skewX(-6deg) translateY(2px) scaleY(.85)}
html.paper #view .tuck:active .gt-face{transform:scale(.97)}
@media (hover:none){ html.paper #view .tuck:hover:not(.open) .bx-cards i:nth-child(1){transform:rotate(-6deg) translate(-6%,12%)}
  html.paper #view .tuck:hover:not(.open) .bx-cards i:nth-child(2){transform:rotate(1deg) translateY(7%)}
  html.paper #view .tuck:hover:not(.open) .bx-cards i:nth-child(3){transform:rotate(7deg) translate(6%,11%)}
  html.paper #view .tuck:hover:not(.open) .bx-flap{transform:skewX(-6deg) translateY(2px)} }
@media (prefers-reduced-motion:reduce){ html.paper #view .tuck .bx-cards i,html.paper #view .tuck .bx-flap,html.paper #view .tuck .gt-face{transition:none !important} }
html.paper #view > .games-grid{gap:14px}

/* the little fan of three cards beside "בחר משחק" */
html.paper .gt-fan{display:inline-block;position:relative;width:30px;height:24px;vertical-align:-3px;margin-inline-end:6px}
html.paper .gt-fan i{position:absolute;left:9px;top:0;width:13px;height:19px;border-radius:2.5px;background:var(--ct-card);border:1px solid var(--ct-line);box-shadow:0 1px 2px rgba(0,0,0,.15);transform-origin:50% 100%}
html.paper .gt-fan i:nth-child(1){transform:rotate(-22deg);background:var(--ct-back),var(--ct-red)}
html.paper .gt-fan i:nth-child(3){transform:rotate(22deg);background:var(--ct-back),#1b1712}

/* ---- 2. the small modes: a row of little playing cards with a corner index ---- */
html.paper .lb-extras{gap:8px !important}
html.paper .lb-x{position:relative;flex-direction:column !important;gap:3px !important;border-radius:7px !important;padding:11px 2px 6px !important;min-height:58px;
  background:var(--ct-card) !important;color:var(--ct-ink) !important;
  box-shadow:0 0 0 1px var(--ct-line),0 4px 0 -1px var(--ct-card),0 4px 0 0 var(--ct-line),0 8px 14px -10px rgba(80,55,25,.5) !important}
html.paper .lb-x .lb-art{width:24px !important;height:24px !important}
html.paper .lb-x > span{font-size:20px;line-height:1}
html.paper .lb-x .lb-ix{display:block;position:absolute;top:3px;inset-inline-start:4px;font-style:normal;font-size:9px;line-height:1;font-weight:800;color:var(--ct-ink);letter-spacing:-.2px}
html.paper .lb-x .lb-ix.red{color:var(--ct-red)}

/* ---- 3. "משחק של חבר?" - the room code written on a face-down card ---- */
html.paper .form-row.join-card{display:flex;align-items:center;gap:10px;background:var(--ct-card);border-radius:10px;padding:8px;
  box-shadow:0 0 0 1px var(--ct-line),0 4px 0 -1px var(--ct-card),0 4px 0 0 var(--ct-line)}
html.paper .form-row.join-card::before{content:"";width:26px;height:36px;border-radius:4px;background:var(--ct-back),var(--ct-red);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px var(--ct-red2);flex:none}
html.paper .form-row.join-card .form-label{font-size:12px;white-space:nowrap}
html.paper .form-row.join-card .input{flex:1;min-width:92px;border:0 !important;background:var(--ct-paper) !important;border-radius:8px;box-shadow:none !important;letter-spacing:.08em;font-size:15px;padding:9px 8px}
html.paper .form-row.join-card .btn{border-radius:8px;width:auto}

/* ---- 4. the tabs: suits instead of the drawn icons ---- */
html.paper .tab svg{display:none}
html.paper .tab .tab-suit{display:block;font-size:24px;line-height:25px;height:25px;color:var(--ct-ink)}
html.paper .tab .tab-suit.r{color:var(--ct-red)}
html.paper .tab.on .tab-suit{color:#fff}

/* ---- 5. the user chip: a small player card ---- */
html.paper .chip-user{border-radius:8px !important;padding:3px 4px 3px 8px;border:0 !important;background:var(--ct-card) !important;
  box-shadow:0 0 0 1px var(--ct-line),0 3px 0 -1px var(--ct-card),0 3px 0 0 var(--ct-line) !important}
html.paper .chip-user .avatar{border-radius:6px !important}

/* ---- 6. a title is a playing card ---- */
.tcard{display:inline-block;position:relative;flex:none;width:15px;height:21px;border-radius:2.5px;background:#fff;color:#e5383b;vertical-align:middle;
  box-shadow:0 0 0 1px rgba(70,50,25,.2),0 1px 2px rgba(0,0,0,.15);line-height:1;font-style:normal}
.tcard b{position:absolute;top:1px;inset-inline-start:1.5px;font-size:7px;font-weight:800;letter-spacing:-.4px}
.tcard i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:10px;padding-top:4px}
.tcard.tc-gold{background:linear-gradient(135deg,#fff5cf,#f1c75a);box-shadow:0 0 0 1px #b8860b,0 1px 2px rgba(0,0,0,.2)}
.tcard.tc-joker b{display:none;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.6px;color:#1b1712;line-height:1}
.rk-row .tcard.tc-joker b,.tcard.tc-lg.tc-joker b{display:block}
.tcard.tc-joker i{font-size:12px;padding-top:0;background:linear-gradient(135deg,#e5383b,#7b55d0 55%,#e5a51c);-webkit-background-clip:text;background-clip:text;color:transparent}
.tcard.tc-row{width:30px;height:42px;border-radius:4px}
.tcard.tc-row b,.rk-row .tcard b{font-size:11px;top:2px;inset-inline-start:4px}
.rk-row .tcard{width:30px;height:42px;border-radius:4px}
.rk-row .tcard i{font-size:20px;padding-top:6px}
.rk-row .tcard.tc-joker b{font-size:6px;top:3px;inset-inline-start:3px}
.rk-row .tcard.tc-joker i{font-size:20px;padding-top:4px}
.tcard.tc-lg{width:46px;height:64px;border-radius:6px}
.tcard.tc-lg b{font-size:15px;top:4px;inset-inline-start:6px}
.tcard.tc-lg i{font-size:30px;padding-top:10px}
.tcard.tc-lg.tc-joker b{font-size:9px;top:4px;inset-inline-start:4px}
.tcard.tc-lg.tc-joker i{font-size:30px;padding-top:6px}
.rk-tier .tcard,.chip-rate .tcard{margin-inline-end:2px}

/* ---- 7. the ranking: your card on top, the ladder, the list with each player's card ---- */
.rk-me .rk-you{display:flex;align-items:center;gap:12px}
.rk-you .rk-yt{flex:1;min-width:0}
.rk-you .rk-yt .rk-me-name{display:block;font-size:16px;font-weight:800}
.rk-you .rk-yt small{display:block;color:var(--muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.rk-you .rk-bar{height:6px;border-radius:999px;background:var(--ct-paper2);margin:6px 0 3px;overflow:hidden}
.rk-you .rk-bar i{display:block;height:100%;background:var(--ct-red);border-radius:999px}
.rk-you .rk-yr{font-size:26px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;text-align:center;line-height:1.05}
.rk-you .rk-yr small{display:block;font-size:11px;color:var(--muted);font-weight:700}
.rk-ladder{display:flex;gap:4px;margin-top:10px}
.rk-ladder span{flex:1;min-width:0;text-align:center;font-size:10.5px;color:var(--muted);font-weight:800;padding:4px 0;border-radius:6px;background:var(--ct-card);box-shadow:0 0 0 1px var(--ct-line)}
.rk-ladder span.on{background:#2a2520;color:#fff;box-shadow:none}
:root.paper.pv-night .rk-ladder span.on{background:#e3dbd0;color:#2a2520}
html.paper .rk-me{background:var(--ct-card) !important;border:0 !important;border-radius:14px !important;padding:12px !important;
  box-shadow:0 0 0 1px var(--ct-line),0 5px 0 -1px var(--ct-card),0 5px 0 0 var(--ct-line) !important}
.rk-rows{display:flex;flex-direction:column;gap:8px}
.rk-row{display:flex;align-items:center;gap:10px;background:var(--ct-card);border:1px solid var(--ct-line);border-radius:10px;padding:8px 12px;cursor:pointer;color:inherit}
.rk-row.me{background:#fdf1cf;border-color:#e8c66a}
:root.paper.pv-night .rk-row.me{background:#4a3d1c;border-color:#8a6d2a}
.rk-row .rk-pos{width:22px;text-align:center;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}
.rk-row .rk-nm{flex:1;min-width:0}
.rk-row .rk-nm b{display:block;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-row .rk-nm small{color:var(--muted);font-size:11.5px}
.rk-row .rk-rt{font-weight:800;font-variant-numeric:tabular-nums;background:var(--ct-paper);border:1px solid var(--ct-line);border-radius:999px;padding:4px 10px;font-size:13px;flex:none}
/* v200: a box is taller than the old tile - on a tablet three boxes a row (four on a wide screen), so they keep a phone's size */
@media (min-width:600px){ html.paper #view > .games-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1000px){ html.paper #view > .games-grid{grid-template-columns:repeat(4,minmax(0,1fr))} }