/* Black Domino — single committed dark look: lacquered black, champagne gold, oxblood.
   Layout: one-screen app; menu is a centered column, game is a table grid (rivals around, chain in the middle, your rack below). */
:root{
  --ink:#f3ede2; --muted:#a39a8c; --faint:#6d665c;
  --bg:#0c0b0d; --panel:#17151a; --panel2:#201d23; --line:rgba(226,184,92,.18);
  --gold:#e2b85c; --gold-hi:#f4d48f; --gold-lo:#9c7a33;
  --ox:#8e2433; --ox-hi:#b33447;
  --ok:#5fbf8a; --warn:#e2b85c; --bad:#e05a5a;
  --display:"Unbounded", "Arial Black", system-ui, sans-serif;
  --body:"Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --u:clamp(17px,4vw,27px);
  --hu:clamp(25px,6.6vw,36px);
  /* tile skin (onyx default) */
  --t-bg:linear-gradient(155deg,#2b292e,#121114 70%);
  --t-edge:#000; --t-lip:#3a373d; --t-pip:#f4efe6; --t-pip1:#f4efe6; --t-div:rgba(255,255,255,.16);
  --t-back:linear-gradient(155deg,#1d1b20,#0b0a0c);
  color-scheme:dark;
}
[data-tiles="onyx"]{--t-bg:linear-gradient(155deg,#2b292e,#121114 70%);--t-edge:#000;--t-lip:#3a373d;--t-pip:#f4efe6;--t-pip1:#f4efe6;--t-div:rgba(255,255,255,.16)}
[data-tiles="ivory"]{--t-bg:linear-gradient(155deg,#fbf5e8,#e7dcc4);--t-edge:#a8977a;--t-lip:#c9b998;--t-pip:#1b1612;--t-pip1:#8e2433;--t-div:#b8a682}
[data-tiles="nar"]{--t-bg:linear-gradient(155deg,#7d1a28,#4a0d16);--t-edge:#2a0509;--t-lip:#5a121c;--t-pip:#f6e7d2;--t-pip1:#f6e7d2;--t-div:rgba(255,230,210,.22)}
[data-tiles="jade"]{--t-bg:linear-gradient(155deg,#14493f,#0a2a24);--t-edge:#031310;--t-lip:#0f362f;--t-pip:#ecf3ee;--t-pip1:#ecf3ee;--t-div:rgba(230,255,240,.2)}
[data-tiles="gold"]{--t-bg:linear-gradient(155deg,#2b292e,#121114 70%);--t-edge:#000;--t-pip:radial-gradient(circle at 35% 30%,#fff1c6,#e2b85c 45%,#8f6a26);--t-pip1:var(--t-pip);--t-div:rgba(226,184,92,.45);--t-lip:#5b4a24}

[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
/* Telefonun saat/batareya zolağı və aşağı düymələr: brauzerdə env(), Android tətbiqində (köhnə WebView) Capacitor-un --safe-area-inset-* dəyişənləri */
:root{--sa-top:max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px));--sa-bottom:max(env(safe-area-inset-bottom,0px),var(--safe-area-inset-bottom,0px));
  --sa-left:max(env(safe-area-inset-left,0px),var(--safe-area-inset-left,0px));--sa-right:max(env(safe-area-inset-right,0px),var(--safe-area-inset-right,0px))}
html,body{height:100%;margin:0}
img{max-width:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
#app{height:100%;max-width:1100px;margin:0 auto;position:relative}
.screen{height:100%;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;gap:16px;
  padding-left:max(16px,var(--sa-left));padding-right:max(16px,var(--sa-right));padding-top:calc(14px + var(--sa-top));padding-bottom:calc(14px + var(--sa-bottom))}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance}
.eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.num{font-variant-numeric:tabular-nums}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 16px;font-weight:700;transition:transform .1s,filter .15s,background .15s}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-gold{background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));color:#1a1306;box-shadow:0 2px 0 #5d461a,0 8px 22px rgba(226,184,92,.18)}
.btn-gold:hover{filter:brightness(1.06)}
.btn-ox{background:var(--ox);color:#fff}.btn-ox:hover{background:var(--ox-hi)}
.btn-line{border:1px solid var(--line);background:var(--panel)}.btn-line:hover{background:var(--panel2)}
.btn-sm{padding:8px 12px;border-radius:10px;font-size:.9rem}
.btn[disabled]{opacity:.45;pointer-events:none}
.icon-btn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);font-size:1.1rem}

/* top header (menu) */
.topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.me-chip{display:flex;align-items:center;gap:10px;min-width:0}
.me-chip .nm{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coins{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 6px 6px 10px;font-weight:700}
.coin{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c6,var(--gold) 50%,var(--gold-lo));box-shadow:inset 0 0 0 2px rgba(90,60,10,.35);flex:none}
.coins .plus{width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1306;display:grid;place-items:center;font-weight:800}
.badge{font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:6px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:#1a1306}

/* avatar + frames */
.ava{--sz:38px;width:var(--sz);height:var(--sz);border-radius:50%;display:grid;place-items:center;font-weight:800;font-family:var(--display);font-size:calc(var(--sz)*.4);
  background:linear-gradient(160deg,#2c2830,#151317);color:var(--ink);box-shadow:0 0 0 2px #2f2b33;flex:none;position:relative}
.ava.f-silver{box-shadow:0 0 0 2px #0c0b0d,0 0 0 4px #c9ccd3}
.ava.f-gold{box-shadow:0 0 0 2px #0c0b0d,0 0 0 4px var(--gold)}
.ava.f-vip{box-shadow:0 0 0 2px #0c0b0d,0 0 0 4px var(--gold),0 0 14px rgba(226,184,92,.55)}
.ava.f-vip::after{content:"♛";position:absolute;top:calc(var(--sz)*-.42);font-size:calc(var(--sz)*.42);color:var(--gold)}

/* logo */
.logo{display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:18px 6px}
.logo h1{font-size:clamp(2rem,9vw,3.4rem);font-weight:800;letter-spacing:.02em;line-height:.95;text-align:center}
.logo h1 span{display:block;color:var(--gold);font-weight:300;letter-spacing:.32em;font-size:.42em;margin-top:.5em}
.logo-tiles{display:flex;gap:10px;align-items:center}
.logo-tiles .tile{--s:30px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.logo-tiles .tile:first-child{transform:rotate(-12deg)}
.logo-tiles .tile:last-child{transform:rotate(9deg) translateY(4px)}

.menu{display:flex;flex-direction:column;gap:10px;width:100%;max-width:420px;margin:0 auto}
.menu .btn{justify-content:space-between;padding:15px 18px;font-size:1rem}
.menu .btn small{font-weight:500;opacity:.75;font-size:.8rem}
.menu .lbl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.menu-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.menu-row > *{min-width:0}

.ad-slot{margin-top:auto;border:1px dashed var(--faint);border-radius:12px;padding:12px;text-align:center;color:var(--muted);font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.ad-slot button{color:var(--gold);font-weight:700;text-decoration:underline}

/* generic page */
.page-head{display:flex;align-items:center;gap:12px}
.page-head h2{font-size:1.25rem}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}
.seg{display:flex;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:4px;flex-wrap:wrap}
.seg button{flex:1;padding:9px 10px;border-radius:9px;font-weight:700;color:var(--muted);min-width:56px}
.seg button[aria-pressed="true"]{background:var(--panel2);color:var(--gold);box-shadow:inset 0 0 0 1px var(--line)}
.field{display:flex;flex-direction:column;gap:8px}
.field>label,.field>.eyebrow{font-size:.78rem;color:var(--muted);letter-spacing:.06em}
.hint{font-size:.85rem;color:var(--muted);line-height:1.45}
.input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--ink);font:inherit;width:100%;box-sizing:border-box}
.code-input{font-family:var(--display);letter-spacing:.4em;text-transform:uppercase;text-align:center;font-size:1.3rem}
.notice{border-left:3px solid var(--gold);background:rgba(226,184,92,.07);padding:10px 12px;border-radius:8px;font-size:.88rem;line-height:1.45;color:var(--ink)}
.stack{display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%;margin:0 auto}

/* shop */
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.tabs button{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;font-weight:700;color:var(--muted);font-size:.9rem}
.tabs button[aria-selected="true"]{background:var(--gold);color:#1a1306;border-color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.item{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.item.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.item .pv{height:84px;border-radius:10px;display:grid;place-items:center;background:var(--bg);overflow:hidden}
.item h3{font-size:.9rem}
.item p{margin:0;color:var(--muted);font-size:.78rem}
.item .btn{width:100%;box-sizing:border-box}
.price-row{display:flex;align-items:center;gap:6px;font-weight:800}
.tag{font-size:.65rem;font-weight:800;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}
.vip-card{background:radial-gradient(120% 100% at 0% 0%,rgba(226,184,92,.18),transparent 60%),var(--panel);border:1px solid var(--gold-lo)}
.vip-card ul{margin:0;padding-left:18px;line-height:1.7}
.big-price{font-family:var(--display);font-size:1.6rem;color:var(--gold)}
.big-price small{font-family:var(--body);font-size:.9rem;color:var(--muted)}

/* ===== game ===== */
#scr-game{gap:8px;overflow:hidden}
.gbar{display:flex;align-items:center;gap:8px}
.scores{display:flex;gap:6px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.sc{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px 9px;display:flex;flex-direction:column;min-width:56px;align-items:center}
.sc small{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis}
.sc b{font-variant-numeric:tabular-nums;font-size:1.05rem}
.sc.mine{border-color:var(--gold-lo)}
.bz{font-size:.78rem;color:var(--muted);text-align:right;line-height:1.2;flex:none}
.bz b{color:var(--ink);font-size:1rem}

.felt{flex:1;min-height:0;border-radius:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);
  grid-template-areas:". top ." "left board right";gap:6px;padding:8px;position:relative;
  background:var(--felt-bg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 10px 40px rgba(0,0,0,.6)}
:root,[data-table="noir"]{--felt-bg:radial-gradient(ellipse at 50% 45%,#1d1b21,#0e0d10 70%)}
[data-table="felt"]{--felt-bg:radial-gradient(ellipse at 50% 45%,#17573f,#0a2c20 75%)}
[data-table="walnut"]{--felt-bg:radial-gradient(ellipse at 50% 45%,rgba(255,200,140,.08),transparent 70%),repeating-linear-gradient(96deg,#3b2418 0 14px,#46291b 14px 16px,#3b2418 16px 36px,#2f1c13 36px 38px)}
[data-table="marble"]{--felt-bg:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 41%,transparent 43%),linear-gradient(35deg,transparent 60%,rgba(226,184,92,.12) 61%,transparent 62.5%),linear-gradient(160deg,transparent 20%,rgba(255,255,255,.05) 21%,transparent 22%),radial-gradient(ellipse at 50% 45%,#232127,#0d0c0f 75%)}
.item .pv.tp{background:var(--felt-bg);box-shadow:inset 0 6px 20px rgba(0,0,0,.6)}
.seat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:12px;transition:background .2s;min-width:0}
.seat[data-pos="top"]{grid-area:top;flex-direction:row;justify-content:center;gap:10px}
.seat[data-pos="left"]{grid-area:left;align-self:center}
.seat[data-pos="right"]{grid-area:right;align-self:center}
.seat .who{font-size:.75rem;font-weight:700;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.seat .cnt{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted)}
.seat .cnt i{width:9px;height:16px;border-radius:2px;background:var(--t-back);box-shadow:inset 0 0 0 1px rgba(226,184,92,.4)}
.seat.turn{background:rgba(226,184,92,.1);box-shadow:inset 0 0 0 1px var(--gold-lo)}
.seat.turn .ava{animation:pulse 1.2s ease-in-out infinite}
.seat .team{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:var(--gold)}
.seat .say{font-size:.7rem;color:var(--gold);min-height:1em;text-align:center}
@keyframes pulse{50%{transform:scale(1.08)}}
.board{grid-area:board;overflow:auto;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:3px;padding:6px;min-height:0}
.board .empty{color:var(--muted);font-size:.9rem;text-align:center;max-width:28ch;line-height:1.45}

.tile{display:inline-flex;--s:var(--u);background:var(--t-bg);border:1px solid var(--t-edge);border-radius:calc(var(--s)*.17);
  box-shadow:0 2px 0 var(--t-lip),0 4px 10px rgba(0,0,0,.45);flex:none}
.tile.h{flex-direction:row}.tile.v{flex-direction:column}
.half{width:var(--s);height:var(--s);display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:calc(var(--s)*.13);box-sizing:border-box;place-items:center}
.tile.h .half+.half{border-left:1px solid var(--t-div)}
.tile.v .half+.half{border-top:1px solid var(--t-div)}
.half i{width:calc(var(--s)*.19);height:calc(var(--s)*.19);border-radius:50%;background:var(--t-pip);visibility:hidden}
.half i.on{visibility:visible}
.half.n1 i.on{background:var(--t-pip1)}
.board .tile.new{box-shadow:0 2px 0 var(--t-lip),0 0 0 2px var(--gold),0 4px 10px rgba(0,0,0,.45)}
@keyframes drop{from{transform:translateY(-12px) scale(1.1);opacity:.2}to{transform:none;opacity:1}}
.tile.flying{transition:none!important;animation:none!important}
.land-ring{position:fixed;z-index:59;pointer-events:none;border:2px solid var(--gold);box-shadow:0 0 14px var(--gold);opacity:0;animation:landRing .55s ease-out}
@keyframes landRing{0%{transform:scale(.9);opacity:.85}100%{transform:scale(1.45);opacity:0}}
@media (prefers-reduced-motion:reduce){.land-ring{display:none}}

.dock{display:flex;flex-direction:column;gap:8px}
.status{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:38px}
.msg{font-size:.95rem;line-height:1.35;flex:1;min-width:0}
.msg.turn{color:var(--gold);font-weight:700}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.hand{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;min-height:calc(var(--hu)*2 + 8px);padding-bottom:4px}
.hand .tile{--s:var(--hu);cursor:pointer;transition:transform .15s,opacity .15s}
.hand .tile.ok{box-shadow:0 2px 0 var(--t-lip),0 0 0 2px var(--gold),0 6px 14px rgba(0,0,0,.5)}
.hand .tile.ok:hover{transform:translateY(-6px)}
.hand .tile.no{opacity:.4;cursor:default}
.hand .tile.sel{transform:translateY(-10px);box-shadow:0 2px 0 var(--t-lip),0 0 0 3px var(--ox-hi),0 8px 16px rgba(0,0,0,.55)}
.me-line{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}
.me-line.turn{color:var(--gold)}

/* overlay sheet */
.overlay{position:fixed;inset:0;background:rgba(5,4,6,.72);display:flex;align-items:center;justify-content:center;z-index:20;
  padding:max(16px,var(--sa-top)) max(16px,var(--sa-right)) max(16px,var(--sa-bottom)) max(16px,var(--sa-left))}
.sheet{background:var(--panel);border:1px solid var(--gold-lo);border-radius:18px;padding:20px;max-width:440px;width:100%;max-height:100%;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.sheet h2{font-size:1.3rem;color:var(--gold)}
.sheet p{margin:0;line-height:1.5}
.sheet .row{display:flex;gap:8px;flex-wrap:wrap}
.sheet .row .btn{flex:1}
.res{display:flex;flex-direction:column;gap:8px}
.res-row{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:.9rem}
.res-row .tiles{display:flex;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.res-row .tile{--s:15px}
.res-row.win{color:var(--gold);font-weight:700}

.toast{position:fixed;left:50%;bottom:calc(20px + var(--sa-bottom));transform:translateX(-50%);background:var(--panel2);border:1px solid var(--gold-lo);color:var(--ink);
  padding:10px 16px;border-radius:12px;font-weight:600;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:calc(100% - 32px);text-align:center}

@media (max-width:520px){
  .seat .who{max-width:56px}
  .felt{padding:6px;gap:4px}
  .menu .btn{padding:13px 15px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== statuses & weekly tournament ===== */
.st{--c:#c27c4a;--c2:#7a4423;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;color:var(--c);
  padding:4px 9px 4px 7px;border-radius:999px;background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);white-space:nowrap}
.st i{width:10px;height:10px;transform:rotate(45deg);border-radius:2px;background:linear-gradient(135deg,#fff8,var(--c) 40%,var(--c2));flex:none}
.st.sm{font-size:.66rem;padding:2px 7px 2px 6px}.st.sm i{width:8px;height:8px}
.st-tunc{--c:#cf8a55;--c2:#7a4423}
.st-gumus{--c:#cfd3da;--c2:#7d828c}
.st-qizil{--c:#e8bf62;--c2:#8f6a26}
.st-platin{--c:#9fd8d4;--c2:#3d7d7a}
.st-almaz{--c:#a9c8ff;--c2:#4a6fc0}
.nm-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.btn-tour{border-color:var(--gold-lo);background:linear-gradient(90deg,rgba(226,184,92,.12),transparent 70%),var(--panel)}
.ladder{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.ladder .step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.5;flex:none}
.ladder .step small{font-size:.62rem;color:var(--muted)}
.ladder .step.cur{opacity:1}.ladder .step.done{opacity:.8}
.ladder .step.cur .st{box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--c)}
.ladder .arrow{color:var(--faint);flex:none}
.row-sp{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.row-sp h2{font-size:1.15rem;margin-top:4px}
.left{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.left small{font-size:.7rem;color:var(--muted)}
.left b{font-variant-numeric:tabular-nums;color:var(--gold)}
.league{gap:2px}
.league .eyebrow{margin-bottom:6px}
.lg-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px}
.lg-row .rk{width:38px;white-space:nowrap;text-align:right;color:var(--muted);font-weight:700}
.lg-row .lg-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-row.up .rk{color:var(--ok)}
.lg-row.up .rk::after{content:" ▲";font-size:.6rem}
.lg-row.me{background:rgba(226,184,92,.12);box-shadow:inset 0 0 0 1px var(--gold-lo)}
.lg-row.me .lg-name{color:var(--gold);font-weight:700}
.lg-cut{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ok);border-top:1px dashed color-mix(in srgb,var(--ok) 55%,transparent);margin:4px 0;padding-top:4px;text-align:center}
.item .pv .st{font-size:.95rem;padding:6px 12px}

/* ===== player id, history, ban ===== */
.id-card{flex-direction:row;align-items:center;justify-content:space-between}
.pid{font-family:var(--display);font-size:1.25rem;letter-spacing:.06em;color:var(--gold);margin-top:4px}
.tx-l{display:flex;flex-direction:column;gap:1px;min-width:0}
.tx-l small{font-size:.7rem;color:var(--faint)}
.pos{color:var(--ok)}.neg{color:var(--bad)}
.admin-link{align-self:center;color:var(--muted);font-size:.85rem;text-decoration:underline;padding:6px}
.ban{max-width:420px;margin:auto;display:flex;flex-direction:column;gap:12px;text-align:center;align-items:stretch}
.ban-ico{font-size:3rem}
.ban h2{color:var(--bad)}
.ban p{margin:0;line-height:1.5}
.ban .id-card{text-align:left}

/* ===== emoji ===== */
.emo-btn{font-size:1.2rem}
.emo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.emo-grid.std{grid-template-columns:repeat(5,minmax(0,1fr))}
.emo-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:var(--bg);border:1px solid var(--line);position:relative;min-width:0}
button.emo-cell:hover{border-color:var(--gold-lo)}
.emo-cell small{font-size:.62rem;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emo-cell .eg{font-size:1.7rem;line-height:1.1}
.emo-cell.locked .eg{filter:grayscale(1) brightness(.6);animation:none}
.emo-cell.locked::after{content:"🔒";position:absolute;top:4px;right:5px;font-size:.7rem}
.emo-grid.shop .emo-cell{background:rgba(0,0,0,.25)}
.sheet .emo-grid{max-height:none}

#emo-layer{position:fixed;inset:0;pointer-events:none;z-index:25}
.emo-b{position:absolute;transform:translate(-50%,8px);display:flex;flex-direction:column;align-items:center;gap:2px;
  background:var(--panel2);border:1px solid var(--gold-lo);border-radius:16px;padding:8px 12px 6px;box-shadow:0 10px 30px rgba(0,0,0,.55);
  animation:emoIn .25s ease-out, emoOut .35s ease-in 2.45s forwards}
.emo-b.mine{transform:translate(-50%,calc(-100% - 8px))}
.emo-b .eg{font-size:2.4rem;line-height:1}
.emo-b small{font-size:.65rem;color:var(--muted);font-weight:700}
@keyframes emoIn{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes emoOut{to{opacity:0;scale:.8}}

.eg{display:inline-block;transform-origin:50% 60%;animation-duration:1.1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}
.a-pop{animation-name:e-pop}.a-wave{animation-name:e-wave;transform-origin:70% 80%}.a-shake{animation-name:e-shake;animation-duration:.5s}
.a-spin{animation-name:e-spin;animation-duration:1.6s;animation-timing-function:linear}.a-bounce{animation-name:e-bounce}
.a-flicker{animation-name:e-flicker;animation-duration:.8s}.a-pulse{animation-name:e-pulse}.a-clap{animation-name:e-clap;animation-duration:.4s}
.a-nod{animation-name:e-nod}.a-float{animation-name:e-float;animation-duration:1.8s}.a-tilt{animation-name:e-tilt;animation-duration:1.4s}
.a-shiver{animation-name:e-shiver;animation-duration:.25s}.a-wobble{animation-name:e-wobble}.a-zoom{animation-name:e-zoom}
.a-roll{animation-name:e-roll;animation-duration:1.3s}.a-fly{animation-name:e-fly;animation-duration:1.4s}
.a-slide{animation-name:e-slide;animation-duration:2.2s}.a-look{animation-name:e-look;animation-duration:1.6s}
@keyframes e-pop{0%,100%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.95)}}
@keyframes e-wave{0%,100%{transform:rotate(0)}20%{transform:rotate(18deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}
@keyframes e-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px) rotate(-6deg)}75%{transform:translateX(4px) rotate(6deg)}}
@keyframes e-spin{to{transform:rotate(360deg)}}
@keyframes e-bounce{0%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-10px) scaleY(1.05)}80%{transform:translateY(0) scaleY(.92)}}
@keyframes e-flicker{0%,100%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.08,1.15);filter:brightness(1.3)}60%{transform:scale(.96,1.02)}}
@keyframes e-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes e-clap{0%,100%{transform:scale(1)}50%{transform:scale(.85) rotate(-5deg)}}
@keyframes e-nod{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg) translateY(2px)}}
@keyframes e-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes e-tilt{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes e-shiver{0%,100%{transform:translateX(-1.5px)}50%{transform:translateX(1.5px)}}
@keyframes e-wobble{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-12deg) scale(1.05)}75%{transform:rotate(12deg) scale(1.05)}}
@keyframes e-zoom{0%,100%{transform:scale(.9)}50%{transform:scale(1.3)}}
@keyframes e-roll{0%{transform:translateX(-8px) rotate(0)}50%{transform:translateX(8px) rotate(180deg)}100%{transform:translateX(-8px) rotate(360deg)}}
@keyframes e-fly{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(6px,-10px) rotate(8deg)}100%{transform:translate(0,0) rotate(0)}}
@keyframes e-slide{0%,100%{transform:translateX(-8px)}50%{transform:translateX(8px)}}
@keyframes e-look{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.eg{animation:none!important}}

/* ===== auth ===== */
.auth{max-width:420px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px;padding-block:6px 20px}
.logo.sm{padding-block:6px 0;gap:10px}
.logo.sm h1{font-size:clamp(1.6rem,7vw,2.2rem)}
.logo.sm .tile{--s:22px}
.auth .card{gap:12px}
.sso{width:100%;border:1px solid var(--line)}
.sso-google{background:#f4f1ea;color:#1b1a1d}
.sso-google:hover{background:#fff}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-form{display:flex;flex-direction:column;gap:12px}
.pw{position:relative}
.pw .input{padding-right:84px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:.78rem;font-weight:700;color:var(--gold);padding:6px 8px}
.link-btn{align-self:flex-start;color:var(--gold);font-size:.85rem;font-weight:600;padding:2px 0}
.form-err{margin:0;color:var(--bad);font-size:.88rem;min-height:1.2em}
.form-err:empty{display:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;line-height:1.4;color:var(--ink)}
.check input{margin-top:2px;accent-color:var(--gold);width:18px;height:18px;flex:none}
.center{text-align:center;margin:0}
.acc-card{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.acc-mail{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}
.danger-text{color:var(--bad)}

/* matchmaking + league */
.mm{display:flex;justify-content:center;gap:10px;padding:14px 0 4px}
.mm span{width:14px;height:28px;border-radius:4px;background:var(--t-bg);box-shadow:inset 0 0 0 1px var(--gold-lo);animation:mm 1.2s ease-in-out infinite}
.mm span:nth-child(2){animation-delay:.15s}.mm span:nth-child(3){animation-delay:.3s}
@keyframes mm{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-8px);opacity:1}}
.lg-name{display:flex;flex-direction:column}
.lg-sub{font-size:.68rem;color:var(--faint);font-weight:400}

/* ===== avatar upload ===== */
.ava{overflow:visible}
.ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ava.has-img{background:var(--panel2)}
.ava-edit{position:relative;border-radius:50%;flex:none}
.ava-pen{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#1a1306;display:grid;place-items:center;font-size:.8rem;font-weight:800;box-shadow:0 0 0 3px var(--panel)}
.ava-big{display:flex;justify-content:center;padding:6px 0}
.file-btn{cursor:pointer;text-align:center}
.crop-wrap{display:flex;justify-content:center}
#crop{width:min(280px,100%);aspect-ratio:1;max-width:100%;border-radius:16px;background:#0a090b;touch-action:none;cursor:grab}
#crop:active{cursor:grabbing}
input[type=range]{accent-color:var(--gold);width:100%}

/* ===== player card & report ===== */
.lg-row[data-player]{cursor:pointer}
.lg-row[data-player]:hover,.lg-row[data-player]:focus-visible{background:var(--panel2)}
.pc-head{display:flex;gap:14px;align-items:center}
.pc-head h2{color:var(--ink)}
.pc-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;font-size:.8rem;color:var(--muted)}
.muted-s{font-size:.8rem;color:var(--muted);font-family:var(--body)}
.reasons{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.reasons legend{margin-bottom:6px}
.radio{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:.9rem;cursor:pointer}
.radio:has(input:checked){border-color:var(--gold);background:rgba(226,184,92,.08)}
.radio input{accent-color:var(--gold);width:18px;height:18px;margin:0}
textarea.input{resize:vertical;min-height:72px;font:inherit}
.test-users{display:flex;flex-direction:column;gap:4px;font-size:.82rem}
.test-users code{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:5px 8px;color:var(--gold);word-break:break-all}

/* ===== language switch ===== */
.lang-sw{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px}
.lang-sw button{padding:6px 10px;border-radius:7px;font-weight:800;font-size:.78rem;letter-spacing:.06em;color:var(--muted)}
.lang-sw button[aria-pressed="true"]{background:var(--gold);color:#1a1306}
.auth-top{display:flex;justify-content:flex-end}
.lang-card{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ===== support ===== */
.btn-support{justify-content:space-between;padding:13px 16px;width:100%;box-sizing:border-box}
.btn-support .lbl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.btn-support small{font-weight:500;opacity:.75;font-size:.8rem}
.dot-badge{min-width:22px;height:22px;border-radius:11px;background:var(--bad);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:800;padding:0 6px}
.cnt-s{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:var(--panel2);color:var(--ink);font-size:.68rem;padding:0 5px;margin-left:4px}
.cnt-s.hot{background:var(--bad);color:#fff}
select.input{appearance:auto}
.counter{align-self:flex-end;font-size:.72rem;color:var(--faint)}
.fb-list{display:flex;flex-direction:column;gap:10px}
.fb-item{gap:8px}
.fb-item.unread{border-color:var(--gold)}
.fb-item h3{font-family:var(--body);font-size:1rem;font-weight:800}
.fb-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fb-top .muted-s{margin-left:auto}
.fb-cat{margin:0;font-size:.78rem;color:var(--muted)}
.fb-msg{margin:0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.fb-reply{border-left:3px solid var(--gold);background:rgba(226,184,92,.07);border-radius:8px;padding:10px 12px}
.fb-reply p{margin:4px 0 0;white-space:pre-wrap;line-height:1.5}
.pill-s{font-size:.66rem;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:var(--panel2);color:var(--ink)}
.pill-s.k-problem{background:rgba(224,90,90,.15);color:#f09a9a}
.pill-s.k-idea{background:rgba(159,200,255,.14);color:#a9c8ff}
.pill-s.s-new{background:rgba(226,184,92,.15);color:var(--gold)}
.pill-s.s-progress{background:rgba(159,216,212,.15);color:#9fd8d4}
.pill-s.s-done{background:rgba(95,191,138,.15);color:var(--ok)}

/* ===== online stakes ===== */
.stakes{display:flex;flex-wrap:wrap;gap:6px}
.stake{flex:1 1 0;min-width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:var(--bg);min-height:62px;font-size:.92rem}
.stake .coin{width:16px;height:16px}
.stake b{font-weight:800}
.stake small{font-size:.58rem;color:var(--bad);text-align:center;line-height:1.1}
.stake.on{border-color:var(--gold);background:rgba(226,184,92,.12);box-shadow:inset 0 0 0 1px var(--gold)}
.stake[disabled]{opacity:.45;cursor:not-allowed}
.pot{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--gold);background:rgba(226,184,92,.08);border-radius:10px;padding:10px 12px;font-size:.9rem}
@media (max-width:420px){.stake{flex:1 1 28%}}

/* ===== FIX: long content made top tabs shrink and disappear ===== */
.screen > *{flex-shrink:0}
.screen > .felt{flex-shrink:1}

/* ===== cosmetics v2: tile skins ===== */
.half i{box-shadow:var(--t-glow,none)}
.tile{position:relative;box-shadow:inset 0 0 0 2px var(--t-ring,transparent),0 2px 0 var(--t-lip),0 4px 10px rgba(0,0,0,.45)}
[data-tiles]{--t-glow:none;--t-ring:transparent}
[data-tiles="marble"]{--t-bg:linear-gradient(118deg,transparent 30%,rgba(110,110,120,.35) 31%,transparent 33.5%),linear-gradient(48deg,transparent 56%,rgba(160,140,110,.32) 57%,transparent 59%),linear-gradient(160deg,transparent 70%,rgba(120,120,130,.25) 71%,transparent 72.5%),linear-gradient(155deg,#f7f5f0,#d8d4cb);--t-edge:#9c978d;--t-lip:#b4afa4;--t-pip:#26221c;--t-pip1:#b8892f;--t-div:#a9a49a}
[data-tiles="wood"]{--t-bg:repeating-linear-gradient(92deg,#7a4a2a 0 3px,#6b3f22 3px 5px,#835232 5px 9px,#70432a 9px 11px);--t-edge:#3b2212;--t-lip:#4a2c18;--t-pip:#f3e3c3;--t-pip1:#f3e3c3;--t-div:rgba(0,0,0,.35)}
[data-tiles="carbon"]{--t-bg:repeating-linear-gradient(45deg,#1b1b1e 0 3px,#2a2a2f 3px 6px);--t-edge:#000;--t-lip:#2f2f33;--t-pip:#e5383b;--t-pip1:#e5383b;--t-div:rgba(255,255,255,.12)}
[data-tiles="neon"]{--t-bg:linear-gradient(155deg,#101018,#06060a);--t-edge:#000;--t-lip:#15151d;--t-pip:#39f3ff;--t-pip1:#ff3df0;--t-div:rgba(57,243,255,.35);--t-glow:0 0 5px #39f3ff,0 0 10px rgba(57,243,255,.55);--t-ring:rgba(57,243,255,.25)}
[data-tiles="lava"]{--t-bg:radial-gradient(circle at 30% 70%,rgba(255,90,0,.38),transparent 42%),radial-gradient(circle at 75% 25%,rgba(255,150,0,.25),transparent 36%),linear-gradient(155deg,#2a0f08,#120604);--t-edge:#000;--t-lip:#3a1408;--t-pip:#ffb03a;--t-pip1:#ffdf7a;--t-div:rgba(255,120,0,.35);--t-glow:0 0 6px #ff6a00}
[data-tiles="crystal"]{--t-bg:linear-gradient(155deg,rgba(225,242,255,.32),rgba(140,180,225,.12) 55%,rgba(225,242,255,.22));--t-edge:rgba(210,235,255,.55);--t-lip:rgba(150,190,230,.35);--t-pip:#f4fbff;--t-pip1:#bfe6ff;--t-div:rgba(210,235,255,.4);--t-glow:0 0 6px rgba(190,225,255,.95);--t-ring:rgba(255,255,255,.18)}
[data-tiles="carpet"]{--t-bg:conic-gradient(from 45deg,#1d3557 25%,#9e1b2c 0 50%,#1d3557 0 75%,#9e1b2c 0) 0 0/10px 10px;--t-edge:#3b0c14;--t-lip:#5a1220;--t-pip:#f6e7c4;--t-pip1:#f2c14e;--t-div:#d4a64a;--t-ring:#d4a64a;--t-glow:0 0 0 1.5px #3b0c14}
[data-tiles="goldbar"]{--t-bg:linear-gradient(155deg,#fff2bf,#e9c46a 35%,#b6862f 70%,#f4d68c);--t-edge:#6b4b14;--t-lip:#8a6420;--t-pip:#2a1d06;--t-pip1:#7a1020;--t-div:rgba(90,60,10,.45)}
[data-tiles="galaxy"]{--t-bg:radial-gradient(1px 1px at 22% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 62%,#fff,transparent),radial-gradient(1.4px 1.4px at 42% 82%,#d6e4ff,transparent),radial-gradient(1px 1px at 85% 15%,#fff,transparent),radial-gradient(circle at 30% 20%,#5b2a86,transparent 60%),radial-gradient(circle at 80% 90%,#1e3a8a,transparent 55%),#0a0820;--t-edge:#000;--t-lip:#1a1240;--t-pip:#fff;--t-pip1:#ffd36b;--t-div:rgba(185,167,255,.35);--t-glow:0 0 5px #b9a7ff}
[data-tiles="goldbar"] .tile{overflow:hidden}
[data-tiles="goldbar"] .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:sheen 3.5s ease-in-out infinite;pointer-events:none}
@keyframes sheen{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}

/* ===== tables ===== */
[data-table="okean"]{--felt-bg:radial-gradient(ellipse at 50% 45%,#1d4a7a,#0a1c33 75%)}
[data-table="bordo"]{--felt-bg:repeating-linear-gradient(100deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),radial-gradient(ellipse at 50% 45%,#701628,#2a0710 75%)}
[data-table="carbon"]{--felt-bg:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.05),transparent 65%),repeating-linear-gradient(45deg,#18181b 0 4px,#222227 4px 8px)}
[data-table="xezer"]{--felt-bg:radial-gradient(ellipse at 50% 30%,rgba(140,220,230,.18),transparent 60%),repeating-radial-gradient(circle at 50% 130%,#0f4c5c 0 12px,#0c4150 12px 24px)}
[data-table="neon"]{--felt-bg:linear-gradient(rgba(57,243,255,.09) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(255,61,240,.08) 1px,transparent 1px) 0 0/26px 26px,radial-gradient(ellipse at 50% 45%,#16102c,#06050c 75%)}
[data-table="xalca"]{--felt-bg:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,0),rgba(0,0,0,.45) 80%),conic-gradient(from 45deg,#7b1e2b 25%,#1f3b63 0 50%,#7b1e2b 0 75%,#1f3b63 0) 0 0/36px 36px,#7b1e2b}
[data-table="goldlux"]{--felt-bg:radial-gradient(ellipse at 50% 45%,rgba(226,184,92,.22),transparent 60%),repeating-linear-gradient(45deg,#17130a 0 10px,#1f190d 10px 20px)}

/* ===== animated avatar frames ===== */
.ava{position:relative;isolation:isolate}
.ava.f-nar{box-shadow:0 0 0 2px #0c0b0d,0 0 0 4px #b33447}
.ava.f-laurel,.ava.f-neon,.ava.f-fire,.ava.f-rainbow,.ava.f-diamond{box-shadow:0 0 0 2px #0c0b0d}
.ava.f-laurel::before,.ava.f-neon::before,.ava.f-fire::before,.ava.f-rainbow::before,.ava.f-diamond::before{content:"";position:absolute;inset:calc(var(--sz) * -.11);border-radius:50%;z-index:-1}
.ava.f-laurel::before{background:repeating-conic-gradient(#3f8f4e 0 10deg,#e2b85c 10deg 14deg)}
.ava.f-neon::before{background:#39f3ff;box-shadow:0 0 10px #39f3ff,0 0 18px rgba(57,243,255,.6);animation:neonPulse 1.6s ease-in-out infinite}
.ava.f-fire::before{background:conic-gradient(#ff3d00,#ffb300,#ff6d00,#ff1744,#ffb300,#ff3d00);animation:ringSpin 1.8s linear infinite;filter:drop-shadow(0 0 4px rgba(255,90,0,.7))}
.ava.f-rainbow::before{background:conic-gradient(#ff3b30,#ff9500,#ffcc00,#34c759,#5ac8fa,#5856d6,#af52de,#ff3b30);animation:ringSpin 3s linear infinite}
.ava.f-diamond::before{background:conic-gradient(#ffffff,#a9c8ff,#e8f2ff,#7aa7ff,#ffffff,#cfe0ff,#ffffff);animation:ringSpin 4s linear infinite;filter:drop-shadow(0 0 5px rgba(169,200,255,.8))}
.ava.f-diamond::after{content:"✦";position:absolute;top:calc(var(--sz) * -.18);right:calc(var(--sz) * -.12);font-size:calc(var(--sz) * .3);color:#e8f2ff;animation:twinkle 1.8s ease-in-out infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes neonPulse{50%{box-shadow:0 0 4px #39f3ff,0 0 8px rgba(57,243,255,.4);opacity:.75}}
@keyframes twinkle{50%{opacity:.25;transform:scale(.7)}}
@media (prefers-reduced-motion:reduce){.ava::before,.ava::after,[data-tiles] .tile::after{animation:none!important}}

/* ===== shop cards v2 ===== */
.grid.cos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.item .pv.big{height:110px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative}
.item .pv.big .tile{--s:24px}
.rar{position:absolute;top:6px;left:6px;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.55);z-index:1}
.r-common{--rc:#a39a8c}.r-rare{--rc:#5aa9ff}.r-epic{--rc:#b47cff}.r-legend{--rc:#e8bf62}
.rar{color:var(--rc)}
.item.r-rare{border-color:rgba(90,169,255,.3)}.item.r-epic{border-color:rgba(180,124,255,.35)}.item.r-legend{border-color:rgba(232,191,98,.45);background:linear-gradient(180deg,rgba(232,191,98,.06),transparent 40%),var(--panel)}
.item.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.btn-row{display:flex;gap:6px}
.btn-row .btn{flex:1}
.vip-tag{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:#1a1306;background:linear-gradient(180deg,var(--gold-hi),var(--gold));padding:2px 6px;border-radius:5px;margin-left:4px;vertical-align:2px}

/* ===== game types ===== */
.variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.variant{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);min-width:0}
.variant b{font-size:.95rem}
.variant small{font-size:.72rem;color:var(--muted);line-height:1.35}
.variant.on{border-color:var(--gold);background:rgba(226,184,92,.1);box-shadow:inset 0 0 0 1px var(--gold)}
.variant.on b{color:var(--gold)}
@media (max-width:360px){.variants{grid-template-columns:1fr}}
.seg button[disabled]{opacity:.35;cursor:not-allowed}
.ends-chip{flex:none;font-size:.78rem;font-weight:800;color:#1a1306;background:linear-gradient(180deg,var(--gold-hi),var(--gold));border-radius:999px;padding:5px 10px;font-variant-numeric:tabular-nums}
.sc.pen b{color:#f09a9a}
.tile.spinner{outline:2px dashed rgba(226,184,92,.65);outline-offset:3px}
.board.is-cross{display:block;overflow:auto;padding:12px}
.cross{display:grid;grid-template-rows:auto auto auto;align-items:center;justify-items:center;column-gap:3px;row-gap:3px;width:max-content;margin:auto;min-height:100%}
.cross .cell{grid-row:2}
.cross .arm{display:flex;align-items:center;gap:3px}
.cross .arm.up{grid-row:1;flex-direction:column-reverse;align-self:end}
.cross .arm.down{grid-row:3;flex-direction:column;align-self:start}

/* ===== VIP private room ===== */
.room-seg button{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.vip-lock{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 8px 4px;border-radius:14px;background:radial-gradient(120% 100% at 50% 0%,rgba(226,184,92,.16),transparent 60%)}
.vip-lock h3{font-size:1.05rem;color:var(--gold)}
.vip-lock .hint{margin:0;max-width:40ch}
.vip-crown{font-size:2.2rem;color:var(--gold);text-shadow:0 0 18px rgba(226,184,92,.55)}
.room-code{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border-radius:14px;border:1px dashed var(--gold-lo);background:var(--bg)}
.room-code b{font-family:var(--display);font-size:2.2rem;letter-spacing:.3em;color:var(--gold)}
.room-code small{color:var(--muted);font-size:.8rem}
/* frame rings: only the ring is painted, the avatar centre stays visible */
.ava.f-laurel::before,.ava.f-neon::before,.ava.f-fire::before,.ava.f-rainbow::before,.ava.f-diamond::before{
  -webkit-mask:radial-gradient(farthest-side,transparent 80%,#000 82%);mask:radial-gradient(farthest-side,transparent 80%,#000 82%)}
.cross{align-content:center}
.btn-row .btn{white-space:nowrap;padding-inline:8px;font-size:.85rem;gap:5px}
.btn-row .btn .coin{width:15px;height:15px}

/* =====================================================================
   THEMED ANIMATED COSMETICS (>1000 coin) — animals & characters
   Tiles: animated gradient + emblem badge on the divider
   Tables: animated scene + large floating emblem watermark
   Frames: spinning colour ring + bouncing emblem badge
   ===================================================================== */
[data-tiles]{--t-emb:none;--t-anim:none;--t-size:auto}
.tile{background:var(--t-bg);background-size:var(--t-size);animation:var(--t-anim)}
.tile::before{content:var(--t-emb);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--s)*.52);height:calc(var(--s)*.52);display:grid;place-items:center;
  font-size:calc(var(--s)*.36);line-height:1;border-radius:50%;background:var(--t-embbg,rgba(0,0,0,.6));box-shadow:0 0 0 1px var(--t-embring,rgba(255,255,255,.35));z-index:2;pointer-events:none}
@keyframes tshift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes tshiftY{0%{background-position:50% 0%}100%{background-position:50% 100%}}

/* ---- tables ---- */
:root,[data-table]{--felt-emb:none;--felt-size:auto;--felt-anim:none}
.felt,.item .pv.tp{background:var(--felt-bg);background-size:var(--felt-size);animation:var(--felt-anim)}
.felt{position:relative;overflow:hidden}
.felt::before,.item .pv.tp::before{content:var(--felt-emb);position:absolute;inset:0;display:grid;place-items:center;font-size:min(42vw,220px);opacity:.09;pointer-events:none;animation:embFloat 6s ease-in-out infinite;z-index:0}
.item .pv.tp::before{font-size:64px;opacity:.22}
.felt > *{position:relative;z-index:1}
.item .pv.tp > *{position:relative;z-index:1}
.item .pv.tp > .rar{position:absolute}
@keyframes embFloat{50%{transform:translateY(-8px) scale(1.04)}}

/* ---- frames ---- */
.ava[class*="f-th-"]{box-shadow:0 0 0 2px #0c0b0d}
.ava[class*="f-th-"]::before{content:"";position:absolute;inset:calc(var(--sz) * -.13);border-radius:50%;z-index:-1;background:var(--f-ring);animation:ringSpin var(--f-speed,3s) linear infinite;
  -webkit-mask:radial-gradient(farthest-side,transparent 78%,#000 80%);mask:radial-gradient(farthest-side,transparent 78%,#000 80%);filter:drop-shadow(0 0 5px var(--f-glow,transparent))}
.ava[class*="f-th-"]::after{content:var(--f-emb);position:absolute;right:calc(var(--sz) * -.16);bottom:calc(var(--sz) * -.12);width:calc(var(--sz) * .46);height:calc(var(--sz) * .46);display:grid;place-items:center;
  font-size:calc(var(--sz) * .3);line-height:1;border-radius:50%;background:#0c0b0d;box-shadow:0 0 0 2px var(--f-badge,#e2b85c);animation:embBounce 2.4s ease-in-out infinite}
@keyframes embBounce{0%,100%{transform:translateY(0) rotate(0)}20%{transform:translateY(-3px) rotate(-8deg)}40%{transform:translateY(0) rotate(6deg)}}

.anim-tag{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:6px;position:absolute;top:6px;right:6px;z-index:3;color:#fff;
  background:linear-gradient(90deg,#ff3b30,#ff9500,#ffcc00,#34c759,#5ac8fa,#af52de);background-size:300% 100%;animation:tshift 4s linear infinite alternate}
@media (prefers-reduced-motion:reduce){.tile,.felt,.item .pv.tp,.felt::before,.ava::before,.ava::after,.anim-tag{animation:none!important}}
.item .pv.tp > .anim-tag{position:absolute}
/* emblems no longer drawn on tiles — they covered the pips */
.tile::before{content:none!important;display:none!important}

/* ===== emoji packs ===== */
.pack-icons{display:flex;gap:10px;font-size:1.9rem;flex-wrap:wrap}
.pack-list{display:flex;flex-direction:column;gap:12px}
.pack{gap:10px}
.pack.owned{border-color:var(--gold-lo)}
.pack-h{display:flex;align-items:center;gap:10px}
.pack-h h3{font-size:1rem}
.pack-ico{font-size:2rem}
.pick-h{margin-top:6px}
.emo-grid.shop{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:420px){.emo-grid.shop{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* ===== VIP bonus ===== */
.vip-total{font-weight:800;color:var(--gold);background:rgba(226,184,92,.1);border-radius:10px;padding:8px 12px}
.vip-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--gold-lo);background:radial-gradient(120% 140% at 0% 0%,rgba(226,184,92,.16),transparent 60%),var(--panel)}
.vip-banner div{display:flex;flex-direction:column;flex:1;min-width:0}
.vip-banner small{color:var(--muted);font-size:.78rem}
.vip-banner.ready{border-color:var(--gold);box-shadow:0 0 18px rgba(226,184,92,.25)}
.vip-crown.sm{font-size:1.5rem}

/* ===== Daşlar tam sakitdir: heç bir hərəkət yoxdur (xallar aydın görünsün) ===== */
[data-tiles] .tile,.tile{animation:none!important;background-size:100% 100%!important}
[data-tiles] .tile::after,.tile::after{animation:none!important}
[data-tiles="goldbar"] .tile::after{content:none}

/* ===== Masalar: hamısı hərəkətli ===== */
@keyframes sunGlow{0%,100%{background-position:0 0,0 0}50%{background-position:-6% 4%,0 0}}

@keyframes barsMove{to{background-position:58px 0,0 0}}

@keyframes dotsMove{to{background-position:22px 22px,0 0}}

/* ===== Tam dəst ===== */
.set-list{display:flex;flex-direction:column;gap:14px}
.set-card{gap:12px}
.set-card.r-legend{border-color:rgba(226,184,92,.45)}
.set-pv{position:relative;height:130px;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:space-around;padding:0 14px;
  background:var(--felt-bg);background-size:var(--felt-size);animation:var(--felt-anim)}
.set-pv::before{content:var(--felt-emb);position:absolute;inset:0;display:grid;place-items:center;font-size:84px;opacity:.18;pointer-events:none;animation:embFloat 6s ease-in-out infinite}
.set-pv > *{position:relative;z-index:1}
.set-pv > .rar{position:absolute;top:8px;left:8px}
.set-off{position:absolute!important;top:8px;right:8px;font-weight:800;font-size:.75rem;padding:3px 8px;border-radius:7px;color:#fff;background:#d6283c;box-shadow:0 2px 8px rgba(214,40,60,.5)}
.set-tiles{display:flex;align-items:center;gap:6px}
.set-tiles .tile{--s:22px}
.set-ava{padding:8px}
.set-price{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.set-price s{color:var(--muted,#8a8580);font-size:.85rem}
.set-price b{color:var(--gold,#e2b85c);font-size:.85rem}
.set-price small{color:#4ade80;font-size:.75rem;font-weight:700}

@keyframes eagleSky{0%{background-position:0 0,0 0,0 100%,100% 100%,50% 100%,0 0}100%{background-position:100% 0,-60% 0,0 100%,100% 100%,50% 100%,0 0}}

@keyframes eagleSky{0%{background-position:0 0,0 0,30% 44%,30% 100%,95% 100%,0 0}100%{background-position:100% 0,-60% 0,30% 44%,30% 100%,95% 100%,0 0}}

/* ===== pəncərə bağlama düyməsi (hər pəncərədə; raund nəticəsində yoxdur) ===== */
.sheet{position:relative}
.sheet-x{position:sticky;top:-8px;align-self:flex-end;margin:-8px -8px -46px 0;width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line,rgba(255,255,255,.14));
  background:rgba(20,18,22,.92);color:var(--text,#f3ede2);font-size:1rem;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:5;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.sheet-x:hover{border-color:var(--gold-lo,#8a6a2a)}
.sheet > h2:first-of-type,.sheet > .eyebrow:first-of-type{padding-inline-end:40px}
.pick-buy{flex-wrap:nowrap}
.pick-buy .btn{padding-inline:12px}
/* rəqib emojiləri açıq pəncərənin üstünə çıxmasın */
#emo-layer{z-index:19}

/* ===== masa: ilan düzülüşü və avtomatik sığdırma ===== */
.board.is-snake{display:flex;align-items:center;justify-content:center;overflow:hidden}
.board.is-cross{overflow:hidden;display:flex;align-items:center;justify-content:center}
.board.is-cross .cross{min-height:0;margin:0}
.snake{display:flex;flex-direction:column;gap:3px;width:max-content;max-width:100%}
.snake-row{display:flex;align-items:center;gap:3px}
.snake-row.rev{flex-direction:row-reverse}
.tile.h.flip{flex-direction:row-reverse}
.tile.h.flip .half+.half{border-left:0}
.tile.h.flip .half:first-child{border-left:1px solid var(--t-div)}

/* ===== turnir: həftənin oyun növü və biletlər ===== */
.tk-var{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--gold-lo,#8a6a2a);
  background:linear-gradient(135deg,rgba(226,184,92,.14),rgba(226,184,92,.03))}
.tk-var b{display:block;font-size:1.15rem;color:var(--gold,#e2b85c);margin-top:2px}
.tk-var small{display:block;color:var(--muted,#9a948b);font-size:.78rem;line-height:1.35;margin-top:2px}
.tk-var .tk-next{flex:none;text-align:right;max-width:40%}
.tk-box{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--line,rgba(255,255,255,.1))}
.tk-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 10px;border-radius:99px;border:1px solid var(--gold-lo,#8a6a2a);background:rgba(226,184,92,.1);color:var(--text,#f3ede2);font:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap}
.tk-pill .plus{width:18px;height:18px;border-radius:50%;background:var(--gold,#e2b85c);color:#1a1306;display:grid;place-items:center;font-weight:800;font-size:.8rem}
.tk-step{display:flex;align-items:center;justify-content:center;gap:18px}
.tk-step .icon-btn{width:44px;height:44px;font-size:1.4rem}
.tk-step .icon-btn:disabled{opacity:.35}
.tk-n{display:flex;align-items:baseline;gap:4px;min-width:70px;justify-content:center}
.tk-n b{font-size:2.2rem;color:var(--gold,#e2b85c);line-height:1}
.tk-quick{display:flex;gap:6px;justify-content:center}
.tk-quick button{min-width:44px;padding:6px 10px;border-radius:9px;border:1px solid var(--line,rgba(255,255,255,.14));background:transparent;color:var(--text,#f3ede2);font:inherit;font-weight:700;cursor:pointer}
.tk-quick button[aria-pressed="true"]{background:var(--gold,#e2b85c);color:#1a1306;border-color:var(--gold,#e2b85c)}
.tk-out{display:flex;justify-content:space-between;gap:8px;font-size:.88rem;font-weight:700}
.tk-out .pos{color:#4ade80}
.tk-shop-head h2{margin:4px 0 0}
.tk-big{font-size:2.6rem;filter:drop-shadow(0 4px 10px rgba(226,184,92,.4))}
.tk-stack{display:flex;flex-direction:column;align-items:center;gap:2px}
.tk-stack span{font-size:1.8rem}
.tk-stack b{font-size:1.3rem;color:var(--gold,#e2b85c)}

/* ===== hədiyyə çarxı ===== */
.wheel-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.12));
  background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(226,184,92,.08));color:var(--text,#f3ede2);font:inherit;text-align:left;cursor:pointer}
.wheel-card.ready{border-color:var(--gold,#e2b85c);box-shadow:0 0 0 1px rgba(226,184,92,.3),0 6px 22px rgba(226,184,92,.18)}
.wheel-card .lbl{flex:1;display:flex;flex-direction:column}
.wheel-card .lbl small{color:var(--muted,#9a948b);font-size:.78rem}
.wheel-mini{width:38px;height:38px;border-radius:50%;flex:none;border:2px solid var(--gold,#e2b85c);
  background:conic-gradient(#e2b85c 0 45deg,#2a2230 0 90deg,#c0392b 0 135deg,#1f2a3a 0 180deg,#e2b85c 0 225deg,#2a2230 0 270deg,#7c3aed 0 315deg,#b91c1c 0)}
.wheel-card.ready .wheel-mini{animation:ringSpin 4s linear infinite}
.wheel-go{font-weight:800;font-size:.85rem;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.06)}
.wheel-card.ready .wheel-go{background:var(--gold,#e2b85c);color:#1a1306}
.wheel-wrap{position:relative;width:min(300px,78vw);aspect-ratio:1;margin:6px auto 0}
.wheel{position:absolute;inset:0;border-radius:50%;border:6px solid #e2b85c;box-shadow:0 0 0 3px #1a1306,0 10px 40px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.45)}
.wheel.spinning{transition:transform 4.6s cubic-bezier(.12,.68,.12,1)}
.wl{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none}
.wl span{margin-top:9%;text-align:center;font-weight:800;font-size:clamp(.66rem,2.9vw,.82rem);line-height:1.15;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.wl.on-gold span{color:#1a1306;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.wl.jack span{color:#ffe08a}
.wl .coin{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;margin-right:1px}
.wheel-ptr{position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:0;height:0;z-index:3;
  border-left:14px solid transparent;border-right:14px solid transparent;border-top:26px solid #e2b85c;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}
.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;z-index:2;
  background:radial-gradient(circle at 35% 30%,#fff1c6,#e2b85c 55%,#8f6a26);box-shadow:0 0 0 4px #1a1306,0 4px 14px rgba(0,0,0,.6)}
.wheel-res{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.wheel-res b{font-size:1.2rem;color:var(--gold,#e2b85c)}
.wheel-res.jack b{font-size:1.35rem}
.wheel-res .jack-t{color:#ff4d4d!important;letter-spacing:.06em;animation:pulse 1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.wheel.spinning{transition-duration:.6s}.wheel-card.ready .wheel-mini{animation:none}}

/* ===== 3–4 nəfər: yan oyunçular yuxarı sırada, masa bütün eni tutur ===== */
.felt:has(.seat[data-pos="left"]){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"left top right" "board board board"}
.felt:has(.seat[data-pos="left"]) .seat[data-pos="left"]{justify-self:start;align-self:start}
.felt:has(.seat[data-pos="left"]) .seat[data-pos="right"]{justify-self:end;align-self:start}
.felt:has(.seat[data-pos="left"]) .seat[data-pos="top"]{flex-direction:column;gap:4px;align-self:start}
.felt:has(.seat[data-pos="left"]) .seat{padding:4px 6px}
.felt:has(.seat[data-pos="left"]) .seat .ava{--sz:32px}

/* xal sırası: 4 nəfərdə də sığsın — kartlar daralır, adlar qısaldılır */
/* Xal kartları heç vaxt bir-birinə girmir: hər kart 3 rəqəmli xala yetəcək endə qalır.
   Sətirə sığmayanda "Uclar", musiqi, ədalət və bazar ikinci sətrə keçir (sağa düzülür). */
.gbar{flex-wrap:wrap;row-gap:6px;justify-content:flex-end}
.scores{overflow:hidden;flex:1 1 calc(var(--n,2) * 50px);min-width:calc(var(--n,2) * 46px)}
.scores .sc{flex:1 1 0;min-width:44px;max-width:96px;padding:4px 5px}
.scores .sc small{max-width:100%}
.scores .sc b{white-space:nowrap}
.ends-chip{flex:none}

/* ===== qızılı turnir bileti ikonu ===== */
.tkt{display:inline-block;width:1.45em;height:.95em;vertical-align:-.14em;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45));flex:none}
.tkt.md{width:1.9em;height:1.25em}
.tkt.lg{width:58px;height:38px;transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)) drop-shadow(0 0 10px rgba(226,184,92,.25))}
.tkt.xl{width:76px;height:50px;transform:rotate(-10deg);filter:drop-shadow(0 8px 14px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(226,184,92,.35))}
.tk-h{display:flex;align-items:center;gap:8px}
.tk-stack{gap:6px}
.wl .tkt{width:1.35em;height:.9em;margin-right:1px}
.tk-pill .tkt{width:1.5em;height:1em}

/* ===== çarx v2: 12 bölmə, seriya, əlavə fırlatma ===== */
.wl span{margin-top:7%;font-size:clamp(.58rem,2.5vw,.74rem)}
.wl .tkt{width:1.25em;height:.82em}
.wheel{border-width:8px;box-shadow:0 0 0 3px #1a1306,0 0 0 5px rgba(226,184,92,.35),0 12px 40px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.45)}
.wheel-dots{position:absolute;inset:-8px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,transparent 0 13deg,transparent 13deg 15deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
.wheel-wrap::after{content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 7.5deg,#fff6d6 0 2.2deg,transparent 2.2deg 15deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
  filter:drop-shadow(0 0 3px #ffd36b);animation:bulbs 1.2s steps(2) infinite}
@keyframes bulbs{50%{opacity:.35}}
.wheel-hub{font-size:1.6rem;color:#7a1020;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.wh-vip{white-space:nowrap}
.wh-streak-box{display:flex;flex-direction:column;gap:6px}
.wh-streak{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.wh-streak .sd{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border-radius:9px;border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(0,0,0,.25);min-width:0}
.wh-streak .sd small{font-size:.56rem;color:var(--muted,#9a948b);white-space:nowrap}
.wh-streak .sd span{font-size:.66rem;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:1px}
.wh-streak .sd .coin{width:.85em;height:.85em}
.wh-streak .sd .tkt{width:1.2em;height:.8em}
.wh-streak .sd.done{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.45);color:#4ade80}
.wh-streak .sd.cur{border-color:var(--gold,#e2b85c);box-shadow:0 0 0 1px var(--gold,#e2b85c),0 0 12px rgba(226,184,92,.35)}
.wh-streak .sd.big span{font-size:1rem}
.wh-streak .sd.big{background:linear-gradient(160deg,rgba(226,184,92,.22),rgba(185,28,28,.18))}
.wheel-btns{display:flex;flex-direction:column;gap:8px}
.wh-extra{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wh-extra .btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.wh-bonus{font-size:.85rem;color:#4ade80}
.wh-bonus b{font-size:.95rem!important;color:#4ade80!important}
@media (prefers-reduced-motion:reduce){.wheel-wrap::after{animation:none}}
.wheel-wrap{width:min(300px,78vw,44vh)}
.wh-extra .btn{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* fırlanan çarx pəncərədə üfüqi sürüşdürmə yaratmasın; başlıq ✕ düyməsinin altına düşməsin */
.sheet{overflow-x:hidden}
.wheel-wrap{isolation:isolate}
.sheet-x + .row-sp,.sheet-x + h2,.sheet-x + .eyebrow{padding-inline-end:44px}
.wh-vip{font-size:.7rem}
/* çarx dairəvi çərçivənin içində fırlanır — kənara heç nə daşmır */
.wheel-clip{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:8px solid #e2b85c;
  box-shadow:0 0 0 3px #1a1306,0 0 0 5px rgba(226,184,92,.35),0 12px 40px rgba(0,0,0,.6)}
.wheel-clip .wheel{inset:0;border:0;box-shadow:inset 0 0 30px rgba(0,0,0,.45)}
.wheel-wrap::after{inset:0}
.wheel-clip{inset:4px}
.tag.bonus{background:rgba(74,222,128,.14);color:#4ade80;border-color:rgba(74,222,128,.4)}
.notice.rate{font-weight:700}

/* ===== reklam bölməsi ===== */
.btn-ads{background:linear-gradient(135deg,rgba(14,116,144,.25),rgba(226,184,92,.08))!important;border-color:rgba(56,189,248,.35)!important}
.ad-head h2{margin:2px 0 0}
.ad-big{font-size:2.4rem}
.ad-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.ad-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#e2b85c,#ffd36b);transition:width .25s linear}
.ad-offer{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico body" "btn btn";gap:10px 14px;align-items:center}
.ad-offer .ad-ico{grid-area:ico;width:72px;height:60px;display:grid;place-items:center}
.ad-offer .ad-body{grid-area:body;display:flex;flex-direction:column;gap:2px}
.ad-offer .ad-body h3{margin:0}
.ad-amt{font-size:1.4rem;color:#4ade80;display:flex;align-items:center;gap:6px}
.ad-amt .coin{width:22px;height:22px}
.ad-coin{width:46px!important;height:46px!important;box-shadow:0 6px 16px rgba(226,184,92,.35)}
.ad-offer .btn{grid-area:btn}
.ad-offer.off{opacity:.55}
/* tam ekran reklam pəncərəsi (demo; real reklam AdMob ilə) */
.adx{position:fixed;inset:0;z-index:60;background:#050406;display:flex;flex-direction:column;
  padding:max(12px,var(--sa-top)) 16px max(16px,var(--sa-bottom))}
.adx-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.adx-tag{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#111;background:#ffd36b;padding:3px 8px;border-radius:6px}
.adx-time{font-weight:800;font-size:1.1rem;color:#fff}
.adx-x,.adx-skip{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:99px;font:inherit;font-weight:700;cursor:pointer}
.adx-x{width:36px;height:36px}
.adx-skip{padding:7px 14px;font-size:.85rem}
.adx-skip:disabled{opacity:.6;cursor:default}
.adx-stage{flex:1;position:relative;margin:14px 0;border-radius:18px;overflow:hidden;display:grid;place-items:center;min-height:0}
.adx-anim{position:absolute;inset:0;background:linear-gradient(120deg,#1e1b4b,#7c3aed,#0e7490,#b45309,#1e1b4b);background-size:400% 400%;animation:tshift 8s ease-in-out infinite alternate}
.adx-brand{position:relative;font-family:var(--display);font-size:clamp(1.6rem,8vw,2.6rem);font-weight:800;color:#fff;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.5);line-height:1.1}
.adx-brand small{display:block;font-family:var(--body);font-size:.8rem;letter-spacing:.3em;opacity:.8;margin-top:6px}
.adx-bottom{display:flex;flex-direction:column;gap:10px}
.adx-msg{margin:0;text-align:center;color:#fff;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:8px}
.adx-q{display:flex;gap:8px}

/* ===== menyu: çarx və reklam yan-yana ===== */
.quick-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.quick{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:14px;border:1px solid var(--line,rgba(255,255,255,.12));color:var(--text,#f3ede2);font:inherit;text-align:left;cursor:pointer}
.quick .lbl{display:flex;flex-direction:column;min-width:0;flex:1}
.quick .lbl b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick .lbl small{font-size:.74rem;color:var(--muted,#9a948b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:3px}
.quick .go{color:var(--gold,#e2b85c);font-weight:800;display:inline-flex;align-items:center;gap:3px}
.quick .coin{width:.95em;height:.95em}
.quick .wheel-mini{width:34px;height:34px}
.ads-card{background:linear-gradient(135deg,rgba(14,116,144,.25),rgba(226,184,92,.06))}
.ads-card.ready{border-color:rgba(56,189,248,.55);box-shadow:0 0 0 1px rgba(56,189,248,.2),0 6px 22px rgba(56,189,248,.12)}
.ads-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;font-size:1.5rem;border-radius:50%;background:rgba(56,189,248,.15);border:2px solid rgba(56,189,248,.6)}
.ads-card.ready .ads-ico{animation:pulse 1.6s ease-in-out infinite}
@media (max-width:340px){.quick{padding:8px 9px;gap:7px}.quick .wheel-mini,.ads-ico{width:28px;height:28px;font-size:1.2rem}}
/* öz kampaniyalar: video / YouTube */
.adx-stage{background:#000}
.adx-video,.adx-yt{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}
.adx-fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;background:linear-gradient(135deg,#1e1b4b,#7c3aed);color:#fff}
.adx-fallback b{font-size:1.8rem;font-family:var(--display)}
.adx-sound{position:absolute;right:10px;bottom:10px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.55);color:#fff;font-size:1.1rem;cursor:pointer;z-index:2}
.adx-link{align-self:center}
.adx-tag{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adx-yt{background:#000}

/* ===== real foto temalar: ümumi mexanizm =====
   Tema foto ilə gəlirsə, [data-table] üçün --felt-photo, [data-tiles] üçün --t-back-photo, .f-th-* üçün --f-photo təyin olunur.
   Masa fotosu arxada yavaşca "Ken Burns" hərəkəti edir; daşların üzü təmiz qalır, foto yalnız arxa üzdədir. */
.felt::after,.tp::after,.set-pv::after{content:var(--felt-photo-on,none);position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,var(--felt-dim-top,.35)),rgba(0,0,0,var(--felt-dim-bot,.6))),var(--felt-photo) var(--felt-pos,center)/cover no-repeat;
  animation:kenburns 26s ease-in-out infinite alternate;transform-origin:var(--felt-origin,50% 40%)}
.tp{position:relative;overflow:hidden}
.tp > *{position:relative;z-index:1}
.tp > .rar,.tp > .anim-tag,.tp > .set-off{position:absolute}
@keyframes kenburns{0%{transform:scale(1)}100%{transform:scale(1.12) translate(-1.5%,-1%)}}
/* daşların arxa üzü */
.seat .cnt .backs{display:inline-flex;margin-right:2px}
.seat .cnt .backs i{width:10px;height:17px;border-radius:2.5px;margin-left:-4px;background:var(--t-back-photo,var(--t-back)) center/cover;
  box-shadow:inset 0 0 0 1px rgba(226,184,92,.55),1px 0 2px rgba(0,0,0,.6)}
.seat .cnt .backs i:first-child{margin-left:0}
.seat .cnt > i{display:none}
.tile.tback{background:var(--t-back-photo,var(--t-back)) center/cover!important;border-color:var(--t-edge);box-shadow:inset 0 0 0 2px rgba(226,184,92,.55),0 2px 0 var(--t-lip),0 4px 10px rgba(0,0,0,.45)}
.tile.tback::after{content:"";position:absolute;inset:18% 22%;border:1.5px solid rgba(226,184,92,.55);border-radius:3px}
.tile.v.tback{width:var(--s);height:calc(var(--s) * 2)}
.tile.tback{position:relative}
/* çərçivə nişanında foto */
.ava[class*="f-th-"]::after{background:var(--f-photo,#0c0b0d) center/cover}

/* turnir mükafatları */
.prize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pz{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.12));background:rgba(0,0,0,.25);text-align:center}
.pz .medal{font-size:1.6rem;line-height:1}
.pz b{font-size:.85rem}
.pz-l{display:flex;align-items:center;gap:4px;font-weight:800;font-size:.95rem;color:var(--gold,#e2b85c)}
.pz-l .coin{width:15px;height:15px}
.pz small{font-size:.7rem;color:#4ade80;min-height:1em}
.pz1{border-color:rgba(255,215,0,.6);background:linear-gradient(160deg,rgba(255,215,0,.16),rgba(0,0,0,.25))}
.pz2{border-color:rgba(200,210,225,.5);background:linear-gradient(160deg,rgba(200,210,225,.12),rgba(0,0,0,.25))}
.pz3{border-color:rgba(205,127,50,.55);background:linear-gradient(160deg,rgba(205,127,50,.14),rgba(0,0,0,.25))}
.pz-rest small{color:var(--muted,#9a948b)}
.lg-gift{font-size:.9rem;margin-right:6px}
.wk-prize b{display:inline-flex;align-items:center;gap:4px}
.wk-prize .coin{width:15px;height:15px}

.ava[class*="f-th-"]::after{width:calc(var(--sz) * .52);height:calc(var(--sz) * .52)}

/* ===== mağaza kartları: hamısı eyni ölçüdə ===== */
.grid{grid-auto-rows:1fr}
.grid > .item{height:100%;box-sizing:border-box;min-width:0}
.item > :last-child{margin-top:auto}
.item > div:not(.pv):not(.btn-row){min-width:0}
.item h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.item h3 .vip-tag{flex:none}
.item p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35;min-height:2.7em}
.item .btn-row{width:100%}
.item .pv > .anim-tag{top:auto;bottom:6px;right:6px}
.item .pv > .anim-tag{left:6px;right:auto}

/* ===== mağaza: bütün bölmələrdə eyni kart ölçüsü ===== */
.grid,.grid.cos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.item .pv,.item .pv.big{height:110px}
/* dəstlər və emoji paketləri: eyni ölçülü kart şəbəkəsi (telefonda 1, böyük ekranda 2–3 sütun) */
.set-list,.pack-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;gap:14px}
.set-card,.pack{height:100%;box-sizing:border-box;display:flex;flex-direction:column}
.set-card > :last-child,.pack > :last-child{margin-top:auto}
.set-card .row-sp,.pack .row-sp{align-items:flex-start;gap:10px}
.set-card .row-sp > div:first-child,.pack .pack-h > div{min-width:0}
.set-card h3,.pack h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.set-price{flex:none;min-width:96px}
@media (max-width:340px){.set-list,.pack-list{grid-template-columns:1fr}}
.set-list,.pack-list{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.grid,.grid.cos{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr))}
.item p{height:2.7em;min-height:0}
.item p .tag{line-height:1.2}
.item .btn{min-height:38px}
.item h3{height:1.35em;line-height:1.35em;margin:0}
/* dəst kartı: başlıq üstdə, qiymət xətti altda — hər ekranda eyni düzülüş */
.set-card .row-sp{flex-direction:column;align-items:stretch;gap:6px}
.set-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:4px 10px;text-align:left;min-width:0}
.set-card .row-sp > .badge{align-self:flex-start}
/* ədalətli paylama */
.fair-btn{width:34px;height:34px;font-size:1rem;flex:none}
.mu-btn{width:34px;height:34px;font-size:1rem;flex:none}.mu-btn.off{opacity:.55}
.fair-box{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;padding:8px 12px;background:rgba(0,0,0,.25)}
.fair-box summary{cursor:pointer;font-weight:700;font-size:.85rem}
.fair-box .hint{margin:8px 0 0;font-size:.78rem}
.fair-kv{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.fair-kv small{font-size:.7rem;color:var(--muted,#9a948b)}
.fair-kv code{font-size:.68rem;word-break:break-all;color:var(--gold,#e2b85c);background:rgba(0,0,0,.35);padding:4px 6px;border-radius:6px}
.fair-ok{font-size:.78rem;font-weight:700;margin:8px 0 0}
.pos{color:#4ade80}.neg{color:#f87171}

/* ===== reytinq ===== */
.btn-rank{background:linear-gradient(135deg,rgba(226,184,92,.14),rgba(124,58,237,.08))!important}
.rk-head h2{margin:2px 0}
.rk-fair{color:#7dd3fc!important}
.rk-row.top1{background:linear-gradient(90deg,rgba(255,215,0,.12),transparent)}
.rk-row.top2{background:linear-gradient(90deg,rgba(200,210,225,.1),transparent)}
.rk-row.top3{background:linear-gradient(90deg,rgba(205,127,50,.12),transparent)}
.rk-row .rk{min-width:28px;text-align:center}
.rk-badge{margin-left:4px;font-size:.85rem}
.badge-list{display:flex;flex-wrap:wrap;gap:8px}
.rk-badge-big{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;border:1px solid var(--gold-lo,#8a6a2a);background:rgba(226,184,92,.1);font-weight:700;font-size:.85rem}
.rk-res{display:flex;flex-direction:column;gap:4px}
/* "Ayın çempionu" çərçivəsi (satılmır) */
.f-th-champion{--f-ring:conic-gradient(#ffd700,#b91c1c,#fff1c6,#ffd700,#7a1020,#ffd700);--f-glow:rgba(255,215,0,.9);--f-emb:"🏆";--f-badge:#ffd700;--f-speed:2.4s}
.f-th-loyal{--f-ring:conic-gradient(#7dd3fc,#e8bd5e,#c084fc,#7dd3fc,#5fbf8a,#7dd3fc);--f-glow:rgba(125,211,252,.85);--f-emb:"📅";--f-badge:#7dd3fc;--f-speed:3s}

/* ---------- onlayn masa ---------- */
.seat-ava{position:relative;display:inline-grid;place-items:center}
.clock{--p:1;position:absolute;inset:-6px;border-radius:50%;pointer-events:none;
  background:conic-gradient(var(--gold) calc(var(--p)*360deg),rgba(255,255,255,.08) 0);
  -webkit-mask:radial-gradient(circle,transparent calc(50% - 4px),#000 calc(50% - 3px));mask:radial-gradient(circle,transparent calc(50% - 4px),#000 calc(50% - 3px))}
.clock b{position:absolute;right:-10px;bottom:-6px;font-size:.66rem;background:var(--gold);color:#1a1306;border-radius:999px;padding:1px 5px;font-variant-numeric:tabular-nums;-webkit-mask:none;mask:none}
.clock.low{background:conic-gradient(#ef4444 calc(var(--p)*360deg),rgba(255,255,255,.08) 0)}
.clock.low b{background:#ef4444;color:#fff;animation:clockPulse 1s infinite}
@keyframes clockPulse{50%{transform:scale(1.15)}}
.clock.me{position:relative;inset:auto;width:38px;height:38px;flex:none;-webkit-mask:none;mask:none;display:grid;place-items:center;
  background:radial-gradient(circle,var(--panel) 58%,transparent 60%),conic-gradient(var(--gold) calc(var(--p)*360deg),rgba(255,255,255,.1) 0)}
.clock.me b{position:static;background:none;color:var(--gold);font-size:.82rem;padding:0}
.clock.me.low{background:radial-gradient(circle,var(--panel) 58%,transparent 60%),conic-gradient(#ef4444 calc(var(--p)*360deg),rgba(255,255,255,.1) 0)}
.clock.me.low b{color:#ef4444;background:none}
.clock[hidden]{display:none}
.st-tag{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:2px 6px;margin-top:2px;white-space:nowrap}
.st-tag.off{background:#3b2a12;color:#fbbf24}.st-tag.bot{background:#1e293b;color:#93c5fd}.st-tag.left{background:#3a1218;color:#fca5a5}
.pot-chip{display:inline-flex;align-items:center;gap:5px}
.ol-off{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#2a1d0c;border:1px solid #a16207;color:#fde68a;border-radius:12px;padding:10px 12px}
.ol-off.bot{background:#0f1b2d;border-color:#1d4ed8;color:#bfdbfe}
.ol-off b{flex:1 1 100%}.ol-off small{flex:1;min-width:150px;opacity:.9}
.ol-rules ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted);line-height:1.45}
.ol-rules summary{cursor:pointer}
.neg-notice{border-color:#b91c1c!important;color:#fecaca}
.ol-vs{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:6px 0}
.ol-vs>div{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:90px;text-align:center}
.ol-vs>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}
.ol-vs>span{font-family:var(--display,inherit);font-weight:900;color:var(--gold);letter-spacing:.1em}
.lobby{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:10px;margin:6px 0}
.lb-seat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}
.lb-seat small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-seat.empty .ava{display:grid;place-items:center;border:2px dashed var(--faint);background:none;box-shadow:none;color:var(--faint);font-weight:800}
.lb-seat.empty small{color:var(--faint)}

/* ---------- tədbir turnirləri ---------- */
.ev-bans{display:flex;flex-direction:column;gap:8px;width:100%}
.ev-ban{--ev:#c2410c;display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--ink);font:inherit;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--ev) 55%,transparent);border-radius:16px;padding:10px 12px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--ev) 30%,var(--panel)) 0%,var(--panel) 70%);box-shadow:0 6px 20px color-mix(in srgb,var(--ev) 18%,transparent)}
.ev-ban:hover{filter:brightness(1.08)}
.ev-ban.soon{opacity:.92}
.ev-ico{font-size:1.9rem;line-height:1;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));animation:evFloat 3.2s ease-in-out infinite}
.ev-ico.big{font-size:2.8rem}.ev-ico.huge{font-size:4rem;display:block;text-align:center}
@keyframes evFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.ev-ico{animation:none}}
.ev-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ev-txt b{font-family:var(--display);font-size:.95rem;letter-spacing:.01em}
.ev-txt small{color:var(--muted);font-size:.74rem;line-height:1.35}
.ev-go{font-size:1.4rem;color:var(--gold);flex:none}
.ev-bar{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.08);margin:2px 4px 0}
.ev-bar>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--ev,#e2b85c) 70%,#fff3c4),var(--gold));transition:width .6s ease}
.ev-bar>b{position:absolute;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--panel2);border:1.5px solid rgba(255,255,255,.35)}
.ev-bar>b.done{background:var(--gold);border-color:#fff3c4}
.ev-bar.big{height:12px;margin:14px 10px 6px}
.ev-bar.big>b{width:22px;height:22px;margin:-11px 0 0 -11px;display:grid;place-items:center;font-size:.62rem;font-weight:800;color:var(--muted);font-family:var(--body)}
.ev-bar.big>b.done{color:#2a1a05}
.ev-head{--ev:#c2410c;border-color:color-mix(in srgb,var(--ev) 55%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--ev) 26%,var(--panel)) 0%,var(--panel) 65%)}
.ev-hero{display:flex;gap:14px;align-items:center}
.ev-hero h2{font-size:1.3rem;margin:2px 0}
.ev-state{font-weight:800}.ev-state.live{color:var(--ok)}.ev-state.soon{color:var(--gold)}.ev-state.ended,.ev-state.stopped{color:var(--muted)}
.ev-mine{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.ev-mine small{display:block;color:var(--muted);font-size:.72rem}
.ev-mine b{font-family:var(--display);font-size:1.5rem;color:var(--gold)}
.ev-mine .ev-stepn{text-align:right}
.ev-rw{display:inline-flex;align-items:center;gap:4px;margin-right:10px;white-space:nowrap;font-weight:700}
.ev-rw .coin{width:14px;height:14px}
.ev-rw svg{width:20px;height:13px}
.ev-earn{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ev-er{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:8px 12px;font-size:.86rem;border-top:1px solid rgba(255,255,255,.05)}
.ev-er:first-child{border-top:0}
.ev-er.head{background:var(--panel2);font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.ev-er b{text-align:right}.ev-er.head span:not(:first-child){text-align:right}
.ev-notes{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--muted);line-height:1.45}
.ev-steps{display:flex;flex-direction:column;gap:6px}
.ev-st{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg);border:1px solid rgba(255,255,255,.05)}
.ev-st.done{border-color:rgba(95,191,138,.35);background:rgba(95,191,138,.07)}
.ev-st.cur{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-lo) inset}
.ev-no{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);font-weight:800;font-size:.78rem}
.ev-st.done .ev-no{background:var(--ok);color:#06210f}
.ev-st-r{flex:1;min-width:0;display:flex;flex-wrap:wrap;row-gap:4px;font-size:.84rem}
.ev-st-n{flex:none;font-size:.78rem;color:var(--muted);white-space:nowrap}
.ev-st.done .ev-st-n{color:var(--ok);font-weight:700}
.ev-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.ev-chip{--ev:#c2410c;flex:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:7px 12px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}
.ev-chip.on{border-color:var(--ev);background:color-mix(in srgb,var(--ev) 25%,var(--panel))}
.ev-start{--ev:#c2410c;display:flex;flex-direction:column;gap:10px;text-align:center}
.ev-start .ev-earn{text-align:left}
.ev-start .row{display:flex;gap:10px}.ev-start .row .btn{flex:1}
.ev-gain .num{white-space:nowrap}
.ev-stepgot{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
/* turnir çərçivələri (satılmır) */
.f-th-ev_payiz{--f-ring:conic-gradient(#7c2d12,#f59e0b,#b45309,#fde68a,#9a3412,#7c2d12);--f-glow:rgba(245,158,11,.75);--f-emb:"🍂";--f-badge:#f59e0b;--f-speed:3.4s}
.f-th-ev_qis{--f-ring:conic-gradient(#e0f2fe,#38bdf8,#ffffff,#1d4ed8,#e0f2fe);--f-glow:rgba(125,211,252,.8);--f-emb:"❄️";--f-badge:#7dd3fc;--f-speed:4s}
.f-th-ev_novruz{--f-ring:conic-gradient(#16a34a,#facc15,#dc2626,#f97316,#16a34a);--f-glow:rgba(250,204,21,.75);--f-emb:"🔥";--f-badge:#facc15;--f-speed:2.2s}
.f-th-ev_ramazan{--f-ring:conic-gradient(#064e3b,#fef3c7,#0f766e,#e2b85c,#064e3b);--f-glow:rgba(253,230,138,.7);--f-emb:"🌙";--f-badge:#fde68a;--f-speed:4.5s}
.f-th-ev_veten{--f-ring:conic-gradient(#0ea5e9,#0ea5e9 33%,#dc2626 33%,#dc2626 66%,#16a34a 66%,#16a34a);--f-glow:rgba(220,38,38,.6);--f-emb:"⭐";--f-badge:#dc2626;--f-speed:5s}

/* ===== DÜNYA ŞƏHƏRLƏRİ (foto: Pixabay Content License — img/themes/CREDITS.md) =====
   Hər şəhər: masa fonu (gecə mənzərəsi), daşların arxası və çərçivə nişanında şəhərin şəkli; daşların üzü şəhərin rənglərində, sakit və oxunaqlı. */
[data-table="rio"]{--felt-photo:url(../img/themes/rio/table.jpg);--felt-pos:50% 55%}
[data-table="barselona"]{--felt-photo:url(../img/themes/barselona/table.jpg);--felt-pos:60% 50%}
[data-table="roma"]{--felt-photo:url(../img/themes/roma/table.jpg);--felt-pos:50% 50%}
[data-table="london"]{--felt-photo:url(../img/themes/london/table.jpg);--felt-pos:42% 45%}
[data-table="istanbul"]{--felt-photo:url(../img/themes/istanbul/table.jpg);--felt-pos:50% 45%}
[data-table="baki"]{--felt-photo:url(../img/themes/baki/table.jpg);--felt-pos:50% 45%}
[data-table="moskva"]{--felt-photo:url(../img/themes/moskva/table.jpg);--felt-pos:50% 50%}
[data-table="tokio"]{--felt-photo:url(../img/themes/tokio/table.jpg);--felt-pos:50% 50%}
[data-table="nyuyork"]{--felt-photo:url(../img/themes/nyuyork/table.jpg);--felt-pos:45% 45%}
[data-table="paris"]{--felt-photo:url(../img/themes/paris/table.jpg);--felt-pos:50% 35%}
[data-table="dubay"]{--felt-photo:url(../img/themes/dubay/table.jpg);--felt-pos:50% 50%}
[data-table="monako"]{--felt-photo:url(../img/themes/monako/table.jpg);--felt-pos:50% 55%}
:root:is([data-table="rio"],[data-table="barselona"],[data-table="roma"],[data-table="london"],[data-table="istanbul"],[data-table="baki"],[data-table="moskva"],[data-table="tokio"],[data-table="nyuyork"],[data-table="paris"],[data-table="dubay"],[data-table="monako"]),
.tp:is([data-table="rio"],[data-table="barselona"],[data-table="roma"],[data-table="london"],[data-table="istanbul"],[data-table="baki"],[data-table="moskva"],[data-table="tokio"],[data-table="nyuyork"],[data-table="paris"],[data-table="dubay"],[data-table="monako"]),
.set-pv:is([data-table="rio"],[data-table="barselona"],[data-table="roma"],[data-table="london"],[data-table="istanbul"],[data-table="baki"],[data-table="moskva"],[data-table="tokio"],[data-table="nyuyork"],[data-table="paris"],[data-table="dubay"],[data-table="monako"]){--felt-photo-on:"";--felt-emb:none;--felt-anim:none}
:root:is([data-table="rio"],[data-table="barselona"],[data-table="roma"],[data-table="london"],[data-table="istanbul"],[data-table="baki"],[data-table="moskva"],[data-table="tokio"],[data-table="nyuyork"],[data-table="paris"],[data-table="dubay"],[data-table="monako"]) #scr-game .felt{--felt-dim-top:.5;--felt-dim-bot:.72}
:root:is([data-table="rio"],[data-table="barselona"],[data-table="roma"],[data-table="london"],[data-table="istanbul"],[data-table="baki"],[data-table="moskva"],[data-table="tokio"],[data-table="nyuyork"],[data-table="paris"],[data-table="dubay"],[data-table="monako"]) #board .tile{box-shadow:0 0 0 1px rgba(255,244,220,.6),0 2px 0 var(--t-lip),0 6px 14px rgba(0,0,0,.85)}
[data-table="rio"],[data-table="monako"]{--felt-dim-top:.42;--felt-dim-bot:.66}

/* daşların arxası — şəhərin şəkli */
[data-tiles="rio"]{--t-back-photo:url(../img/themes/rio/back.jpg)}
[data-tiles="barselona"]{--t-back-photo:url(../img/themes/barselona/back.jpg)}
[data-tiles="roma"]{--t-back-photo:url(../img/themes/roma/back.jpg)}
[data-tiles="london"]{--t-back-photo:url(../img/themes/london/back.jpg)}
[data-tiles="istanbul"]{--t-back-photo:url(../img/themes/istanbul/back.jpg)}
[data-tiles="baki"]{--t-back-photo:url(../img/themes/baki/back.jpg)}
[data-tiles="moskva"]{--t-back-photo:url(../img/themes/moskva/back.jpg)}
[data-tiles="tokio"]{--t-back-photo:url(../img/themes/tokio/back.jpg)}
[data-tiles="nyuyork"]{--t-back-photo:url(../img/themes/nyuyork/back.jpg)}
[data-tiles="paris"]{--t-back-photo:url(../img/themes/paris/back.jpg)}
[data-tiles="dubay"]{--t-back-photo:url(../img/themes/dubay/back.jpg)}
[data-tiles="monako"]{--t-back-photo:url(../img/themes/monako/back.jpg)}
/* daşların üzü — şəhərin rənglərində */
[data-tiles="rio"]{--t-bg:linear-gradient(155deg,#0f6b5c,#0a4a40 60%,#062e28);--t-edge:#021512;--t-lip:#08352e;--t-pip:#fff8e0;--t-pip1:#ffd23f;--t-div:rgba(255,248,224,.3);--t-glow:none}
[data-tiles="barselona"]{--t-bg:linear-gradient(155deg,#c8622a,#93421a 60%,#5e2810);--t-edge:#2a1006;--t-lip:#5a2610;--t-pip:#fff6e8;--t-pip1:#1f4fa0;--t-div:rgba(255,246,232,.35);--t-glow:none}
[data-tiles="roma"]{--t-bg:linear-gradient(155deg,#e9dcc3,#cdb994 60%,#a8916a);--t-edge:#5c4a2c;--t-lip:#8a7450;--t-pip:#2a1d10;--t-pip1:#8b1e1e;--t-div:rgba(42,29,16,.35);--t-glow:none}
[data-tiles="london"]{--t-bg:linear-gradient(155deg,#b3122a,#7d0b1c 60%,#4a0610);--t-edge:#1c0207;--t-lip:#56081a;--t-pip:#fdfaf2;--t-pip1:#ffd23f;--t-div:rgba(253,250,242,.3);--t-glow:none}
[data-tiles="istanbul"]{--t-bg:linear-gradient(155deg,#1b7a8c,#105463 60%,#09333d);--t-edge:#031418;--t-lip:#0b3c47;--t-pip:#fdf8ee;--t-pip1:#e0453a;--t-div:rgba(253,248,238,.3);--t-glow:none}
[data-tiles="baki"]{--t-bg:linear-gradient(155deg,#183a63,#0f2744 60%,#08172a);--t-edge:#020810;--t-lip:#0c2240;--t-pip:#f3f7ff;--t-pip1:#ff8a2a;--t-div:rgba(243,247,255,.28);--t-glow:0 0 4px rgba(255,138,42,.35)}
[data-tiles="moskva"]{--t-bg:linear-gradient(155deg,#8e1a1a,#5e0f0f 60%,#360707);--t-edge:#140202;--t-lip:#470b0b;--t-pip:radial-gradient(circle at 35% 30%,#fff3c6,#e2b85c 50%,#8f6a26);--t-pip1:var(--t-pip);--t-div:rgba(226,184,92,.4);--t-glow:none}
[data-tiles="tokio"]{--t-bg:linear-gradient(155deg,#1a1f3d,#10142a 60%,#080a17);--t-edge:#000;--t-lip:#151a36;--t-pip:#f7f4ff;--t-pip1:#ff5fa8;--t-div:rgba(255,95,168,.35);--t-glow:0 0 4px rgba(255,95,168,.4)}
[data-tiles="nyuyork"]{--t-bg:linear-gradient(155deg,#2b2b30,#18181c 60%,#0b0b0d);--t-edge:#000;--t-lip:#222226;--t-pip:#f5f5f0;--t-pip1:#ffc928;--t-div:rgba(255,201,40,.35);--t-glow:none}
[data-tiles="paris"]{--t-bg:linear-gradient(155deg,#1d3a6b,#132a52 60%,#0a1a36);--t-edge:#030a18;--t-lip:#10244a;--t-pip:radial-gradient(circle at 35% 30%,#fff6d8,#f2c76e 50%,#a67d2e);--t-pip1:var(--t-pip);--t-div:rgba(242,199,110,.35);--t-glow:0 0 4px rgba(242,199,110,.3)}
[data-tiles="dubay"]{--t-bg:linear-gradient(155deg,#e8c27a,#c99a45 55%,#8f6a26);--t-edge:#3e2a08;--t-lip:#7a5818;--t-pip:#1c1406;--t-pip1:#7a1020;--t-div:rgba(28,20,6,.4);--t-ring:rgba(255,241,198,.6);--t-glow:0 0 6px rgba(255,236,170,.45)}
[data-tiles="monako"]{--t-bg:linear-gradient(155deg,#fbfaf6,#e8e4da 60%,#cfc8b8);--t-edge:#6b6556;--t-lip:#9a927f;--t-pip:#0f2a4a;--t-pip1:#c8102e;--t-div:rgba(15,42,74,.3);--t-glow:none}
/* çərçivə: halqa şəhərin rənglərində, nişanda şəhərin şəkli */
.f-th-rio{--f-photo:url(../img/themes/rio/face.jpg);--f-emb:"";--f-ring:conic-gradient(#0f6b5c,#ffd23f,#1aa37a,#fff8e0,#0f6b5c);--f-glow:rgba(255,210,63,.55);--f-badge:#ffd23f}
.f-th-barselona{--f-photo:url(../img/themes/barselona/face.jpg);--f-emb:"";--f-ring:conic-gradient(#c8622a,#1f4fa0,#ffd23f,#c8622a);--f-glow:rgba(200,98,42,.6);--f-badge:#c8622a}
.f-th-roma{--f-photo:url(../img/themes/roma/face.jpg);--f-emb:"";--f-ring:conic-gradient(#e9dcc3,#8b1e1e,#cdb994,#e2b85c,#e9dcc3);--f-glow:rgba(233,220,195,.55);--f-badge:#cdb994}
.f-th-london{--f-photo:url(../img/themes/london/face.jpg);--f-emb:"";--f-ring:conic-gradient(#b3122a,#fdfaf2,#12305e,#b3122a);--f-glow:rgba(179,18,42,.6);--f-badge:#b3122a}
.f-th-istanbul{--f-photo:url(../img/themes/istanbul/face.jpg);--f-emb:"";--f-ring:conic-gradient(#1b7a8c,#fdf8ee,#e0453a,#1b7a8c);--f-glow:rgba(27,122,140,.6);--f-badge:#1b7a8c}
.f-th-baki{--f-photo:url(../img/themes/baki/face.jpg);--f-emb:"";--f-ring:conic-gradient(#0f2744,#ff8a2a,#ffd23f,#3a7bd5,#0f2744);--f-glow:rgba(255,138,42,.65);--f-badge:#ff8a2a}
.f-th-moskva{--f-photo:url(../img/themes/moskva/face.jpg);--f-emb:"";--f-ring:conic-gradient(#8e1a1a,#e2b85c,#fff3c6,#8e1a1a);--f-glow:rgba(226,184,92,.6);--f-badge:#e2b85c}
.f-th-tokio{--f-photo:url(../img/themes/tokio/face.jpg);--f-emb:"";--f-ring:conic-gradient(#10142a,#ff5fa8,#7cc8ff,#ffd1e6,#10142a);--f-glow:rgba(255,95,168,.65);--f-badge:#ff5fa8;--f-speed:2.4s}
.f-th-nyuyork{--f-photo:url(../img/themes/nyuyork/face.jpg);--f-emb:"";--f-ring:conic-gradient(#18181c,#ffc928,#f5f5f0,#18181c);--f-glow:rgba(255,201,40,.55);--f-badge:#ffc928}
.f-th-paris{--f-photo:url(../img/themes/paris/face.jpg);--f-emb:"";--f-ring:conic-gradient(#132a52,#f2c76e,#fff6d8,#7cc8ff,#132a52);--f-glow:rgba(242,199,110,.7);--f-badge:#f2c76e}
.f-th-dubay{--f-photo:url(../img/themes/dubay/face.jpg);--f-emb:"";--f-ring:conic-gradient(#e2b85c,#fff1c6,#8f6a26,#ffd97a,#e2b85c);--f-glow:rgba(255,215,120,.9);--f-badge:#e2b85c;--f-speed:2.2s}
.f-th-monako{--f-photo:url(../img/themes/monako/face.jpg);--f-emb:"";--f-ring:conic-gradient(#c8102e,#fbfaf6,#0f2a4a,#fbfaf6,#c8102e);--f-glow:rgba(251,250,246,.6);--f-badge:#c8102e}
.ava:is(.f-th-rio,.f-th-barselona,.f-th-roma,.f-th-london,.f-th-istanbul,.f-th-baki,.f-th-moskva,.f-th-tokio,.f-th-nyuyork,.f-th-paris,.f-th-dubay,.f-th-monako)::after{width:calc(var(--sz) * .52);height:calc(var(--sz) * .52)}

/* ===== ÖLKƏ BAYRAQLARI (flag-icons, MIT) — bir spraytda 250 bayraq ===== */
.flag-i,.ava .ava-flag,.fl-tb{display:inline-block;background:url(../img/flags.webp) var(--flag-pos,0 0)/1600% 1600% no-repeat;border-radius:50%}
.flag-i{width:22px;height:22px;flex:none;vertical-align:-5px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.flag-i.big{width:44px;height:44px}
.ava .ava-flag{position:absolute;left:calc(var(--sz) * -.1);top:calc(var(--sz) * -.1);width:max(13px,calc(var(--sz) * .38));height:max(13px,calc(var(--sz) * .38));box-shadow:0 0 0 1.5px #0c0b0d,0 2px 6px rgba(0,0,0,.6);z-index:3}
/* bayraq çərçivəsi: halqanın özü bayraqdır */
.ava.f-flag{box-shadow:0 0 0 2px #0c0b0d}
.ava.f-flag::before{content:"";position:absolute;inset:calc(var(--sz) * -.12);border-radius:50%;z-index:-1;background:url(../img/flags.webp) var(--flag-pos,0 0)/1600% 1600% no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 12px rgba(255,255,255,.18)}
/* bayraqlı daşlar: tünd arxa üz, ortada dəyirmi bayraq medalyonu */
[data-tiles="flag"] .tile.tback{background:linear-gradient(155deg,#26232b,#141217)!important}
[data-tiles="flag"] .tile.tback::before{content:""!important;display:block!important;position:absolute;left:50%;top:50%;width:72%;aspect-ratio:1;height:auto;transform:translate(-50%,-50%);border-radius:50%;
  background:url(../img/flags.webp) var(--my-flag-pos,0 0)/1600% 1600% no-repeat;box-shadow:0 0 0 1.5px rgba(226,184,92,.7);font-size:0}
[data-tiles="flag"] .tile.tback::after{inset:8% 10%}
[data-tiles="flag"] .seat .cnt .backs i{background:url(../img/flags.webp) var(--my-flag-pos,0 0)/1600% 1600% no-repeat}
.fl-tb{width:22px;height:22px;vertical-align:-6px;--flag-pos:inherit}
/* mağaza: bayraq seçimi */
.fl-head .fl-me,.fl-card .fl-me{display:flex;align-items:center;gap:12px;min-width:0}
.fl-empty{font-size:2rem;line-height:1}
.fl-use{display:flex;gap:8px;flex-wrap:wrap}
.fl-use .btn{display:inline-flex;align-items:center;gap:8px}
.fl-use .ava{--sz:22px}
.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:6px}
.fl-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:.82rem;text-align:left;cursor:pointer;min-width:0}
.fl-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-btn:hover{background:var(--panel2)}
.fl-btn.on{border-color:var(--gold);background:rgba(226,184,92,.12)}
.fl-btn[hidden]{display:none}
.fl-card{flex-direction:row;align-items:center}
/* uzun dəst adları (məs. rus dilində) kartdan çıxmasın; balans bir sətirdə qalsın */
.set-card .row-sp > div:first-child{min-width:0}
.set-card h3{overflow-wrap:anywhere;hyphens:auto}
.coins .num{white-space:nowrap}
.page-head h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.set-list > *,.pack-list > *{min-width:0}
.set-card .row-sp > div:first-child{align-self:stretch;max-width:100%}
.set-card h3{white-space:normal;text-overflow:clip;height:auto;line-height:1.3}

/* ===== sponsorlu turnir və gələnlər qutusu ===== */
.top-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.mail-btn{position:relative;font-size:1.1rem}
.mail-btn .dot-badge{position:absolute;top:-4px;right:-4px}
.sp-prizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:8px}
.sp-pz{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);text-align:center}
.sp-pz span{font-size:1.4rem;line-height:1}.sp-pz b{font-size:.8rem}
.sp-pz em{font-style:normal;font-weight:800;color:#4ade80;font-size:1rem;font-family:var(--display)}
.sp-pz.p1{border-color:rgba(255,215,0,.6);background:linear-gradient(160deg,rgba(255,215,0,.16),rgba(0,0,0,.25))}
.sp-pz.p2{border-color:rgba(200,210,225,.5)}.sp-pz.p3{border-color:rgba(205,127,50,.55)}
.sp-head .ev-mine{gap:14px}
.sp-row.prize{background:rgba(74,222,128,.05)}
.sp-mon{font-size:.75rem;font-weight:800;color:#4ade80;margin-right:8px;white-space:nowrap}
.sp-legend{font-size:.72rem;margin:-4px 0 4px}
.sp-pwbox{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:12px 14px;border-radius:12px;border:1px dashed var(--gold);background:rgba(226,184,92,.07)}
.sp-pwbox small{color:var(--muted);font-size:.75rem}.sp-pwbox b{font-family:var(--display);font-size:1.3rem;letter-spacing:.12em;color:var(--gold)}
.ib-item{flex-direction:row;align-items:center;gap:12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;width:100%}
.ib-item.unread{border-color:var(--gold-lo)}
.ib-ico{font-size:1.5rem;flex:none}.ib-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ib-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ib-txt small{color:var(--muted);font-size:.75rem}
.ib-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none}
.ib-body{white-space:pre-wrap;overflow-wrap:anywhere}
.fl-card{flex-direction:column;align-items:stretch}
.fl-tog{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer}
.fl-tog input{accent-color:var(--gold);width:18px;height:18px}
.fl-tog .ava{--sz:24px}
/* oyun ID-si */
.gid{font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--gold);background:rgba(226,184,92,.1);border:1px solid var(--gold-lo);border-radius:7px;padding:1px 6px;cursor:pointer;vertical-align:1px;font-variant-numeric:tabular-nums}
.notice.warn{border-color:#f59e0b;background:rgba(245,158,11,.1)}
/* dostlar */
.fr-form{display:flex;gap:8px}.fr-form .input{flex:1;min-width:0}
.fr-row{cursor:pointer}
.fr-ava{position:relative;flex:none}
.pres{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--panel);z-index:4}
.pres.on{background:#22c55e}.pres.game{background:var(--gold)}.pres.off{background:#5b5660}
.lg-sub.on{color:#4ade80}.lg-sub.game{color:var(--gold)}
.fr-acts{display:flex;gap:6px;align-items:center;flex:none}
.pid-s{font-family:var(--display);letter-spacing:.08em;color:var(--gold)}
.sp-demo-note{display:flex;flex-direction:column;gap:8px;align-items:flex-start}

/* ===== klanlar ===== */
.cl-emb{--cl:var(--gold);--sz:40px;flex:none;width:var(--sz);height:var(--sz);display:inline-grid;place-items:center;border-radius:30%;font-size:calc(var(--sz)*.5);line-height:1;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.16),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--cl) 34%,#141216),#0d0c0f);
  border:2px solid var(--cl);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 0 14px color-mix(in srgb,var(--cl) 28%,transparent)}
.cl-tag{--cl:var(--gold);display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:6px;border:1px solid var(--cl);color:var(--cl);vertical-align:2px;font-family:var(--body);line-height:1.3}
.cl-role{display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:6px;vertical-align:1px;white-space:nowrap}
.cl-role.lead{background:rgba(226,184,92,.16);color:var(--gold)}
.cl-role.off{background:rgba(159,200,255,.12);color:#a9c8ff}
.btn-clan .cl-emb{--sz:30px}
.btn-staff{border-style:dashed}
.cl-head{--cl:var(--gold);border-color:color-mix(in srgb,var(--cl) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--cl) 9%,var(--panel)),var(--panel))}
.cl-hero{display:flex;gap:14px;align-items:center;min-width:0}
.cl-hero h2{font-size:1.1rem;overflow-wrap:anywhere}
.cl-desc{margin:4px 0 0;overflow-wrap:anywhere}
.cl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cl-stats > div{background:rgba(0,0,0,.25);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cl-stats small{font-size:.66rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-stats b{font-size:1rem}
@media (max-width:420px){.cl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cl-trophies{display:flex;gap:4px;font-size:1.1rem}
.cl-live{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;background:rgba(192,57,43,.16);border:1px solid rgba(224,90,90,.45);color:var(--ink);font-weight:700;font-size:.88rem}
.cl-live span{margin-left:auto;font-size:1.2rem;color:var(--muted)}
.cl-live.warn{background:rgba(226,184,92,.12);border-color:var(--gold-lo)}
.cl-row{gap:10px}
.cl-row .lg-name b{font-weight:700}
.cl-row[data-clan]{cursor:pointer}
.cl-row[data-clan]:hover,.cl-row[data-clan]:focus-visible{background:var(--panel2)}
.cl-mem .lg-name{white-space:normal}
.ti-mini{font-size:.9rem;margin-left:2px}
fieldset.field{border:0;padding:0;margin:0;min-width:0}
fieldset.field legend{padding:0;margin-bottom:6px}
.cl-pick{display:flex;flex-wrap:wrap;gap:6px}
.cl-opt{position:relative;cursor:pointer}
.cl-opt input{position:absolute;opacity:0;pointer-events:none}
.cl-opt span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);font-size:1.25rem}
.cl-opt.sw span{background:var(--cl);border-color:rgba(255,255,255,.18)}
.cl-opt input:checked + span,.cl-opt.on span{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(226,184,92,.22)}
.cl-opt input:focus-visible + span{outline:2px solid var(--gold);outline-offset:2px}
.cl-joins{display:grid;gap:6px}
.cl-join{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.cl-join:has(input:checked){border-color:var(--gold);background:rgba(226,184,92,.07)}
.cl-join input{margin-top:3px;accent-color:var(--gold)}
.cl-join span{display:flex;flex-direction:column;gap:2px}
.cl-join small{color:var(--muted);font-size:.8rem}
.cl-set summary{cursor:pointer;list-style:none}
.cl-set summary::-webkit-details-marker{display:none}
.cl-set[open]{gap:12px}
.cl-acts{display:flex;flex-direction:column;gap:8px}
.cl-pcard{flex-direction:row;align-items:center;gap:12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;width:100%}
.cl-pcard > span:last-child{margin-left:auto;color:var(--muted);font-size:1.2rem}
.pc-clan{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;font-size:.88rem}
.pc-clan .cl-emb{--sz:22px;border-width:1px}
/* klan çatı: yalnız hazır mesajlar və emojilər */
.cl-chat{gap:10px}
.cl-msgs{display:flex;flex-direction:column;gap:8px;max-height:min(46vh,420px);min-height:180px;overflow-y:auto;padding:4px 2px;overscroll-behavior:contain}
.cl-msg{align-self:flex-start;max-width:82%;display:flex;flex-direction:column;gap:2px}
.cl-msg small{font-size:.68rem;color:var(--muted);display:flex;align-items:center;gap:4px}
.cl-msg > span{background:var(--panel2);border:1px solid var(--line);padding:8px 12px;border-radius:14px 14px 14px 4px;font-weight:600;overflow-wrap:anywhere}
.cl-msg.mine{align-self:flex-end;align-items:flex-end}
.cl-msg.mine > span{background:rgba(226,184,92,.14);border-color:var(--gold-lo);border-radius:14px 14px 4px 14px}
.cl-msg > span.emo{font-size:2rem;background:none;border:0;padding:0 4px;line-height:1.1}
.cl-sys{align-self:center;text-align:center;font-size:.76rem;color:var(--muted);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;justify-content:center;max-width:92%}
.cl-sys small{font-size:.66rem;opacity:.7}
.cl-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cl-pm{padding:9px 6px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);font-weight:700;font-size:.8rem;line-height:1.25;min-height:44px}
.cl-pm:hover{border-color:var(--gold-lo)}
.cl-emos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.cl-em{height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);font-size:1.3rem}
.cl-pm:active,.cl-em:active{transform:scale(.96)}
@media (max-width:360px){.cl-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* klan döyüşü */
.bt-live{border-color:rgba(224,90,90,.4)}
.bt-score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;text-align:center}
.bt-score > div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.bt-score > div b{font-size:.85rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-score > span{font-family:var(--display);font-size:2.2rem;color:var(--gold)}
.bt-score > span i{font-style:normal;color:var(--muted);padding:0 4px}
.bt-res{font-size:.66rem;font-weight:800;padding:3px 7px;border-radius:6px;white-space:nowrap;flex:none}
.bt-res.won{background:rgba(95,191,138,.15);color:var(--ok)}
.bt-res.lost{background:rgba(224,90,90,.15);color:var(--bad)}
.bt-res.draw{background:var(--panel2);color:var(--muted)}
.bt-games .res-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-msg{font-family:var(--display);font-size:2rem;text-align:center;color:var(--gold);margin:4px 0}
/* ===== titullar ===== */
.ti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ti{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);min-width:0}
.ti-ico{font-size:1.6rem;flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(0,0,0,.3)}
.ti-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ti-txt b{font-size:.84rem;line-height:1.25;overflow-wrap:anywhere}
.ti-txt small{font-size:.7rem;color:var(--muted)}
.ti-txt em{font-style:normal;color:var(--gold);font-weight:800}
.ti.t1{border-color:rgba(244,212,143,.55);background:linear-gradient(150deg,rgba(226,184,92,.22),rgba(226,184,92,.04) 60%),var(--panel2)}
.ti.t1 .ti-ico{background:radial-gradient(circle at 35% 30%,rgba(255,241,198,.35),rgba(156,122,51,.3))}
.ti.t2{border-color:rgba(205,214,226,.4);background:linear-gradient(150deg,rgba(205,214,226,.14),transparent 60%),var(--panel2)}
.ti.t3{border-color:rgba(205,127,50,.45);background:linear-gradient(150deg,rgba(205,127,50,.16),transparent 60%),var(--panel2)}
.ti.ev{border-color:rgba(167,139,250,.4);background:linear-gradient(150deg,rgba(124,58,237,.16),transparent 60%),var(--panel2)}
.ti-list{display:flex;flex-wrap:wrap;gap:6px}
.ti-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);font-size:.76rem;font-weight:700;max-width:100%}
.ti-chip i{font-style:normal}
.ti-chip b{color:var(--gold)}
.ti-chip.t1{border-color:rgba(244,212,143,.55);background:rgba(226,184,92,.12)}
.ti-chip.t2{border-color:rgba(205,214,226,.4)}
.ti-chip.t3{border-color:rgba(205,127,50,.45)}
.ti-chip.ev{border-color:rgba(167,139,250,.4)}
.pc-titles{display:flex;flex-direction:column;gap:6px}
.ti-how summary{cursor:pointer;color:var(--gold);font-weight:700;font-size:.88rem}
/* ===== oyunu izləmək ===== */
.w-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}
.w-live{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:800;background:rgba(192,57,43,.85);padding:3px 9px;border-radius:999px}
.w-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:wPulse 1.4s ease-in-out infinite}
@keyframes wPulse{50%{opacity:.25}}
.w-rev{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--gold);font-weight:700;cursor:pointer}
.w-rev input{accent-color:var(--gold)}
.w-dock{gap:6px}
.w-dock .seat[data-pos="bottom"]{flex-direction:row;justify-content:center;gap:12px;background:var(--panel);border:1px solid var(--line)}
.w-dock .msg{text-align:center}
.w-hand{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:280px}
.w-hand .tile{--s:15px}
.w-btn{width:36px;height:36px;font-size:1rem}
.w-btn.locked{opacity:.6}
.wa-row{gap:8px}
.wa-vs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700}
.wa-vs > span{display:inline-flex;align-items:center;gap:6px}
.wa-vs i{font-style:normal;color:var(--muted);font-size:.75rem}
/* ===== həftənin / ayın qalibinin girişi ===== */
#flash-layer{position:fixed;left:0;right:0;top:0;z-index:70;display:flex;flex-direction:column;align-items:center;pointer-events:none;
  padding-top:max(10px,var(--sa-top));padding-left:16px;padding-right:16px}
.champ-flash{pointer-events:none;position:relative;overflow:hidden;width:min(460px,100%);display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:18px;
  transform:translateY(-140%);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.25,1.15),opacity .35s;color:#fff;
  box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08) inset}
.champ-flash.in{transform:translateY(0);opacity:1}
.champ-flash.out{transform:translateY(-140%);opacity:0;transition:transform .45s ease-in,opacity .45s}
.champ-flash .ava{flex:none}
.cf-txt{display:flex;flex-direction:column;gap:2px;min-width:0;position:relative;z-index:1}
.cf-txt small{font-size:.64rem;font-weight:800;letter-spacing:.16em}
.cf-txt b{font-family:var(--display);font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.cf-txt b em{font-style:normal}
.cf-txt span{font-size:.8rem;opacity:.9;line-height:1.35}
.champ-flash.week{background:linear-gradient(120deg,#2a2210 0%,#4a3a14 45%,#2a2210 100%);border:1px solid rgba(244,212,143,.6)}
.champ-flash.week small{color:var(--gold-hi)}
.champ-flash.week b em{color:var(--gold-hi)}
.champ-flash.month{background:linear-gradient(120deg,#3b0a14 0%,#7a1426 45%,#3b0a14 100%);border:1.5px solid #f4d48f;box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 30px rgba(244,212,143,.35)}
.champ-flash.month small{color:#ffe6a8}
.champ-flash.month b em{background:linear-gradient(180deg,#fff6d8,#f4d48f 55%,#c99a3b);-webkit-background-clip:text;background-clip:text;color:transparent}
.cf-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-100%);animation:cfShine 2.4s ease-in-out .5s infinite;pointer-events:none}
.champ-flash.month .cf-shine{background:linear-gradient(105deg,transparent 30%,rgba(255,236,180,.35) 50%,transparent 70%)}
@keyframes cfShine{60%,100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.champ-flash{transition:opacity .3s}.champ-flash,.champ-flash.out{transform:none}.cf-shine,.w-live::before{animation:none}}

.nm-line{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.nm-line > b,.nm-line > .nm-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nm-line .cl-tag,.nm-line .cl-role{flex:none}

/* ===== tapşırıqlar · mövsüm · nailiyyətlər ===== */
.btn-quest,.btn-ko{position:relative}
.btn-quest .dot-badge{position:absolute;top:-6px;right:-6px}
.menu-row .btn .lbl small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
.menu-row .btn .lbl{min-width:0}
.tu-ban{display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:var(--ink);font:inherit;cursor:pointer;padding:12px 14px;border-radius:16px;
  background:linear-gradient(120deg,rgba(95,191,138,.18),rgba(95,191,138,.04));border:1px solid rgba(95,191,138,.45)}
.tu-ban > span:first-child{font-size:1.6rem}
.pf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf-link{flex-direction:row;align-items:center;gap:10px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;padding:12px 14px}
.pf-link > span{font-size:1.3rem}
.pf-link b{font-size:.9rem}
.qs-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.05)}
.qs-row:first-of-type{border-top:0}
.qs-row.claimed{opacity:.55}
.qs-row.done .qs-ico{background:rgba(226,184,92,.18)}
.qs-ico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);font-size:1.1rem}
.qs-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.qs-body > b{font-size:.9rem;line-height:1.3}
.qs-bar{position:relative;height:16px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.qs-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gold-lo),var(--gold));border-radius:999px}
.qs-bar span{position:relative;display:block;text-align:center;font-size:.64rem;font-weight:800;line-height:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.qs-bar.big{height:22px}.qs-bar.big span{line-height:22px;font-size:.75rem}
.qs-bar.sm{height:12px}.qs-bar.sm span{line-height:12px;font-size:.58rem}
.qs-rw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.qs-rw.center{justify-content:center}
.ev-rw.xp{color:#a9c8ff;font-weight:800}
.qs-box{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px dashed var(--line);margin-top:6px}
.qs-box.ready{border:1px solid var(--gold);background:rgba(226,184,92,.1)}
.qs-box.claimed{opacity:.6}
.qs-box > div{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.qs-box small{color:var(--muted);font-size:.78rem}
.qs-chest{font-size:1.8rem}
.ss-head{position:relative;overflow:hidden;min-height:150px;justify-content:flex-end;background-color:var(--panel);background-size:cover;background-position:center}
.ss-hero h2{font-size:1.35rem}
.ss-hero small{color:var(--muted)}
.ss-lv{position:absolute;top:12px;right:14px;display:flex;align-items:baseline;gap:2px;background:rgba(0,0,0,.55);padding:6px 10px;border-radius:12px;border:1px solid var(--gold-lo)}
.ss-lv b{font-family:var(--display);font-size:1.5rem;color:var(--gold)}
.ss-lv small{color:var(--muted)}
.ss-buy{border-color:var(--gold-lo);background:linear-gradient(150deg,rgba(226,184,92,.14),transparent 60%),var(--panel)}
.ss-buy ul{margin:6px 0 0}
.ss-prem-on{border-color:var(--gold)}
.ss-track{gap:0;padding:6px 10px}
.ss-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:stretch;padding:6px 0;border-top:1px solid rgba(255,255,255,.04)}
.ss-row.ss-hdr{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:0}
.ss-l{display:grid;place-items:center;font-weight:800;border-radius:10px;background:var(--panel2);color:var(--muted)}
.ss-row.open .ss-l{background:rgba(226,184,92,.2);color:var(--gold)}
.ss-row.cur .ss-l{background:var(--gold);color:#1a1306}
.ss-cell{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.03);min-height:40px;font-size:.78rem}
.ss-cell.prem{background:rgba(226,184,92,.06)}
.ss-cell.ready{box-shadow:inset 0 0 0 1px var(--gold)}
.ss-cell.got{opacity:.5}
.ss-cell .btn{margin-left:auto;padding:5px 10px}
.ss-st{margin-left:auto}
.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ac{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);opacity:.75;min-width:0}
.ac.done{opacity:1;border-color:var(--gold);background:linear-gradient(150deg,rgba(226,184,92,.16),transparent 65%),var(--panel2)}
.ac.claimed{opacity:1}
.ac-ico{font-size:1.6rem}
.ac b{font-size:.86rem}
.ac small{font-size:.72rem;color:var(--muted);line-height:1.3}
.ac-rw{font-size:.78rem;font-weight:800;display:inline-flex;align-items:center;gap:4px;color:var(--muted)}
.ac .btn{align-self:flex-start;padding:5px 10px}
.pg-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pg-note .btn{margin-left:auto}
/* statistika */
.stt-top{flex-direction:row;justify-content:space-around;text-align:center}
.stt-top > div{display:flex;flex-direction:column;gap:2px}
.stt-top small{font-size:.7rem;color:var(--muted)}
.stt-top b{font-family:var(--display);font-size:1.4rem}
.stt-var{display:grid;grid-template-columns:90px minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:.85rem}
.stt-var small{text-align:right;color:var(--muted)}
.stt-flags{display:flex;flex-wrap:wrap;gap:10px}
.stt-fl{display:inline-flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:var(--muted)}
.gm-row.won{border-color:rgba(95,191,138,.35)}
/* təkrar */
.w-live.rp{background:rgba(124,58,237,.85)}
.w-live.tu{background:rgba(22,163,74,.85)}
.w-live.rp::before,.w-live.tu::before{display:none}
.rp-msg{min-height:1.4em}
.rp-res{text-align:center;font-weight:800;color:var(--gold)}
.rp-range{width:100%;accent-color:var(--gold)}
.rp-ctl{display:flex;justify-content:center;align-items:center;gap:8px}
.rp-play{min-width:120px}
/* dərslər */
.tu-intro{flex-direction:row;align-items:center;gap:12px}
.tu-big{font-size:2.2rem;line-height:1}
.tu-item{flex-direction:row;align-items:center;gap:12px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;width:100%}
.tu-item.done{border-color:rgba(95,191,138,.45)}
.tu-ico{font-size:1.6rem;width:40px;text-align:center}
.tu-st{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--gold)}
.tu-item.done .tu-st{color:var(--ok)}
.tu-coach{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(95,191,138,.1);border:1px solid rgba(95,191,138,.4)}
.tu-coach > span{font-size:1.5rem;flex:none}
.tu-coach p{margin:0;flex:1;font-size:.9rem;line-height:1.4}
.tu-coach .btn{flex:none}
.hand .tile.tu-glow{animation:tuGlow 1.2s ease-in-out infinite}
@keyframes tuGlow{50%{transform:translateY(-6px);box-shadow:0 2px 0 var(--t-lip),0 0 0 3px #5fbf8a,0 0 18px rgba(95,191,138,.7)}}
@media (prefers-reduced-motion:reduce){.hand .tile.tu-glow{animation:none}}
.tu-done{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
/* dəvət kodu */
.rf-hero{align-items:center;text-align:center}
.rf-rw{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.rf-rw > div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:12px;background:var(--panel2)}
.rf-rw small{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.rf-code{font-family:var(--display);font-size:2rem;letter-spacing:.12em;color:var(--gold);text-align:center}
.rf-link{font-size:.8rem;color:var(--muted)}
.rf-bar{width:70px;flex:none}
/* pley-off */
.ko-head h2{font-size:1.2rem}
.ko-my{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:rgba(192,57,43,.14);border:1px solid rgba(224,90,90,.45)}
.ko-my > div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ko-win{font-family:var(--display);font-size:1.1rem;color:var(--gold);text-align:center;padding:8px}
.ko-br{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}
.ko-col{display:flex;flex-direction:column;gap:8px;min-width:150px;scroll-snap-align:start}
.ko-ms{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:10px}
.ko-rn{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
.ko-m{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel2);position:relative}
.ko-m.mine{border-color:var(--gold-lo)}
.ko-m.live{box-shadow:0 0 0 1px rgba(224,90,90,.6)}
.ko-p{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:.8rem;min-width:0}
.ko-p + .ko-p{border-top:1px solid rgba(255,255,255,.06)}
.ko-p span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ko-p.win{font-weight:800;color:var(--gold)}
.ko-p.lose{opacity:.45;text-decoration:line-through}
.ko-p.me span{color:var(--gold)}
.ko-p.tbd{color:var(--muted)}
.ko-p b{color:var(--ok)}
.ko-ff{position:absolute;right:6px;bottom:2px;font-size:.58rem;color:var(--bad)}
.ko-free{opacity:.5}

/* --- RTL (العربية) --- */
[dir="rtl"] body{font-family:"Golos Text","Noto Kufi Arabic",Tahoma,system-ui,sans-serif}
/* Oyun lövhəsi, əl, daşlar və mötərizə həmişə soldan sağa qalır — oyunun həndəsəsi dəyişməsin */
[dir="rtl"] .board,[dir="rtl"] .hand,[dir="rtl"] .tile,[dir="rtl"] .snake,[dir="rtl"] .snake-row,[dir="rtl"] .ko-br,[dir="rtl"] .rp-range,[dir="rtl"] .num{direction:ltr}
[dir="rtl"] .rp-ctl,[dir="rtl"] .ss-lv{direction:ltr}
/* Menyuda mövsüm keçidi düyməsi — şəhərin masa şəkli fonda */
.btn-season{background-size:cover;background-position:center;border-color:rgba(232,189,94,.55)}
.btn-season .lbl{color:var(--gold)}
.btn-season .num{font-family:var(--display);color:var(--gold);font-size:.95rem}
/* Zəncir: daşlar mütləq mövqedə (layoutBoard) */
.chain{display:none}
.snake.chain-abs{position:relative;display:block;flex:none;max-width:none}
.snake.chain-abs .tile{margin:0}

/* --- effektlər --- */
.fx-confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:120}
.fx-burst{position:fixed;transform:translate(-50%,-50%);z-index:110;pointer-events:none;font-family:var(--display);font-weight:800;font-size:2.4rem;color:var(--gold);
  text-shadow:0 2px 0 #5c3d0c,0 0 24px rgba(232,189,94,.75);animation:fxBurst 1.4s cubic-bezier(.2,.8,.2,1) forwards;white-space:nowrap}
.fx-burst.big{font-size:3.4rem;color:#fff3c4}
.fx-burst.still{animation:fxFade 1.4s forwards}
@keyframes fxBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}35%{transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-110%) scale(1)}}
@keyframes fxFade{0%,70%{opacity:1}100%{opacity:0}}
/* bir telefonda */
.handoff{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px dashed rgba(232,189,94,.55);border-radius:14px;background:rgba(232,189,94,.06)}
.handoff > span{font-size:1.8rem}
.handoff > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.handoff small{color:var(--muted);font-size:.78rem}
.hs-intro{flex-direction:row;align-items:center;gap:12px}.hs-intro > span{font-size:1.8rem}
.hs-name{margin-top:6px}
.btn-cal,.btn-hot{position:relative;min-width:0}
.btn-cal .dot-badge{position:absolute;top:-6px;right:-6px}
/* bacarıq reytinqi */
.sk-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);white-space:nowrap}
.sk-chip b{color:var(--gold)}
.sk-card{text-align:start;gap:8px;cursor:pointer}
.sk-big{font-family:var(--display);font-size:1.15rem}
.sk-elo{font-family:var(--display);font-size:1.6rem;color:var(--gold)}
.sk-bar{flex:none;height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}
.sk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold));border-radius:4px}
.sk-tiers{display:flex;flex-wrap:wrap;gap:6px}
.sk-tier{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1 1 90px;padding:8px 6px;border-radius:10px;background:var(--panel2);font-size:.8rem;font-weight:700;border:1px solid transparent}
.sk-tier small{color:var(--muted);font-weight:500}
.sk-tier.on{border-color:var(--gold);background:rgba(232,189,94,.1)}
/* ipucu və təhlil */
.hand .tile.hint-glow{box-shadow:0 0 0 3px #7dd3fc,0 0 18px rgba(125,211,252,.8);animation:hintPulse 1.1s ease-in-out infinite}
@keyframes hintPulse{50%{transform:translateY(-6px)}}
.btn-hint{gap:4px}
.an-bar{flex:none;height:10px;border-radius:5px;background:var(--panel2);overflow:hidden}
.an-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--gold))}
.an-row{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}
.an-row:last-child{border-bottom:0}
.an-tiles{display:flex;align-items:center;gap:10px}
.an-tiles .tile{--s:18px}
.an-bad .tile{box-shadow:0 0 0 2px var(--bad)}
.an-good .tile{box-shadow:0 0 0 2px var(--ok)}
/* hədiyyə və vitrin */
.btn-gift{min-width:40px}
.gift-row{align-items:center}.gift-who{display:flex;align-items:center;gap:8px;min-width:0}
.sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sc-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:12px 6px;border-radius:12px;background:linear-gradient(160deg,rgba(232,189,94,.14),rgba(232,189,94,.02));border:1px solid var(--gold-lo);min-width:0}
.sc-item i{font-style:normal;font-size:1.7rem}
.sc-item b{font-size:.78rem;line-height:1.2;overflow-wrap:anywhere}
.sc-item small{font-size:.66rem;color:var(--muted);line-height:1.2;overflow-wrap:anywhere}
.sc-item.ach{border-color:rgba(125,211,252,.45);background:linear-gradient(160deg,rgba(125,211,252,.12),transparent)}
.sc-opts{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.sc-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel2)}
.handoff{flex-wrap:wrap}
.handoff > div{flex:1 1 160px}
.handoff .btn{flex:1 1 100%}
/* qlobal / ölkə */
.rk-scope{display:flex;width:100%}
.rk-scope button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-both{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;color:var(--muted)}
.rk-both b{color:var(--gold)}
/* promokod */
.pr-row{display:flex;gap:8px}
.pr-row .input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.08em;font-family:var(--display)}
/* giriş təqvimi */
.cal-head{gap:10px}
.cal-today{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px;border-radius:14px;background:var(--panel2);font-size:1.25rem;font-weight:800}
.cal-today.ready{background:linear-gradient(150deg,rgba(232,189,94,.22),rgba(232,189,94,.04));border:1px solid var(--gold-lo)}
.cal-today .cal-rw{display:inline-flex;align-items:center;gap:6px}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:10px;background:var(--panel2);border:1px solid transparent;min-width:0;min-height:58px}
.cal-cell small{font-size:.66rem;color:var(--muted)}
.cal-ico{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:.62rem;font-weight:700;line-height:1.1;text-align:center}
.cal-ico .cal-rw{display:flex;align-items:center;gap:2px;white-space:nowrap}
.cal-ico .coin{width:10px;height:10px}
.cal-cell.big{border-color:var(--gold-lo);background:linear-gradient(160deg,rgba(232,189,94,.16),var(--panel2))}
.cal-cell.today{border-color:var(--gold);box-shadow:0 0 0 2px rgba(232,189,94,.35)}
.cal-cell.got{opacity:.55}.cal-cell.got .cal-ico{color:var(--ok);font-size:1rem}
.cal-cell.missed{opacity:.35}.cal-cell.missed .cal-ico{font-size:1rem}

/* --- açılış introsu: BlackArmy Games loqosu --- */
.intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;cursor:pointer;background:radial-gradient(ellipse at 50% 45%,#1c1710 0%,#070606 62%,#030303 100%);transition:opacity .6s ease,visibility .6s}
.intro.out{opacity:0;visibility:hidden}
.intro-in{display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 16px}
.intro-logo{position:relative;width:min(56vw,240px);aspect-ratio:1;opacity:0;transform:scale(.72);animation:introLogo .9s cubic-bezier(.18,.9,.25,1.15) .15s forwards,introGlow 1.4s ease-out 1s forwards}
.intro-logo img{width:100%;height:100%;display:block}
.intro-logo::after{content:"";position:absolute;inset:0;-webkit-mask:url(../img/logo-ba.png) center/contain no-repeat;mask:url(../img/logo-ba.png) center/contain no-repeat;
  background:linear-gradient(115deg,transparent 35%,rgba(255,250,225,.95) 50%,transparent 65%);background-size:300% 100%;background-position:120% 0;animation:introSweep 1.1s ease-in-out 1.05s forwards}
.intro-line{height:1px;width:0;margin-top:-12px;background:linear-gradient(90deg,transparent,#e8bd5e,transparent);animation:introLine .8s ease-out 1.25s forwards}
.intro-word{font-family:var(--display);font-weight:800;font-size:clamp(1.05rem,5.4vw,1.6rem);letter-spacing:.24em;padding-left:.24em;white-space:nowrap;direction:ltr;
  background:linear-gradient(180deg,#fff3c4 0%,#e8bd5e 45%,#a26d1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(10px);animation:introUp .7s ease-out 1.35s forwards}
.intro-word b{font-weight:300;letter-spacing:.42em}
@keyframes introLogo{to{opacity:1;transform:none}}
@keyframes introGlow{to{filter:drop-shadow(0 0 26px rgba(232,189,94,.35))}}
@keyframes introSweep{to{background-position:-20% 0}}
@keyframes introLine{to{width:min(300px,72vw)}}
@keyframes introUp{to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.intro-logo,.intro-word{animation:none;opacity:1;transform:none}.intro-logo::after{display:none}.intro-line{animation:none;width:min(300px,72vw)}}

/* Rahat görünüş: böyük daşlar və yazılar, kontrastlı xallar */
html.big-ui{font-size:112.5%;--u:clamp(20px,4.7vw,32px);--hu:clamp(28px,7.6vw,42px)}
html.big-ui .half i{width:calc(var(--s)*.23);height:calc(var(--s)*.23);box-shadow:0 0 0 1px rgba(0,0,0,.55)}
html.big-ui [data-tiles] .half i,html.big-ui .half i{filter:saturate(1.15) contrast(1.15)}
html.big-ui .tile{border-width:1.5px}
html.big-ui .msg{font-size:1.05rem;font-weight:600}
html.big-ui .hint{color:#c9c0b2}
html.big-ui .muted-s,html.big-ui small:not(.btn small){color:#bdb4a6}
html.big-ui .hand{gap:9px}

/* Ayar kartları */
.set-card{display:flex;flex-direction:column;gap:8px}
.nt-kinds{display:flex;flex-direction:column;gap:6px;padding-inline-start:26px}
.nt-kind:has(input:disabled){opacity:.5}
.nt-warn{color:var(--warn)}
.set-card .btn-sm{align-self:flex-start}

/* Qələbəni paylaş */
.sh-btn{white-space:nowrap}
.sh-layer{position:fixed;inset:0;z-index:25;background:rgba(5,4,6,.82);display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}
.sh-box{width:min(420px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.sh-img{width:100%;height:auto;border-radius:14px;display:block;border:1px solid var(--line);max-height:58dvh;object-fit:contain;background:#09080a}
.sh-box .row{display:flex;gap:8px}.sh-box .row .btn{flex:1}
/* oyunçu kartında ID: tam görünür, toxunanda köçürülür */
.pc-id{font:inherit;font-weight:800;color:var(--gold);background:rgba(226,184,92,.08);border:1px solid var(--gold-lo);border-radius:10px;padding:6px 10px;letter-spacing:.06em;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.pc-id:active{transform:scale(.97)}
/* oyunçu kartı: liqa və dərəcə həmişə bir sətirdə, kartın tam enində */
#overlay .pc-meta{flex-wrap:nowrap;margin-top:0;min-width:0;max-width:100%}
#overlay .pc-meta > *{flex:none}
#overlay .pc-meta .sk-chip{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* qızılı düymədə alt yazı tünd və oxunaqlı */
.btn-gold small,html.big-ui .btn-gold small{color:#3d2c0a;opacity:.9;font-weight:600}
/* yuxarıdakı profil düyməsi: ad kəsilsə "…" ilə bitir, VIP nişanı adın üstünə düşmür */
.me-chip .nm-wrap{min-width:0;flex:0 1 auto;display:flex;flex-direction:column;overflow:hidden}
.me-chip .badge{flex:none}
.me-chip > .ava{flex:none}
.me-chip .nm{max-width:100%;display:block}
/* yuxarı sətir: profil düyməsi qalan yeri tutur (ad kəsilir), sağdakı düymələr sıxılmır; VIP adın altında */
.topline .me-chip{flex:1 1 auto;min-width:0;overflow:hidden}
.topline .top-r{flex:none}
.me-chip .nm-wrap{gap:2px}
.me-chip .nm-wrap .badge{align-self:flex-start;padding:1px 6px;font-size:.58rem}
.topline .me-chip{min-width:46px}
#overlay .pc-head{padding-inline-end:34px}
/* dar ekranlar (≤359px): yuxarı düymələr bir az kiçilir ki, ad da görünsün */
@media (max-width:359px){
  .topline{gap:6px}
  .topline .top-r{gap:5px}
  .topline .top-r .icon-btn{width:34px;height:34px;font-size:.95rem}
  .topline .me-chip{gap:6px}
}
@media (max-width:359px){ .topline .coins{padding:5px 5px 5px 8px;gap:4px;font-size:.9rem} .topline .coins .coin{width:16px;height:16px} }
/* "1" xalı da digər xallarla eyni rəngdə (bütün daş dəstlərində) */
.half.n1 i.on{background:var(--t-pip)}
/* elan zolağı və texniki xidmət rejimi (admin) */
.site-ban{--sb:#e2b85c;display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--sb) 55%,transparent);background:color-mix(in srgb,var(--sb) 16%,var(--panel,#17151a));color:var(--ink);font-size:.9rem;line-height:1.35}
.site-ban.c-red{--sb:#ef4444}.site-ban.c-green{--sb:#22c55e}.site-ban.c-blue{--sb:#3b82f6}
.site-ban .sb-txt{flex:1;min-width:0;overflow-wrap:anywhere}
.site-ban .sb-x{flex:none;width:28px;height:28px;border-radius:50%;border:0;background:transparent;color:var(--muted,#a39a8c);font:inherit;cursor:pointer}
#maint-layer{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg,#0d0c0f)}
#maint-layer[hidden]{display:none}
.maint{max-width:420px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.maint h2{margin:0}.maint p{margin:0;overflow-wrap:anywhere}.maint-ico{font-size:3.2rem}
.maint-note{margin:12px 16px 0}
/* mağaza: nişan və endirim */
.sh-badge{position:absolute;top:6px;right:6px;z-index:2;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:#22c55e;color:#06120a}
.sh-badge.sale{background:#ef4444;color:#fff}
.pack-h h3 .sh-badge{position:static;display:inline-block;margin-inline-start:6px;vertical-align:middle}
s.old{opacity:.6;font-weight:600;margin-inline-end:4px;font-size:.85em}
.disc-until{display:block;color:#f87171;font-size:.72rem;margin-top:2px}
.item .pv > .sh-badge,.item .pv.tp > .sh-badge{position:absolute;top:6px;right:6px;left:auto;z-index:3}
.ss-head .ss-hero{padding-right:72px}
/* dar ekran: uzun hədiyyə adı pillə sayının üstünə düşməsin; klan teqi düymənin altına girməsin */
.ev-st-r .ev-rw{white-space:normal;min-width:0;overflow-wrap:anywhere}
.cl-row .lg-name{min-width:0;overflow:hidden}
.cl-row .nm-line{overflow:hidden}
@media (max-width:360px){.cl-row{flex-wrap:wrap}.cl-row .lg-name{flex:1 1 130px}.cl-row .fr-acts{margin-inline-start:auto}}
[dir=rtl] .sheet-x{margin:-8px 0 -46px -8px}
.legal-links,.legal-note{font-size:12.5px;margin:8px 0 0}.legal-links{line-height:1.7}.legal-links a{white-space:nowrap}.legal-links a,.legal-note a{color:var(--gold)}
.legal-pop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;padding:max(12px,var(--sa-top)) 0 0}
.legal-box{width:min(760px,100%);height:min(92vh,100%);background:var(--panel);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:legalUp .22s ease-out}
.legal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 18px;border-bottom:1px solid var(--line)}
.legal-head b{font-size:15px}
.legal-box iframe{flex:1;width:100%;border:0;background:var(--bg)}
@media (min-width:760px){.legal-pop{align-items:center;padding:24px}.legal-box{border-radius:18px;border-bottom:1px solid var(--line);height:min(86vh,900px)}}
@keyframes legalUp{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
.gu-keep{font-size:13.5px;margin:0 0 12px}
.gsi-wrap{display:flex;justify-content:center;min-height:44px}.gsi-wrap>.btn{width:100%}
.gsi-wrap iframe{margin:0 auto!important}
/* Google düyməsi: iframe-in fonu tünd səhifədə ağ görünməsin */
.gsi-wrap,.gsi-wrap iframe{color-scheme:light}
/* Ekranın öz sürüşdürmə zolağı görünmür (oyun kimi); siçan təkəri, toxunuş və klaviatura ilə sürüşdürmə işləyir */
.screen{scrollbar-width:none}.screen::-webkit-scrollbar{display:none;width:0;height:0}

/* ===== bazardan daş seçimi ===== */
.bzpop{position:fixed;inset:auto 0 0 0;z-index:60;display:flex;justify-content:center;padding:0 10px calc(clamp(56px,11vh,110px) + var(--sa-bottom));pointer-events:none}
.bzpop .bz-card{position:relative;pointer-events:auto;width:min(560px,100%);max-height:62vh;overflow:auto;background:linear-gradient(180deg,#1d1a20,#141216);border:1px solid rgba(226,184,92,.35);border-radius:18px;padding:14px 14px 16px;box-shadow:0 -10px 40px rgba(0,0,0,.6);transform:translateY(110%);transition:transform .22s cubic-bezier(.2,.9,.3,1.2);scrollbar-width:none}
.bzpop.show .bz-card{transform:none}
.bzpop[hidden]{display:none!important}
.bzpop:not(.show) .bz-card{visibility:hidden;pointer-events:none}
.bz-head{display:flex;align-items:flex-start;gap:10px}.bz-head>div{flex:1;min-width:0}
.bz-head b{display:block;font:800 1.02rem/1.2 Unbounded,system-ui,sans-serif;color:var(--gold-hi,#f3d48a)}
.bz-head small{display:block;color:var(--muted);font-size:.8rem;margin-top:3px}
.bz-x{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bz-clock{flex:none;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold);padding-top:4px}
.bz-msg{margin:8px 0 10px;font-size:.9rem;color:var(--muted);min-height:1.3em;transition:color .2s}
.bz-msg.on{color:var(--ink)}.bz-msg.ok{color:#7ee2a3;font-weight:700}
.bz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px 6px;justify-items:center}
.bz-tile{width:36px;height:70px;border:0;background:none;cursor:pointer;padding:0;position:relative;border-radius:8px;transition:transform .14s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bz-tile .bz-back{--s:34px;pointer-events:none}
.bz-tile .bz-back .half+.half{border:0}
.bz-tile .bz-back::after{content:"";position:absolute;inset:22%;border-radius:4px;border:1px solid var(--t-div);opacity:.7}
.bz-tile:hover:not(:disabled){transform:translateY(-5px)}
.bz-tile:hover:not(:disabled) .bz-back{box-shadow:0 2px 0 var(--t-lip),0 0 0 2px var(--gold),0 10px 18px rgba(0,0,0,.5)}
.bz-tile:active:not(:disabled){transform:translateY(-2px) scale(.96)}
.bz-tile:disabled{cursor:default}.bz-tile:disabled:not(.picking):not(.flip){opacity:.55}
.bz-tile.picking{animation:bzLift .5s ease-in-out infinite alternate}
.bz-tile.picking .bz-back{box-shadow:0 0 0 2px var(--gold),0 0 22px rgba(226,184,92,.55)}
.bz-tile.taken{opacity:.25!important;transform:scale(.9)}
@keyframes bzLift{from{transform:translateY(-4px)}to{transform:translateY(-10px) scale(1.04)}}
@keyframes bzFlip{0%{transform:rotateY(90deg) scale(1.1)}60%{transform:rotateY(-12deg) scale(1.12)}100%{transform:none}}
.hand .tile.drawn{animation:bzDrawn 1.2s ease-out 1}
@keyframes bzDrawn{0%{transform:translateY(-26px) scale(1.12);box-shadow:0 0 0 3px var(--gold),0 0 26px rgba(226,184,92,.8)}100%{transform:none}}
.msg.auto-pass{color:var(--gold);font-weight:700}
@media (prefers-reduced-motion:reduce){.bzpop .bz-card,.bz-tile{transition:none}.bz-tile.picking,.bz-tile.flip,.hand .tile.drawn{animation:none}}
.bz-reveal{display:none}
.bz-reveal.show{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(14,12,16,.92);border-radius:18px;animation:bzRv .3s ease-out}
.bz-rv-tile{animation:bzFlip .5s ease-out both}
.bz-rv-tile .tile{--s:clamp(40px,12vw,54px);box-shadow:0 3px 0 var(--t-lip),0 0 0 3px var(--gold),0 10px 30px rgba(0,0,0,.6)}
.bz-reveal.no .bz-rv-tile .tile{box-shadow:0 3px 0 var(--t-lip),0 0 0 2px rgba(255,255,255,.25),0 10px 30px rgba(0,0,0,.6)}
.bz-rv-txt{text-align:center;display:flex;flex-direction:column;gap:2px}
.bz-rv-txt small{color:var(--muted);font-size:.8rem}.bz-rv-txt b{font:800 1.4rem/1.1 Unbounded,system-ui,sans-serif;color:var(--ink)}
.bz-rv-txt span{font-weight:700;font-size:.92rem}.bz-rv-txt span.ok{color:#7ee2a3}.bz-rv-txt span.no{color:var(--gold)}
@keyframes bzRv{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.bz-reveal.show,.bz-rv-tile{animation:none}}

/* AdMob banneri (tətbiq): menyu məzmunu banner altında qalmasın */
html.has-banner #scr-menu{padding-bottom:calc(14px + var(--sa-bottom) + var(--ad-h,0px))}
html.has-banner .overlay{padding-bottom:calc(max(16px,var(--sa-bottom)) + var(--ad-h,0px))}