.account-gate{min-height:100svh;display:grid;place-content:center;text-align:center;padding:32px;gap:24px;background:radial-gradient(ellipse at top,var(--pitch),var(--bg))}.account-gate h1{font-size:clamp(30px,6vw,60px);max-width:800px}.account-gate .experience{justify-content:center}.account-gate .ball{margin:auto;width:64px;height:64px}.account-gate p{max-width:650px}.account-gate .top-actions{justify-content:center}
:root[data-theme=night]{--bg:#08111e;--pitch:#14283e;--pitch-2:#102237;--surface:#101f32;--surface-2:#1a3048;--accent:#9fe8ed;--accent-ink:#092930;--muted:#a4bed0;--line:#2a4359;--chalk:#779ab844}
[data-theme=night] .hero{background:radial-gradient(ellipse at 10% 0%,#c4e9ff44,transparent 45%),radial-gradient(ellipse at 90% 0%,#c4e9ff44,transparent 45%),var(--pitch)}[data-theme=night] .hero::before{border-radius:50% 50% 8px 8px}[data-theme=night] .ticket{border-radius:22px;box-shadow:0 8px 22px #050e1a80}[data-theme=night] .perf{border:0;height:2px;background:var(--accent)}
:root[data-theme=royal]{--bg:#181425;--pitch:#2c2344;--pitch-2:#382b52;--surface:#261f39;--surface-2:#332947;--accent:#e2c58c;--accent-ink:#29200d;--muted:#c0b4d0;--line:#50405f;--chalk:#e2c58c44}
[data-theme=royal] .hero{background:linear-gradient(135deg,var(--pitch),var(--bg))}[data-theme=royal] h1,[data-theme=royal] h2{font-style:normal;letter-spacing:.03em}[data-theme=royal] .ticket{border:1px solid var(--accent);border-radius:50px 50px 5px 5px}[data-theme=royal] .board{border:double 5px var(--accent);box-shadow:none}[data-theme=royal] .hero::after{border:double 8px var(--chalk)}
:root[data-theme=derby]{--bg:#200e10;--pitch:#711d27;--pitch-2:#942637;--surface:#34151c;--surface-2:#4a2028;--accent:#ffe4cc;--accent-ink:#51131c;--muted:#d0a8ae;--line:#64303a;--chalk:#ffcabb44}
[data-theme=derby] .hero{background:repeating-linear-gradient(115deg,var(--pitch) 0 90px,var(--pitch-2) 90px 180px)}[data-theme=derby] .ticket{border-radius:0;border-left:7px solid var(--accent)}[data-theme=derby] .board{transform:rotate(-2deg)}[data-theme=derby] .btn{border-radius:0}[data-theme=derby] .section-head{border-left:6px solid var(--accent);padding-left:18px}
:root[data-theme=azzurri]{--bg:#f1f5f8;--pitch:#1755a0;--pitch-2:#2368b8;--surface:#fff;--surface-2:#e1eaf4;--fg:#152e48;--muted:#45627d;--accent:#1755a0;--accent-ink:#fff;--line:#bccddd;--chalk:#8aa4bf77;color-scheme:light}
[data-theme=azzurri] .hero{color:#fff}[data-theme=azzurri] .hero .eyebrow{color:#ffe1a5}[data-theme=azzurri] .hero .eyebrow:before{background:#ffe1a5}[data-theme=azzurri] .hero .btn-ghost{color:#fff;border-color:#ffffff77}[data-theme=azzurri] .hero .btn-primary{background:#fff;color:#1755a0}[data-theme=azzurri] .ticket{border-radius:16px;border-top:6px solid var(--accent)}[data-theme=azzurri] .board{background:#fff;border-color:#b6cce8;color:var(--fg);box-shadow:0 10px 0 #063871}[data-theme=azzurri] .digits span{background:#e1eaf4;text-shadow:none}[data-theme=azzurri] .hero .wrap{grid-template-columns:1fr 1fr}
:root[data-theme=samba]{--bg:#0d2923;--pitch:#1f6440;--pitch-2:#327b42;--surface:#173c2c;--surface-2:#224f38;--accent:#f2d64a;--accent-ink:#193b29;--muted:#b2d0b0;--line:#3e6543;--chalk:#f2d64a55}
[data-theme=samba] .hero{background:conic-gradient(from 45deg at 70% 50%,var(--pitch) 0 25%,var(--pitch-2) 0 50%,var(--pitch) 0 75%,var(--pitch-2) 0)}[data-theme=samba] .hero::after{background:#173861aa;border:12px solid var(--chalk)}[data-theme=samba] .ticket{border-radius:28px 4px 28px 4px}[data-theme=samba] .btn{border-radius:40px}[data-theme=samba] .section-head h2{color:var(--accent)}
:root[data-theme=classic]{--bg:#f0e8d6;--pitch:#3b5949;--pitch-2:#496b55;--surface:#faf4e7;--surface-2:#e6dbc6;--fg:#2a392e;--muted:#596653;--accent:#83442d;--accent-ink:#fff6e6;--line:#b7b49d;--chalk:#b6bba788;--display:Georgia,serif;color-scheme:light}
[data-theme=classic] .hero{color:#fff4d9;background:var(--pitch)}[data-theme=classic] .hero .eyebrow{color:#f0dba8}[data-theme=classic] h1,[data-theme=classic] h2{font-style:normal;text-transform:none}[data-theme=classic] .ticket{border:double 4px var(--line);border-radius:0;box-shadow:5px 5px 0 var(--surface-2)}[data-theme=classic] .board{background:#243a2e;border:4px solid #b09e72;color:#fff4d9}[data-theme=classic] .board .muted,[data-theme=classic] .board-top{color:#c3d4b7}[data-theme=classic] .digits span{color:#f0dba8;text-shadow:none}[data-theme=classic] .btn{border-radius:0}
:root[data-theme=tactics]{--bg:#112d2b;--pitch:#1b423d;--pitch-2:#234b44;--surface:#163632;--surface-2:#23463e;--accent:#e1e8cb;--accent-ink:#213a30;--muted:#a4c0af;--line:#4c7060;--chalk:#a9c9b455;--display:'Courier New',monospace}
[data-theme=tactics] .hero{background:linear-gradient(#d2ecda11 1px,transparent 1px),linear-gradient(90deg,#d2ecda11 1px,transparent 1px),var(--pitch);background-size:32px 32px}[data-theme=tactics] .ticket{border:2px dashed var(--chalk);border-radius:0}[data-theme=tactics] .board{box-shadow:none;background:transparent;border:2px dashed var(--accent)}[data-theme=tactics] h1{font-size:clamp(36px,6vw,65px)}[data-theme=tactics] .btn{border-radius:2px}[data-theme=tactics] .hero::after{border-style:dashed}
:root[data-theme=terrace]{--bg:#171b20;--pitch:#283b41;--pitch-2:#334e56;--surface:#252c32;--surface-2:#343d45;--accent:#e2a366;--accent-ink:#301d0c;--muted:#bac3c8;--line:#505c63;--chalk:#c2c9ce55}
[data-theme=terrace] .hero{background:repeating-linear-gradient(0deg,var(--pitch) 0 28px,var(--pitch-2) 28px 32px)}[data-theme=terrace] .hero .wrap{grid-template-columns:1fr;text-align:center}[data-theme=terrace] .hero .lead{margin-inline:auto}[data-theme=terrace] .hero .actions,[data-theme=terrace] .chips{justify-content:center}[data-theme=terrace] .board{max-width:500px;width:100%;margin:auto;box-shadow:10px 10px 0 #101519}[data-theme=terrace] .ticket{border-radius:2px;border-bottom:8px solid var(--accent)}
:root[data-theme=final]{--bg:#181a18;--pitch:#35382c;--pitch-2:#424634;--surface:#242821;--surface-2:#353b2e;--accent:#d8bd75;--accent-ink:#2a2416;--muted:#b9bea7;--line:#535b41;--chalk:#d8bd7555}
[data-theme=final] .hero{background:radial-gradient(ellipse at top,#d8bd7540,transparent 65%),var(--bg)}[data-theme=final] .hero::before{border:1px solid var(--accent);inset:15px}[data-theme=final] .hero::after{border:double 8px var(--chalk);width:220px;height:220px;transform:translateY(40px)}[data-theme=final] .hero .wrap{grid-template-columns:1fr 1.25fr}[data-theme=final] .board{order:-1;background:var(--surface);border-radius:60px 60px 8px 8px;border:2px solid var(--accent);padding-top:40px;box-shadow:none}[data-theme=final] .ticket{border:0;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);border-radius:0}[data-theme=final] .btn-primary{background:linear-gradient(110deg,#b79a53,#f0dfaa,#b79a53)}
@media(max-width:700px){[data-theme] .hero .wrap{grid-template-columns:1fr}[data-theme=final] .board{order:0}.account-gate{padding:20px}.preference-status{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Til va dizayn — sayt pastida */
.experience{display:flex;align-items:flex-end;gap:14px 22px;flex-wrap:wrap}
.pref{display:grid;gap:6px;min-width:0}
.pref-label{font:700 12px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pref-btn,.select-wrap{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);cursor:pointer;font:600 15px/1 var(--body);transition:border-color .15s ease}
.pref-btn:hover,.select-wrap:hover,.lang-menu[open] .pref-btn{border-color:var(--accent)}
.pref-btn .chev,.select-wrap .chev{width:16px;height:16px;color:var(--accent);transition:transform .2s ease}
.lang-menu{position:relative}
.lang-menu > summary{list-style:none}
.lang-menu > summary::-webkit-details-marker{display:none}
.lang-menu[open] .pref-btn .chev{transform:rotate(180deg)}
.flag{font-size:18px;line-height:1}
.lang-list{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;min-width:200px;display:grid;gap:2px;padding:6px;background:var(--surface);border:1.5px solid var(--accent);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.45);animation:langIn .16s ease}
@keyframes langIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lang-list button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--fg);font:600 15px/1 var(--body);cursor:pointer;text-align:left}
.lang-list button:hover{background:var(--surface-2)}
.lang-list button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}
.lang-list .tick{margin-left:auto;font-weight:800}
.select-wrap{padding-right:38px}
.select-wrap select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;max-width:220px;outline:none}
.select-wrap select option{background:var(--surface);color:var(--fg)}
.select-wrap .chev{position:absolute;right:12px;pointer-events:none}
.account-gate .experience{justify-content:center}
.account-gate .lang-list{bottom:auto;top:calc(100% + 8px)}
@media (max-width:600px){.experience{gap:12px}.pref{flex:1 1 150px}.pref-btn,.select-wrap{width:100%;min-height:42px;font-size:14px}.select-wrap select{max-width:none;width:100%}}
details.lang-menu{border:0;padding:0}
.lang-menu > summary.pref-btn{font:600 15px/1 var(--body);text-transform:none;letter-spacing:0;justify-content:flex-start}
.lang-menu > summary.pref-btn::after,details[open].lang-menu > summary.pref-btn::after{content:none;display:none}
.lang-menu > summary .chev{margin-left:auto}
@media (max-width:600px){.lang-menu > summary.pref-btn{font-size:14px}}


/* Barselona ranglari: ko'k va to'q qizil chiziqlar, sariq urg'u */

/* Manchester Siti ranglari: osmon-ko'k, to'q ko'k, oq */
:root[data-theme=city]{--bg:#eef6fc;--pitch:#6cabdd;--pitch-2:#80b9e4;--surface:#ffffff;--surface-2:#e1eef9;--fg:#1c2c5b;--muted:#4b6488;--accent:#1c2c5b;--accent-ink:#ffffff;--line:#c4dcef;--chalk:#ffffff99;--ok:#1d8a52;color-scheme:light}
[data-theme=city] .hero{background:repeating-linear-gradient(90deg,#6cabdd 0 80px,#7cb6e2 80px 160px);color:#fff}
[data-theme=city] .hero .lead{color:#f2f8ff}
[data-theme=city] .hero .eyebrow{color:#1c2c5b}[data-theme=city] .hero .eyebrow:before{background:#1c2c5b}
[data-theme=city] .hero .btn-primary{background:#1c2c5b;color:#fff}
[data-theme=city] .hero .btn-ghost{color:#fff;border-color:#ffffffaa}
[data-theme=city] .board{background:#1c2c5b;border-color:#6cabdd;color:#fff}
[data-theme=city] .board-sub{color:#c9dcf2}[data-theme=city] .board-sub b,[data-theme=city] .board .handle code{color:#fff}
[data-theme=city] .digits span{background:#26396f;color:#9fd0f5;text-shadow:0 0 16px #6cabdd88}
[data-theme=city] .copy{background:#26396f;color:#fff}
[data-theme=city] .chip{background:#ffffffcc;color:#1c2c5b;border-color:#ffffff}
[data-theme=city] .ticket{border-radius:16px;border:1.5px solid #c4dcef;box-shadow:0 10px 24px #1c2c5b14}
[data-theme=city] .ticket .bonus strong{color:#1c2c5b}
[data-theme=city] .ticket .app-badge{background:#6cabdd;color:#fff}
[data-theme=city] .btn-ghost{color:var(--fg);border-color:#a9c9e6}
[data-theme=city] .topbar{background:#1c2c5b}[data-theme=city] .topbar .brand{color:#fff}
[data-theme=city] .topbar .hello{color:#c9dcf2}[data-theme=city] .topbar .hello b{color:#fff}
[data-theme=city] footer{background:#1c2c5b;color:#fff}[data-theme=city] footer .wrap{color:#d7e6f6}[data-theme=city] footer .pref-label{color:#a9c4e2}
[data-theme=city] .board-top{color:#b9d3ee}

/* ===== Real Madrid: "Bernabeu" — toza oq, oltin hoshiya, to'q ko'k (Los Blancos) ===== */
:root[data-theme=madrid]{--bg:#f4f6fb;--pitch:#ffffff;--pitch-2:#f7f8fc;--surface:#ffffff;--surface-2:#eef1f8;--fg:#0e2350;--muted:#55638a;--accent:#c9a227;--accent-ink:#0e2350;--line:#dfe4f0;--chalk:#c9a22755;--ok:#1d8a52;color-scheme:light}
[data-theme=madrid] body{background:var(--bg)}
[data-theme=madrid] .topbar{background:#ffffffee;color:var(--fg);border-bottom:3px solid #c9a227;box-shadow:0 4px 18px #0e235012;backdrop-filter:blur(8px)}
[data-theme=madrid] .topbar .brand{color:#0e2350}[data-theme=madrid] .topbar .hello{color:#55638a}[data-theme=madrid] .topbar .hello b{color:#0e2350}
[data-theme=madrid] .hero{color:var(--fg);background:
  radial-gradient(ellipse 60% 80% at 85% 10%,#c9a2271f,transparent 60%),
  radial-gradient(ellipse 50% 70% at 0% 100%,#1e4fa314,transparent 60%),
  repeating-linear-gradient(90deg,transparent 0 46px,#c9a2270f 46px 47px),#ffffff}
[data-theme=madrid] .hero::after{border-color:#c9a22755}
[data-theme=madrid] .hero h1{color:#0e2350;text-shadow:none}
[data-theme=madrid] .hero .lead{color:#3a4a73}
[data-theme=madrid] .hero .eyebrow{color:#a8841c}[data-theme=madrid] .hero .eyebrow:before{background:#c9a227}
[data-theme=madrid] .btn-primary{background:linear-gradient(180deg,#e2c25a,#c9a227);color:#0e2350;border-color:#b8921d;box-shadow:0 6px 16px #c9a22740}
[data-theme=madrid] .btn-ghost{color:#0e2350;border-color:#c9cfe0;background:#fff}
[data-theme=madrid] .board{background:linear-gradient(160deg,#0e2350,#18357a);border:2px solid #c9a227;color:#fff;box-shadow:0 22px 46px #0e235033}
[data-theme=madrid] .board .board-label,[data-theme=madrid] .board .handle code,[data-theme=madrid] .board-top{color:#f3e6bd}
[data-theme=madrid] .board-sub{color:#c7d0ea}[data-theme=madrid] .board-sub b{color:#fff}
[data-theme=madrid] .digits span{background:#0a1a3d;color:#f1d27a;border:1px solid #c9a22766;text-shadow:0 0 14px #f1d27a55}
[data-theme=madrid] .copy{background:#c9a227;color:#0e2350}
[data-theme=madrid] .chip{background:#fff;color:#0e2350;border-color:#dfe4f0}
[data-theme=madrid] .ticket{background:#fff;border:1px solid #e3e7f1;border-top:4px solid #c9a227;box-shadow:0 10px 26px #0e235014}
[data-theme=madrid] .ticket.featured{border-color:#c9a227;box-shadow:0 0 0 2px #c9a22766,0 16px 34px #0e235022}
[data-theme=madrid] .section-head h2{color:#0e2350}
[data-theme=madrid] .pcard{background:#fff;border-color:#e3e7f1;box-shadow:0 10px 24px #0e235012}
[data-theme=madrid] .pc-logo{box-shadow:0 0 0 2px #c9a22766}
[data-theme=madrid] footer{background:#0e2350;color:#fff;border-top:3px solid #c9a227}
[data-theme=madrid] footer .wrap{color:#dfe5f5}[data-theme=madrid] footer .pref-label{color:#c7d0ea}
[data-theme=madrid] footer .pref-btn,[data-theme=madrid] footer .select-wrap,[data-theme=madrid] footer .view-btn{background:#13306a;color:#fff;border-color:#2b4a8f}

/* ===== Barselona: blaugrana chiziqlar, oltin urg'u ===== */
:root[data-theme=barca]{--bg:#0a1230;--pitch:#004d98;--pitch-2:#a50044;--surface:#111b45;--surface-2:#1a2766;--fg:#f4f6ff;--muted:#b9c3e6;--accent:#edbb00;--accent-ink:#1a1200;--line:#2b3878;--chalk:#ffffff30}
[data-theme=barca] .topbar{background:#0a1230;border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#004d98 0 50%,#a50044 50% 100%) 1}
[data-theme=barca] .hero{background:linear-gradient(90deg,#0a1230e6 0%,#0a1230b3 45%,#0a123033 75%,transparent),repeating-linear-gradient(90deg,#004d98 0 64px,#a50044 64px 128px)}
[data-theme=barca] .hero .lead{color:#e6e9ff}
[data-theme=barca] .hero .eyebrow{color:#edbb00}[data-theme=barca] .hero .eyebrow:before{background:#edbb00}
[data-theme=barca] .btn-primary{background:#edbb00;color:#1a1200;border-color:#edbb00}
[data-theme=barca] .board{background:#0a1230f0;border:2px solid #edbb00;box-shadow:0 22px 46px #00000066}
[data-theme=barca] .digits span{background:linear-gradient(180deg,#004d98,#0b2a63);color:#edbb00;border:1px solid #edbb0055}
[data-theme=barca] .ticket{border-color:#2b3878;border-left:6px solid #a50044;background:linear-gradient(180deg,#111b45,#0d163b)}
[data-theme=barca] .ticket .app-badge{background:linear-gradient(90deg,#004d98 0 50%,#a50044 50%);color:#fff}
[data-theme=barca] .section-head h2{background:linear-gradient(90deg,#6fa8ee,#ff6a9f);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=barca] .steps li::before{background:#a50044}
[data-theme=barca] .pcard{background:linear-gradient(180deg,#14205033,#111b45 30%);border-color:#2b3878;border-top:3px solid;border-image:linear-gradient(90deg,#004d98,#a50044) 1}
[data-theme=barca] footer{border-top:4px solid #a50044}

/* Klub mavzularidagi umumiy emblema (rasmiy logo emas — faqat jamoa ranglari) */
.club-mark{display:none}
[data-theme=madrid] .club-mark,[data-theme=barca] .club-mark,[data-theme=city] .club-mark{display:inline-block;width:26px;height:30px;margin-right:8px;vertical-align:-7px}
[data-theme=madrid] .club-mark{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(160deg,#e9cd6a,#b8921d) border-box;border:2.5px solid transparent;clip-path:polygon(50% 0,100% 12%,100% 55%,50% 100%,0 55%,0 12%)}
[data-theme=barca] .club-mark{background:repeating-linear-gradient(90deg,#004d98 0 5px,#a50044 5px 10px);clip-path:polygon(50% 0,100% 12%,100% 55%,50% 100%,0 55%,0 12%);box-shadow:inset 0 0 0 2px #edbb00}
[data-theme=city] .club-mark{border-radius:50%;width:28px;height:28px;background:radial-gradient(circle,#fff 0 30%,#6cabdd 31% 70%,#1c2c5b 71%)}

/* Telefon / kompyuter rejimi */
.view-toggle{display:inline-flex;gap:4px;padding:3px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface)}
.view-btn{display:inline-grid;place-items:center;width:38px;height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.view-btn svg{width:18px;height:18px}
.view-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.view-btn:hover{color:var(--fg)}
@media (max-width:600px){.pref.pref-view{flex:0 0 auto}}

/* ===================== YANGI 10 DIZAYN ===================== */
/* 14 · Neon kecha */
:root[data-theme=neon]{--bg:#07060d;--pitch:#0d0b1a;--pitch-2:#120f24;--surface:#100d1f;--surface-2:#171330;--fg:#f3f1ff;--muted:#a59fc9;--accent:#39ff88;--accent-ink:#04140a;--line:#2a2450;--chalk:#ff2bd655;--display:"Unbounded","Barlow Condensed",sans-serif;--body:"Space Grotesk","Barlow",sans-serif}
[data-theme=neon] .hero{background:radial-gradient(60% 80% at 15% 20%,#ff2bd633,transparent 60%),radial-gradient(50% 70% at 90% 80%,#39ff8826,transparent 60%),linear-gradient(#ffffff08 1px,transparent 1px) 0 0/100% 40px,var(--bg)}
[data-theme=neon] .hero::before{border:1px solid #ff2bd666;border-radius:18px;box-shadow:0 0 30px #ff2bd633 inset}
[data-theme=neon] .hero::after{border-color:#39ff8855;box-shadow:0 0 40px #39ff8833}
[data-theme=neon] .hero h1{font-size:clamp(40px,6.4vw,80px);overflow-wrap:normal;font-style:normal;font-weight:800;letter-spacing:-.02em;text-shadow:0 0 18px #ff2bd699,0 0 2px #fff}
[data-theme=neon] .btn{border-radius:999px;font-family:var(--body);font-weight:700;letter-spacing:.02em}
[data-theme=neon] .btn-primary{box-shadow:0 0 18px #39ff8899}
[data-theme=neon] .btn-ghost{border-color:#ff2bd6;color:#ffd6f6;box-shadow:0 0 12px #ff2bd644 inset}
[data-theme=neon] .board{background:#0b0918cc;border:1px solid #39ff8866;border-radius:20px;box-shadow:0 0 40px #39ff8822;backdrop-filter:blur(8px)}
[data-theme=neon] .digits span{background:#05040b;color:#39ff88;border:1px solid #39ff8855;text-shadow:0 0 14px #39ff88}
[data-theme=neon] .ticket,[data-theme=neon] .pcard{border-radius:20px;border:1px solid #2a2450;background:linear-gradient(160deg,#171330,#0d0b1a);box-shadow:0 0 0 1px #ff2bd622,0 14px 30px #0008}
[data-theme=neon] .ticket.featured{box-shadow:0 0 0 2px #39ff88,0 0 30px #39ff8855}
[data-theme=neon] .section-head h2{font-style:normal;background:linear-gradient(90deg,#39ff88,#ff2bd6);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=neon] .topbar,[data-theme=neon] footer{background:#07060dee;border-color:#2a2450}

/* 15 · Sport gazetasi */
:root[data-theme=paper]{--bg:#f3eee3;--pitch:#f3eee3;--pitch-2:#ece5d4;--surface:#fbf8f1;--surface-2:#efe8d8;--fg:#141414;--muted:#5b5446;--accent:#d7261e;--accent-ink:#fff;--line:#1414142e;--chalk:#14141433;--ok:#1d7a3e;color-scheme:light;--display:"Playfair Display",Georgia,serif;--body:"Barlow",Georgia,sans-serif}
[data-theme=paper] .hero{background:var(--bg);border-bottom:3px double #141414}
[data-theme=paper] .hero::before{inset:16px 0 auto;height:0;border:0;border-top:1px solid #141414}
[data-theme=paper] .hero::after{display:none}
[data-theme=paper] h1,[data-theme=paper] h2,[data-theme=paper] h3{text-transform:none;font-style:normal;font-weight:800;letter-spacing:-.01em}
[data-theme=paper] .hero h1{font-style:italic;font-weight:900;color:#141414}
[data-theme=paper] .lead{color:#3b362c;font-family:Georgia,serif;font-size:19px}
[data-theme=paper] .eyebrow{color:#d7261e;font-family:var(--body);letter-spacing:.3em}
[data-theme=paper] .eyebrow::before{background:#d7261e;border-radius:0;transform:none;width:30px;height:3px}
[data-theme=paper] .btn{border-radius:0;font-family:var(--body);letter-spacing:.12em}
[data-theme=paper] .btn-ghost{border:1.5px solid #141414;color:#141414}
[data-theme=paper] .board{background:#141414;border:0;border-radius:0;color:#f3eee3;box-shadow:8px 8px 0 #d7261e}
[data-theme=paper] .board .board-label,[data-theme=paper] .board .handle code,[data-theme=paper] .board-top{color:#f3eee3}
[data-theme=paper] .digits span{background:#f3eee3;color:#141414;border-radius:0;font-family:"Playfair Display",serif}
[data-theme=paper] .copy{background:#d7261e;color:#fff;border-radius:0}
[data-theme=paper] .ticket,[data-theme=paper] .pcard{background:#fbf8f1;border:1.5px solid #141414;border-radius:0;box-shadow:none}
[data-theme=paper] .pc-logo{box-shadow:0 0 0 1.5px #141414}
[data-theme=paper] .pc-tip{border-style:solid;border-color:#d7261e;background:#d7261e14}
[data-theme=paper] .topbar{background:#f3eee3;border-bottom:3px double #141414}
[data-theme=paper] footer{background:#141414;color:#f3eee3}[data-theme=paper] footer .wrap{color:#f3eee3}
[data-theme=paper] .band{border-top:1px solid #14141433}

/* 16 · Oq minimal */
:root[data-theme=minimal]{--bg:#ffffff;--pitch:#ffffff;--pitch-2:#f6f7f9;--surface:#ffffff;--surface-2:#f3f5f8;--fg:#0f1115;--muted:#6b7280;--accent:#0a66ff;--accent-ink:#fff;--line:#e5e7eb;--chalk:#e5e7eb;--ok:#16a34a;color-scheme:light;--display:"Space Grotesk","Barlow",sans-serif;--body:"Space Grotesk","Barlow",sans-serif}
[data-theme=minimal] .hero{background:radial-gradient(70% 90% at 100% 0%,#0a66ff12,transparent 60%),#fff}
[data-theme=minimal] .hero::before,[data-theme=minimal] .hero::after{display:none}
[data-theme=minimal] h1,[data-theme=minimal] h2,[data-theme=minimal] h3{text-transform:none;font-style:normal;letter-spacing:-.03em;font-weight:700}
[data-theme=minimal] .hero h1{font-style:normal;font-weight:700;letter-spacing:-.04em}
[data-theme=minimal] .lead{color:#4b5563}
[data-theme=minimal] .eyebrow{font-family:var(--body);letter-spacing:.08em;font-size:13px}
[data-theme=minimal] .eyebrow::before{border-radius:50%;width:8px;height:8px;transform:none}
[data-theme=minimal] .btn{border-radius:12px;text-transform:none;font-family:var(--body);font-weight:600;letter-spacing:0}
[data-theme=minimal] .btn-ghost{border:1px solid #d1d5db;color:#0f1115}
[data-theme=minimal] .board{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 20px 50px #0f111514;color:#0f1115}
[data-theme=minimal] .board .board-label,[data-theme=minimal] .board .handle code{color:#0f1115}
[data-theme=minimal] .digits span{background:#f3f5f8;color:#0f1115;border-radius:10px;font-family:var(--body);font-weight:700}
[data-theme=minimal] .copy{background:#0f1115;color:#fff;border-radius:10px}
[data-theme=minimal] .ticket,[data-theme=minimal] .pcard{border-radius:20px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 30px #0f11150d}
[data-theme=minimal] .pc-tip{border-style:solid;border-width:1px;border-color:#0a66ff33;background:#0a66ff0d}
[data-theme=minimal] .kf{background:#0f1115;color:#fff}
[data-theme=minimal] .topbar{background:#ffffffe6;backdrop-filter:blur(10px)}
[data-theme=minimal] footer{background:#f6f7f9}

/* 17 · Quyosh botishi */
:root[data-theme=sunset]{--bg:#1a0f2b;--pitch:#3b1460;--pitch-2:#ff7a45;--surface:#251640;--surface-2:#32204f;--fg:#fff6ef;--muted:#cdb8d9;--accent:#ffb347;--accent-ink:#2b1300;--line:#3e2a5e;--chalk:#ffffff40;--display:"Montserrat","Barlow",sans-serif;--body:"Montserrat","Barlow",sans-serif}
[data-theme=sunset] .hero{background:linear-gradient(160deg,#3b1460 0%,#8a2b7c 45%,#ff7a45 85%,#ffb347 100%)}
[data-theme=sunset] .hero::before{display:none}
[data-theme=sunset] .hero::after{width:420px;height:420px;margin:-210px 0 0 -210px;border:0;background:radial-gradient(circle,#ffd29a99,transparent 60%);left:85%;top:85%}
[data-theme=sunset] h1,[data-theme=sunset] h2{font-weight:900;font-style:normal;letter-spacing:-.02em}
[data-theme=sunset] .hero h1{font-style:normal;font-size:clamp(40px,6.4vw,78px);overflow-wrap:normal;text-shadow:0 6px 30px #3b146088}
[data-theme=sunset] .lead{color:#fff1e6}
[data-theme=sunset] .btn{border-radius:16px;font-family:var(--body);font-weight:800;text-transform:none;letter-spacing:0}
[data-theme=sunset] .btn-primary{background:#fff;color:#8a2b7c}
[data-theme=sunset] .btn-ghost{border-color:#ffffff99}
[data-theme=sunset] .board{background:#1a0f2bcc;border:0;border-radius:24px;backdrop-filter:blur(10px);box-shadow:0 30px 60px #1a0f2b88}
[data-theme=sunset] .digits span{background:linear-gradient(180deg,#ff7a45,#ffb347);color:#2b1300;border-radius:12px}
[data-theme=sunset] .ticket,[data-theme=sunset] .pcard{border-radius:24px;border:0;background:linear-gradient(180deg,#32204f,#251640)}
[data-theme=sunset] .section-head h2{background:linear-gradient(90deg,#ffb347,#ff7a9c);-webkit-background-clip:text;background-clip:text;color:transparent}

/* 18 · Sariq-qora */
:root[data-theme=hazard]{--bg:#0b0b0b;--pitch:#111;--pitch-2:#161616;--surface:#141414;--surface-2:#1d1d1d;--fg:#f5f5f5;--muted:#a3a3a3;--accent:#ffd400;--accent-ink:#0b0b0b;--line:#2b2b2b;--chalk:#ffd40055;--display:"Bebas Neue","Barlow Condensed",sans-serif;--body:"Barlow",sans-serif}
[data-theme=hazard] .hero{background:#0b0b0b}
[data-theme=hazard] .hero::before{inset:auto 0 0 0;height:18px;border:0;background:repeating-linear-gradient(-45deg,#ffd400 0 18px,#0b0b0b 18px 36px)}
[data-theme=hazard] .hero::after{display:none}
[data-theme=hazard] .hero h1{font-style:normal;font-weight:400;font-size:clamp(64px,13vw,140px);letter-spacing:.02em;color:#ffd400}
[data-theme=hazard] h2,[data-theme=hazard] h3{font-weight:400;letter-spacing:.03em}
[data-theme=hazard] .btn{border-radius:0;font-weight:400;font-size:22px;letter-spacing:.06em}
[data-theme=hazard] .btn-ghost{border:2px solid #ffd400;color:#ffd400}
[data-theme=hazard] .board{background:#ffd400;color:#0b0b0b;border:0;border-radius:0;box-shadow:10px 10px 0 #262626}
[data-theme=hazard] .board .board-label,[data-theme=hazard] .board .handle code,[data-theme=hazard] .board-top,[data-theme=hazard] .board-sub,[data-theme=hazard] .board-sub b{color:#0b0b0b}
[data-theme=hazard] .digits span{background:#0b0b0b;color:#ffd400;border-radius:0;font-family:"JetBrains Mono",monospace;font-weight:700}
[data-theme=hazard] .copy{background:#0b0b0b;color:#ffd400;border-radius:0}
[data-theme=hazard] .ticket,[data-theme=hazard] .pcard{border-radius:0;border:2px solid #2b2b2b;border-top:6px solid #ffd400;background:#141414}
[data-theme=hazard] .pc-time,[data-theme=hazard] .pc-score,[data-theme=hazard] .kf{font-family:"JetBrains Mono",monospace}
[data-theme=hazard] .topbar{border-bottom:4px solid #ffd400}
[data-theme=hazard] footer{border-top:4px solid #ffd400}

/* 19 · O'zbek naqshi */
:root[data-theme=ikat]{--bg:#082431;--pitch:#0f6e78;--pitch-2:#0b5560;--surface:#0d3242;--surface-2:#123f52;--fg:#fdf8ec;--muted:#a9c9cf;--accent:#f2c14e;--accent-ink:#2a1d00;--line:#1d4f63;--chalk:#f2c14e55;--display:"Montserrat","Barlow",sans-serif;--body:"Montserrat","Barlow",sans-serif}
[data-theme=ikat] .hero{background:
  repeating-linear-gradient(90deg,transparent 0 46px,#f2c14e14 46px 52px,transparent 52px 98px),
  conic-gradient(from 45deg at 50% 50%,#0f6e78 0 25%,#0b5560 0 50%,#0f6e78 0 75%,#0b5560 0) 0 0/64px 64px}
[data-theme=ikat] .hero::before{inset:14px;border:3px solid #f2c14e;border-radius:4px;box-shadow:0 0 0 6px #08243166,0 0 0 9px #f2c14e88}
[data-theme=ikat] .hero::after{border:0;width:220px;height:220px;margin:-110px 0 0 -110px;background:radial-gradient(circle,#f2c14e33 0 30%,transparent 31%),conic-gradient(#f2c14e44 0 10%,transparent 0 20%,#f2c14e44 0 30%,transparent 0 40%,#f2c14e44 0 50%,transparent 0 60%,#f2c14e44 0 70%,transparent 0 80%,#f2c14e44 0 90%,transparent 0);border-radius:50%;opacity:.7}
[data-theme=ikat] .hero .wrap>div:first-child{background:#082431d9;padding:22px;border-radius:14px;border:1px solid #f2c14e55}
[data-theme=ikat] h1,[data-theme=ikat] h2{font-weight:900;font-style:normal}
[data-theme=ikat] .hero h1{font-style:normal;color:#f2c14e;font-size:clamp(40px,6.4vw,74px);overflow-wrap:normal}
[data-theme=ikat] .btn{border-radius:12px;font-family:var(--body);font-weight:800;text-transform:none}
[data-theme=ikat] .board{background:#082431;border:2px solid #f2c14e;border-radius:16px}
[data-theme=ikat] .digits span{background:#0f6e78;color:#fdf8ec;border-radius:8px}
[data-theme=ikat] .ticket,[data-theme=ikat] .pcard{border-radius:16px;border:1px solid #1d4f63;border-top:4px solid;border-image:repeating-linear-gradient(90deg,#f2c14e 0 10px,#0f6e78 10px 20px,#d9534f 20px 30px) 1}
[data-theme=ikat] .topbar,[data-theme=ikat] footer{background:#061b25}
[data-theme=ikat] .topbar{border-bottom:4px solid;border-image:repeating-linear-gradient(90deg,#f2c14e 0 14px,#0f6e78 14px 28px,#d9534f 28px 42px) 1}

/* 20 · Matchday afisha */
:root[data-theme=poster]{--bg:#0e0e0e;--pitch:#e10600;--pitch-2:#0e0e0e;--surface:#181818;--surface-2:#222;--fg:#ffffff;--muted:#bdbdbd;--accent:#ffffff;--accent-ink:#e10600;--line:#2e2e2e;--chalk:#ffffff40;--display:"Bebas Neue","Barlow Condensed",sans-serif;--body:"Barlow",sans-serif}
[data-theme=poster] .hero{background:linear-gradient(115deg,#e10600 0 55%,#0e0e0e 55% 100%)}
[data-theme=poster] .hero::before{display:none}
[data-theme=poster] .hero::after{border:0;left:auto;right:-60px;top:auto;bottom:-80px;margin:0;width:340px;height:340px;background:radial-gradient(circle at 50% 50%,#ffffff12 0 40%,transparent 41%),repeating-conic-gradient(#ffffff10 0 10deg,transparent 10deg 20deg);border-radius:50%}
[data-theme=poster] .hero h1{font-style:normal;font-weight:400;font-size:clamp(70px,15vw,160px);line-height:.88;letter-spacing:.01em}
[data-theme=poster] h2,[data-theme=poster] h3{font-weight:400;letter-spacing:.02em}
[data-theme=poster] .eyebrow{color:#fff}[data-theme=poster] .eyebrow::before{background:#fff}
[data-theme=poster] .btn{border-radius:0;font-weight:400;font-size:22px;letter-spacing:.05em;transform:skewX(-8deg)}
[data-theme=poster] .btn-ghost{border:2px solid #fff}
[data-theme=poster] .board{background:#0e0e0e;border:0;border-left:8px solid #e10600;border-radius:0}
[data-theme=poster] .digits span{background:#e10600;color:#fff;border-radius:0}
[data-theme=poster] .ticket,[data-theme=poster] .pcard{border-radius:0;border:0;border-left:6px solid #e10600;background:#181818}
[data-theme=poster] .pc-tip{border:0;background:#e10600;}
[data-theme=poster] .pc-tip small,[data-theme=poster] .pc-tip-main{color:#fff}
[data-theme=poster] .section-head h2{font-size:clamp(44px,8vw,72px)}
[data-theme=poster] .topbar{background:#0e0e0e;border-bottom:4px solid #e10600}

/* 21 · Muz shisha */
:root[data-theme=glass]{--bg:#e6f6f8;--pitch:#d3f0f3;--pitch-2:#c2e8ee;--surface:#ffffffb3;--surface-2:#ecf8fa;--fg:#082f3a;--muted:#47707a;--accent:#0891b2;--accent-ink:#fff;--line:#c9dcf3;--chalk:#ffffffaa;--ok:#15803d;color-scheme:light;--display:"Space Grotesk","Barlow",sans-serif;--body:"Space Grotesk","Barlow",sans-serif}
[data-theme=glass] body{background:radial-gradient(60% 50% at 10% 10%,#a5f3fc,transparent 60%),radial-gradient(60% 50% at 90% 30%,#ddd6fe,transparent 60%),#e6f6f8}
[data-theme=glass] .hero{background:radial-gradient(55% 70% at 15% 25%,#67e8f9aa,transparent 60%),radial-gradient(45% 60% at 90% 65%,#c4b5fdcc,transparent 60%),radial-gradient(40% 50% at 50% 100%,#f9a8d488,transparent 60%),#e6f6f8}
[data-theme=glass] .hero::before{display:none}
[data-theme=glass] .hero::after{border:0;background:#ffffff66;backdrop-filter:blur(6px);border-radius:40% 60% 55% 45%}
[data-theme=glass] h1,[data-theme=glass] h2{text-transform:none;font-style:normal;letter-spacing:-.03em}
[data-theme=glass] .hero h1{font-style:normal;font-weight:300;letter-spacing:-.05em;background:linear-gradient(90deg,#0e7490,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme=glass] .lead{color:#36506f}
[data-theme=glass] .btn{border-radius:14px;text-transform:none;font-family:var(--body);font-weight:600;letter-spacing:0}
[data-theme=glass] .btn-ghost{background:#ffffff80;border:1px solid #ffffff;color:#0b2545;backdrop-filter:blur(8px)}
[data-theme=glass] .board{background:#ffffff8c;border:1px solid #fff;border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 20px 50px #0891b222;color:#082f3a}
[data-theme=glass] .board .board-label,[data-theme=glass] .board .handle code{color:#0b2545}
[data-theme=glass] .digits span{background:#ffffffcc;color:#0891b2;border-radius:12px;border:1px solid #fff}
[data-theme=glass] .copy{background:#0891b2;color:#fff;border-radius:12px}
[data-theme=glass] .ticket,[data-theme=glass] .pcard{background:#ffffff99;border:1px solid #fff;border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 14px 40px #0b254514}
[data-theme=glass] .kf{background:#0b2545;color:#fff}
[data-theme=glass] .topbar{background:#ffffff99;backdrop-filter:blur(12px)}
[data-theme=glass] footer{background:#ffffff80}

/* 22 · Zumrad lyuks */
:root[data-theme=emerald]{--bg:#04241b;--pitch:#063426;--pitch-2:#073c2c;--surface:#062e22;--surface-2:#0a3b2d;--fg:#f5efe0;--muted:#a9c2b5;--accent:#d4af37;--accent-ink:#1d1600;--line:#d4af3733;--chalk:#d4af3744;--display:"Playfair Display",Georgia,serif;--body:"Montserrat","Barlow",sans-serif}
[data-theme=emerald] .hero{background:radial-gradient(70% 90% at 80% 10%,#0c5a42,transparent 60%),var(--bg)}
[data-theme=emerald] .hero::before{inset:20px;border:1px solid #d4af3766;box-shadow:inset 0 0 0 6px #04241b,inset 0 0 0 7px #d4af3733}
[data-theme=emerald] .hero::after{border:1px solid #d4af3744}
[data-theme=emerald] h1,[data-theme=emerald] h2,[data-theme=emerald] h3{text-transform:none;font-weight:700;letter-spacing:0}
[data-theme=emerald] .hero h1{font-style:italic;color:#f5efe0}
[data-theme=emerald] .eyebrow{color:#d4af37;font-family:var(--body);letter-spacing:.35em;font-size:12px}
[data-theme=emerald] .eyebrow::before{width:28px;height:1px;transform:none}
[data-theme=emerald] .btn{border-radius:2px;font-family:var(--body);font-weight:600;letter-spacing:.18em;font-size:14px}
[data-theme=emerald] .btn-primary{background:linear-gradient(180deg,#e6c55a,#b8921d);color:#1d1600}
[data-theme=emerald] .btn-ghost{border:1px solid #d4af37;color:#d4af37}
[data-theme=emerald] .board{background:#031a13;border:1px solid #d4af37;border-radius:4px}
[data-theme=emerald] .digits span{background:transparent;color:#d4af37;border:1px solid #d4af3766;border-radius:2px;font-family:"Playfair Display",serif}
[data-theme=emerald] .ticket,[data-theme=emerald] .pcard{background:#062e22;border:1px solid #d4af3740;border-radius:4px}
[data-theme=emerald] .pc-tip{border:1px solid #d4af37;background:#d4af3712}
[data-theme=emerald] .topbar,[data-theme=emerald] footer{background:#031a13;border-color:#d4af3733}

/* 23 · Kiber futbol */
:root[data-theme=cyber]{--bg:#120826;--pitch:#1a0b2e;--pitch-2:#22103d;--surface:#1b0d33;--surface-2:#251245;--fg:#e9f7ff;--muted:#9e8fc4;--accent:#00e5ff;--accent-ink:#04121a;--line:#3a2266;--chalk:#00e5ff44;--display:"Unbounded","Barlow Condensed",sans-serif;--body:"Space Grotesk","Barlow",sans-serif}
[data-theme=cyber] .hero{background:linear-gradient(#00e5ff14 1px,transparent 1px) 0 0/100% 32px,linear-gradient(90deg,#00e5ff14 1px,transparent 1px) 0 0/32px 100%,linear-gradient(180deg,#120826,#2a0f4f)}
[data-theme=cyber] .hero::before{inset:auto 0 0 0;height:45%;border:0;background:linear-gradient(transparent,#ff3d7f22),repeating-linear-gradient(90deg,#ff3d7f55 0 1px,transparent 1px 60px);transform:perspective(300px) rotateX(55deg);transform-origin:bottom}
[data-theme=cyber] .hero::after{border:2px solid #ff3d7f;box-shadow:0 0 30px #ff3d7f88}
[data-theme=cyber] .hero h1{font-size:clamp(40px,6.4vw,80px);overflow-wrap:normal;font-style:normal;font-weight:800;letter-spacing:-.02em;color:#e9f7ff;text-shadow:3px 3px 0 #ff3d7f,-2px -2px 0 #00e5ff}
[data-theme=cyber] .btn{border-radius:4px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);font-family:var(--body);font-weight:700}
[data-theme=cyber] .btn-ghost{border:1.5px solid #ff3d7f;color:#ffd1e0}
[data-theme=cyber] .board{background:#0c0420;border:1.5px solid #00e5ff;border-radius:6px;box-shadow:0 0 25px #00e5ff44,inset 0 0 20px #00e5ff22}
[data-theme=cyber] .digits span{background:#120826;color:#00e5ff;border:1px solid #00e5ff66;text-shadow:0 0 10px #00e5ff}
[data-theme=cyber] .ticket,[data-theme=cyber] .pcard{border-radius:6px;border:1px solid #3a2266;background:linear-gradient(160deg,#251245,#1b0d33);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
[data-theme=cyber] .section-head h2{color:#00e5ff;text-shadow:2px 2px 0 #ff3d7f}
[data-theme=cyber] .topbar,[data-theme=cyber] footer{background:#0c0420;border-color:#3a2266}

[data-theme=paper] .board-sub,[data-theme=paper] .board-sub b{color:#f3eee3}
[data-theme=neon] .brand,[data-theme=cyber] .brand{font-family:"Space Grotesk",var(--body);font-weight:700;letter-spacing:0}
[data-theme=glass] .section-head h2{color:#0e7490}

[data-theme=minimal] .section-head h2,[data-theme=glass] .section-head h2{font-style:normal}

/* ============ YANGI DIZAYNLAR: TUGMALAR JOYLASHUVI (har biri boshqacha) ============ */
:is([data-theme=neon],[data-theme=paper],[data-theme=minimal],[data-theme=sunset],[data-theme=hazard],[data-theme=ikat],[data-theme=poster],[data-theme=glass],[data-theme=emerald],[data-theme=cyber]) .btn-apps .ico-apps{display:block;width:18px;height:18px;flex:none}

/* 1 · Neon — markazda, tugmalar ustma-ust, Prognozlar eng tepada */
[data-theme=neon] .hero .wrap>div:first-child{text-align:center}
[data-theme=neon] .hero .lead{margin-inline:auto}
[data-theme=neon] .partners-strip{justify-items:center}
[data-theme=neon] .actions{flex-direction:column;align-items:stretch;max-width:430px;margin-inline:auto;gap:10px}
[data-theme=neon] .actions .btn{flex:none;width:100%;padding:15px 18px;font-size:16px}
[data-theme=neon] .actions .btn-preds{order:-1;background:linear-gradient(90deg,#ff2bd6,#7b2bff);color:#fff;border:0;box-shadow:0 0 24px #ff2bd699;font-size:18px;padding:18px}
[data-theme=neon] .actions .btn-apps{border-color:#39ff8866;color:#d9ffe9}

/* 2 · Sport gazetasi — qizil asosiy tugma, ostida gazeta menyusidek havolalar */
[data-theme=paper] .actions{display:flex;flex-wrap:wrap;align-items:center;gap:0;max-width:520px}
[data-theme=paper] .actions .btn-join{flex:1 1 100%;margin-bottom:14px;padding:16px;font-size:15px}
[data-theme=paper] .actions .btn-apps,[data-theme=paper] .actions .btn-preds{flex:none;background:none;border:0;border-radius:0;padding:2px 16px 2px 0;color:#141414;font:italic 800 19px/1.2 "Playfair Display",Georgia,serif;text-transform:none;letter-spacing:0;text-decoration:underline;text-decoration-color:#d7261e;text-decoration-thickness:2px;text-underline-offset:5px}
[data-theme=paper] .actions .btn-preds{border-left:1.5px solid #141414;padding-left:16px}
[data-theme=paper] .actions .btn-apps svg,[data-theme=paper] .actions .btn-preds svg{color:#d7261e}

/* 3 · Oq minimal — yaxlit "segment" panel, kompyuterda tablo chapda */
[data-theme=minimal] .actions{display:inline-flex;flex-wrap:nowrap;gap:4px;padding:5px;border-radius:16px;background:#f3f5f8;border:1px solid #e5e7eb;max-width:100%}
[data-theme=minimal] .actions .btn{flex:1 1 auto;border:0;border-radius:12px;padding:12px 16px;background:transparent;color:#0f1115;white-space:nowrap}
[data-theme=minimal] .actions .btn-join{background:#0a66ff;color:#fff;box-shadow:0 4px 14px #0a66ff44}
[data-theme=minimal] .actions .btn:not(.btn-join):hover{background:#fff}
@media (min-width:821px){[data-theme=minimal] .hero .wrap{grid-template-columns:1fr 1.35fr}[data-theme=minimal] .board-wrap{order:-1}}
@media (max-width:600px){[data-theme=minimal] .actions{display:flex;width:100%}[data-theme=minimal] .actions .btn{flex:1 1 0;padding:10px 4px;font-size:12px;gap:5px;flex-direction:column}[data-theme=minimal] .actions .btn svg{width:18px;height:18px}}

/* 4 · Quyosh botishi — telefonda pastki ilova-menyu, kompyuterda suzuvchi pill */
[data-theme=sunset] .actions{display:inline-flex;flex-wrap:nowrap;width:max-content;max-width:100%;gap:4px;padding:6px;border-radius:30px;background:#ffffff26;backdrop-filter:blur(8px);border:1px solid #ffffff40}
[data-theme=sunset] .actions .btn{flex:none;border:0;border-radius:999px;background:transparent;color:#fff;padding:10px 14px;font-size:15px;white-space:nowrap}
[data-theme=sunset] .actions .btn-join{background:#fff;color:#8a2b7c}
@media (max-width:820px){
  [data-theme=sunset] body:not(.editing){padding-bottom:92px}
  [data-theme=sunset] body:not(.editing) .actions{position:fixed;width:auto;max-width:none;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:60;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:6px;border-radius:24px;background:#1a0f2bf0;border:1px solid #ffffff22;box-shadow:0 14px 40px #000a}
  [data-theme=sunset] body:not(.editing) .actions .btn{flex-direction:column;gap:4px;padding:9px 4px;font-size:11px;border-radius:18px;white-space:nowrap}
  [data-theme=sunset] body:not(.editing) .actions .btn svg{width:22px;height:22px}
  [data-theme=sunset] body:not(.editing) .actions .btn-join{background:linear-gradient(135deg,#ff7a45,#ffb347);color:#2b1300}
  [data-theme=sunset] body.has-rp .actions{display:none}
  /* pastki menyu sahifadagi rasmlar (logolar) ustida tursin, tepadagi panel ostida */
  [data-theme=sunset] body:not(.editing) .hero .wrap{z-index:25}
  [data-theme=sunset] body:not(.editing) .actions{-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}
}

/* 5 · Sariq-qora — katta kvadrat plitkalar, ikonka tepada */
[data-theme=hazard] .actions{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:10px}
[data-theme=hazard] .actions .btn{flex-direction:column;aspect-ratio:1/1;padding:10px;gap:12px;font-size:21px;line-height:1;text-align:center;white-space:normal;background:#1d1d1d;border:2px solid #ffd400;color:#ffd400}
[data-theme=hazard] .actions .btn svg{width:36px;height:36px}
[data-theme=hazard] .actions .btn-join{background:#ffd400;color:#0b0b0b}
@media (max-width:600px){[data-theme=hazard] .actions{grid-template-columns:repeat(3,1fr);gap:8px}[data-theme=hazard] .actions .btn{font-size:16px;gap:8px;padding:6px}[data-theme=hazard] .actions .btn svg{width:28px;height:28px}}

/* 6 · O'zbek naqshi — dumaloq ikonka-tugmalar, yozuv ostida */
[data-theme=ikat] .actions{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:22px}
[data-theme=ikat] .actions .btn{flex:none;flex-direction:column;gap:8px;background:none;border:0;padding:0;color:#fdf8ec;font-size:14px;font-weight:700;white-space:nowrap}
[data-theme=ikat] .actions .btn svg{width:70px;height:70px;padding:20px;box-sizing:border-box;border-radius:50%;background:#0f6e78;border:2.5px solid #f2c14e;color:#f2c14e;box-shadow:0 0 0 5px #08243199,0 8px 18px #0006}
[data-theme=ikat] .actions .btn-join svg{background:#f2c14e;color:#082431}
[data-theme=ikat] .actions .btn:hover svg{transform:translateY(-2px)}
@media (max-width:600px){[data-theme=ikat] .actions{justify-content:space-around;gap:6px}[data-theme=ikat] .actions .btn{flex:1 1 0;font-size:12px}[data-theme=ikat] .actions .btn svg{width:60px;height:60px;padding:17px}}

/* 7 · Matchday afisha — raqamlangan menyu, o'q bilan */
[data-theme=poster] .actions{display:grid;gap:0;max-width:520px;counter-reset:pb;border-top:2px solid #fff}
[data-theme=poster] .actions .btn{transform:none;justify-content:flex-start;background:none;border:0;border-bottom:2px solid #ffffff;border-radius:0;color:#fff;padding:12px 2px;font-size:30px;gap:12px}
[data-theme=poster] .actions .btn::before{counter-increment:pb;content:"0" counter(pb);font:400 16px/1 "Bebas Neue",sans-serif;opacity:.65;order:-1}
[data-theme=poster] .actions .btn::after{content:"→";margin-left:auto;font-size:30px;transition:transform .2s}
[data-theme=poster] .actions .btn:hover::after{transform:translateX(6px)}
[data-theme=poster] .actions .btn svg{display:none}
[data-theme=poster] .actions .btn-join{color:#fff;background:linear-gradient(90deg,#ffffff22,transparent)}
@media (max-width:600px){[data-theme=poster] .actions .btn{font-size:24px;padding:10px 2px}[data-theme=poster] .actions .btn::after{font-size:24px}}

/* 8 · Muz shisha — "bento" kartalar: Prognozlar katta karta */
[data-theme=glass] .actions{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:10px;max-width:480px}
[data-theme=glass] .actions .btn{justify-content:flex-start;padding:16px;border-radius:20px;background:#ffffffa6;border:1px solid #fff;color:#082f3a;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0891b21f}
[data-theme=glass] .actions .btn svg{width:22px;height:22px;padding:8px;box-sizing:content-box;border-radius:12px;background:#0891b21a;color:#0891b2}
[data-theme=glass] .actions .btn-preds{grid-column:1;grid-row:1/3;flex-direction:column;align-items:flex-start;justify-content:space-between;background:linear-gradient(150deg,#0891b2,#7c3aed);color:#fff;border:0;font-size:20px;min-height:150px}
[data-theme=glass] .actions .btn-preds svg{width:30px;height:30px;background:#ffffff33;color:#fff}
[data-theme=glass] .actions .btn-join{grid-column:2;grid-row:1}
[data-theme=glass] .actions .btn-apps{grid-column:2;grid-row:2}
@media (max-width:600px){[data-theme=glass] .actions{max-width:none}[data-theme=glass] .actions .btn{padding:12px;font-size:13px;white-space:normal;text-align:left}[data-theme=glass] .actions .btn-preds{font-size:17px;min-height:128px}}

/* 9 · Zumrad lyuks — markazda, oltin asosiy tugma, naqshli ajratgich, ostida ikki tugma */
[data-theme=emerald] .hero .wrap>div:first-child{text-align:center}
[data-theme=emerald] .hero .lead{margin-inline:auto}
[data-theme=emerald] .eyebrow{justify-content:center}
[data-theme=emerald] .actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;max-width:440px;margin-inline:auto}
[data-theme=emerald] .actions .btn-join{grid-column:1/-1;grid-row:1;padding:17px}
[data-theme=emerald] .actions::after{content:"✦  ✦  ✦";grid-column:1/-1;grid-row:2;color:#d4af37;font-size:11px;letter-spacing:.3em;text-align:center;opacity:.8}
[data-theme=emerald] .actions .btn-apps{grid-row:3;grid-column:1}
[data-theme=emerald] .actions .btn-preds{grid-row:3;grid-column:2}
[data-theme=emerald] .actions .btn{min-width:0}
[data-theme=emerald] .actions .btn-apps,[data-theme=emerald] .actions .btn-preds{font-size:12px;padding:12px 6px;letter-spacing:.06em;white-space:normal;text-align:center}
@media (max-width:600px){[data-theme=emerald] .actions .btn-apps,[data-theme=emerald] .actions .btn-preds{font-size:11px;letter-spacing:.03em}[data-theme=emerald] .actions .btn-join{letter-spacing:.12em}}

/* 10 · Kiber futbol — zinapoya: har bir tugma o'ngga siljigan */
[data-theme=cyber] .actions{display:grid;gap:10px;max-width:460px}
[data-theme=cyber] .actions .btn{justify-content:space-between;padding:14px 18px;font-size:16px;text-transform:uppercase;letter-spacing:.08em}
[data-theme=cyber] .actions .btn::after{content:"▸";color:currentColor;opacity:.8}
[data-theme=cyber] .actions .btn:nth-child(2){margin-left:28px;border-color:#00e5ff;color:#bff7ff}
[data-theme=cyber] .actions .btn:nth-child(3){margin-left:56px}
[data-theme=cyber] .actions .btn-join{box-shadow:0 0 22px #00e5ff77}
@media (max-width:600px){[data-theme=cyber] .actions .btn{font-size:13px;padding:12px 14px}[data-theme=cyber] .actions .btn:nth-child(2){margin-left:18px}[data-theme=cyber] .actions .btn:nth-child(3){margin-left:36px}}
@media (min-width:821px){[data-theme=cyber] .hero .wrap{grid-template-columns:1fr 1.35fr}[data-theme=cyber] .board-wrap{order:-1}}

/* --- Ilova kartalaridagi tugmalar ham har xil --- */
[data-theme=ikat] .ticket .btn{border-radius:999px}
[data-theme=poster] .ticket .btn{transform:none}
[data-theme=glass] .ticket .btn{border-radius:16px}
[data-theme=emerald] .ticket .btn{letter-spacing:.14em}