:root{color-scheme:dark;--bg:#05080f;--bg-deep:#07101f;--panel:#0c1424;--panel-hi:#101a2c;--border:rgba(141,163,201,.14);--border-light:rgba(164,187,223,.18);--text:#f3f6ff;--muted:#8e9aaf;--faint:#626e84;--blue:#0b61df;--blue-bright:#287cf5;--green:#46d59a;--gold:#ffc531;--display:Inter,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{width:100%;min-height:100%;scroll-behavior:smooth;scroll-padding-top:86px}body{width:100%;margin:0;min-height:100vh;background:radial-gradient(ellipse at 52% -20%,rgba(13,34,69,.44),transparent 45%),linear-gradient(125deg,#05080f 2%,#07101c 53%,#060b14 100%);color:var(--text);font-family:var(--display);font-size:13px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.orb{position:absolute;display:block;border-radius:50%;filter:blur(48px);opacity:.1;pointer-events:none}.orb-blue{width:370px;height:370px;top:7%;left:31%;background:radial-gradient(circle at 33% 29%,#9cc0ff 0,rgba(45,122,255,.9) 23%,#073fbd 53%,transparent 74%);opacity:.26;animation:float 18s ease-in-out infinite}.orb-gold{width:310px;height:310px;top:24%;right:9%;background:radial-gradient(circle at 35% 28%,#fff3b5 0,#ffc531 25%,#c67705 60%,transparent 75%);opacity:.17;animation:float 23s ease-in-out -4s infinite reverse}.orb-cyan{width:300px;height:300px;top:54%;left:29%;background:radial-gradient(circle at 34% 28%,#cffbff 0,#45dfff 24%,#0870ca 60%,transparent 76%);opacity:.18;animation:float 22s ease-in-out -9s infinite}.orb-green{width:250px;height:250px;top:74%;right:19%;background:radial-gradient(circle at 35% 28%,#e8ffd1 0,#71d949 24%,#11894f 58%,transparent 75%);opacity:.14;animation:float 24s ease-in-out -6s infinite}@keyframes float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-28px,0) scale(1.07)}}.app-shell{position:relative;z-index:1;display:flex;align-items:flex-start;gap:25px;width:min(100%,1800px);min-height:100vh;margin:0 auto;padding:22px 28px 30px;overflow:clip}.glass{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(17,28,47,.86),rgba(10,17,30,.92));border:1px solid var(--border);box-shadow:0 14px 44px rgba(0,0,0,.2),inset 0 1px 0 rgba(213,225,255,.055);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);overflow:hidden}.sidebar{position:sticky;top:22px;flex:0 0 244px;display:flex;flex-direction:column;min-height:calc(100vh - 44px);max-height:calc(100vh - 44px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(120,150,195,.35) transparent;padding:23px 16px 13px;border-radius:23px;background:linear-gradient(164deg,rgba(13,22,39,.97),rgba(10,17,30,.98) 75%);box-shadow:0 18px 58px rgba(0,0,0,.29),inset 0 1px 0 rgba(220,234,255,.07)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(120,150,195,.28)}.sidebar::-webkit-scrollbar-track{background:transparent}.brand{flex:none;display:flex;align-items:center;gap:8px;color:#f5f7ff;text-decoration:none}.brand-logo{display:inline-flex;align-items:baseline;font-family:"Fredoka",var(--display);font-weight:600;font-size:23px;line-height:1.06;letter-spacing:-.2px;white-space:nowrap;color:#FFFFFF}.brand-logo-pam{color:#0B61DF}.brand-tagline{margin:5px 0 21px 0;color:#6d7c94;font-size:8px;font-weight:750;letter-spacing:1.42px;white-space:nowrap}.side-search{height:38px;display:flex;align-items:center;gap:10px;padding:0 11px;margin:0 0 23px;color:#76849a;border:1px solid rgba(153,174,209,.115);border-radius:10px;background:rgba(255,255,255,.025);transition:border-color .2s,background .2s}.side-search:focus-within{border-color:rgba(53,120,238,.62);background:rgba(20,46,85,.23)}.side-search svg{width:17px;height:17px;flex:none}.side-search input{min-width:0;width:100%;height:100%;outline:0;border:0;background:transparent;color:#f2f6ff;font-size:11px}.side-search input::placeholder{color:#76839a}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-group,.section-kicker{color:#748198;font-size:9px;font-weight:780;letter-spacing:1.55px}.nav-group{padding:0 10px 8px}.nav-group-second{margin-top:21px}.nav-link{height:39px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:9px;text-decoration:none;color:#9aa7ba;font-size:12px;font-weight:530;transition:background .2s,color .2s,transform .2s}.nav-link:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.nav-link svg{width:16px;height:16px;flex:none;color:#8290a6}.nav-link.active{color:white;background:linear-gradient(105deg,#0b61df,#1670ed);box-shadow:0 5px 17px rgba(11,97,223,.27)}.nav-link.active svg{color:#d7e8ff}.nav-count{margin-left:auto;padding:3px 6px;border:1px solid rgba(156,181,224,.14);border-radius:6px;background:rgba(255,255,255,.055);color:#a8b7ce;font-size:9px}.live-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#38d992;box-shadow:0 0 9px rgba(56,217,146,.7)}.club-nav-badge{margin-left:auto;color:var(--gold);font-size:13px}.club-promo{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;flex:1;min-height:137px;margin-top:auto;padding:13px;border:1px solid rgba(184,185,214,.15);border-radius:14px;background:#14223a;overflow:hidden;text-decoration:none}.club-photo,.club-photo-overlay{position:absolute;inset:0;z-index:-1}.club-photo{background:url("/mbappe.jpg") center 34%/cover;filter:saturate(.78)}.club-photo-overlay{background:linear-gradient(180deg,rgba(4,10,20,.03) 7%,rgba(5,10,18,.20) 35%,rgba(5,9,17,.94) 100%)}.club-chip{position:absolute;top:10px;left:10px;padding:4px 7px;border:1px solid rgba(255,208,91,.29);border-radius:5px;background:rgba(19,17,14,.55);color:#ffd767;font-size:8px;font-weight:800;letter-spacing:1px;backdrop-filter:blur(6px)}.club-promo-copy{position:relative}.club-promo-copy>b{display:block;color:#fff;font-size:13px;font-weight:760}.club-promo-copy>small{display:block;margin:3px 0 9px;color:#bfcbdb;font-size:10px}.club-cta{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(12,17,29,.68);color:#fff;font-size:10px;font-weight:650;backdrop-filter:blur(9px)}.club-cta span+span{color:#ffd05c}.photo-credit{margin:5px 0 5px;color:#657187;font-size:7px;line-height:1.5;text-align:center}.admin-link{margin-top:6px}.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 5px 1px;border-top:1px solid rgba(165,183,215,.1);color:#738097;font-size:9px}.demo-indicator{display:flex;align-items:center;gap:7px;letter-spacing:.6px}.demo-indicator i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(70,213,154,.45)}.sidebar-version{color:#536076;font-size:8px;letter-spacing:1px}.main-area{flex:1;min-width:0;max-width:1370px;margin:0 auto}.topbar{position:sticky;top:0;z-index:5;min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-1px 0 20px;padding:10px 0;background:linear-gradient(180deg,#070c16 64%,rgba(7,12,22,.93));backdrop-filter:blur(15px)}.greeting>p{margin:0;color:#eef2fb;font-size:17px;font-weight:720;letter-spacing:-.4px}.greeting>p span{font-size:15px}.current-date{display:block;margin-top:5px;color:#8390a5;font-size:10px;letter-spacing:.1px}.topbar-actions{display:flex;align-items:center;gap:13px}.language-wrap{height:34px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.024);color:#aab6c8}.language-wrap>svg:first-child{width:15px;height:15px}.language-wrap select{width:39px;padding:0;appearance:none;outline:0;border:0;background:transparent;color:#e4eaf6;font-size:10px;font-weight:730;cursor:pointer}.language-wrap select option{background:#101a2a}.select-chevron{width:11px;height:11px;color:#7d8ba0;pointer-events:none}.icon-button{position:relative;width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.024);color:#abb7cb;cursor:pointer}.icon-button svg{width:17px;height:17px}.header-divider{height:26px;width:1px;background:rgba(155,175,206,.15)}.user-profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(115,166,252,.32);border-radius:11px;background:linear-gradient(145deg,#183e70,#10233b);color:#cfdeff;font-size:11px;font-weight:750}.user-name{font-size:11px;font-weight:660;white-space:nowrap}.user-name small{display:block;margin-top:3px;color:#78869b;font-size:9px;font-weight:440}.user-profile>svg{width:12px;height:12px;color:#78869b}.dashboard{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:1240px;margin:0 auto}.primary-column{min-width:0}.primary-column{animation:rise-in .66s cubic-bezier(.22,.8,.3,1) both}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 18px}.eyebrow{display:flex;align-items:center;gap:8px;color:#8190a7;font-size:9px;font-weight:760;letter-spacing:1.55px}.eyebrow-line{width:17px;height:1px;background:#3e82f0}.demo-tag{padding:3px 6px;border:1px solid rgba(89,154,255,.18);border-radius:4px;background:rgba(30,96,182,.1);color:#80b2ff;font-size:8px;letter-spacing:.9px}.page-intro h1{margin:8px 0 5px;font-size:clamp(29px,3.4vw,40px);font-weight:840;letter-spacing:-1.9px;line-height:1.12}.page-intro h1 span{color:#498cff}.page-intro>div>p{margin:0;color:#929db0;font-size:12px}.date-filter{display:flex;align-items:center;gap:7px;min-height:33px;padding:0 9px;margin-bottom:2px;border:1px solid var(--border);border-radius:8px;background:rgba(15,24,40,.72);color:#c0cada;font-size:10px;white-space:nowrap;cursor:pointer}.date-filter>svg{width:14px;height:14px;color:#8e9ab0}.date-filter .chevron{width:11px;color:#77859b}.date-filter-value{padding:3px 5px;border-radius:4px;background:rgba(255,255,255,.06);color:#f0f4fb;font-size:8px;font-weight:720;letter-spacing:.3px}.challenge-card{min-height:224px;padding:17px 20px 15px;border-radius:18px;background:linear-gradient(114deg,rgba(14,27,49,.99) 0%,rgba(12,23,41,.97) 56%,rgba(12,22,39,.9) 100%);border-color:rgba(114,156,220,.2);box-shadow:0 15px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(224,237,255,.065)}.challenge-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.art-ring{position:absolute;width:250px;height:250px;right:-28px;top:-91px;border:1px solid rgba(69,132,240,.12);border-radius:50%;box-shadow:0 0 38px rgba(38,104,214,.08),inset 0 0 30px rgba(38,104,214,.055)}.ring-two{width:190px;height:190px;right:2px;top:-60px;border-color:rgba(95,154,250,.15)}.art-light{position:absolute;width:235px;height:155px;top:-32px;right:27px;background:radial-gradient(ellipse,rgba(15,92,206,.22),transparent 70%);filter:blur(15px)}.art-ball{position:absolute;right:58px;top:26px;font-size:92px;opacity:.08;filter:grayscale(.3);transform:rotate(-19deg)}.challenge-card-top{position:relative;display:flex;justify-content:space-between;align-items:center}.section-kicker{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1.32px;white-space:nowrap}.kicker-icon{color:#5092fa;font-size:12px}.match-live-tag{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(255,197,49,.17);border-radius:20px;background:rgba(255,195,49,.06);color:#e6bb62;font-size:8px;font-weight:730;letter-spacing:.5px}.match-live-tag i{width:5px;height:5px;border-radius:50%;background:#ffcf55;box-shadow:0 0 8px #f7bf3d}.feature-league{display:flex;align-items:center;gap:7px;margin-top:14px;color:#9aa8be;font-size:8px;font-weight:730;letter-spacing:1.05px}.league-emblem{color:#f3c855;font-size:14px}.league-divider{width:1px;height:10px;margin:0 2px;background:rgba(163,183,218,.23)}.feature-match{display:flex;align-items:center;justify-content:center;gap:25px;margin:9px auto 16px;max-width:500px}.feature-team{min-width:0;display:flex;align-items:center;gap:10px}.feature-team:first-child{text-align:right}.feature-team>b{font-size:clamp(13px,1.4vw,16px);font-weight:730;letter-spacing:-.4px;white-space:nowrap}.club-crest{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,255,255,.13);border-radius:12px;font-size:9px;font-weight:850;letter-spacing:-.4px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.psg-crest{background:radial-gradient(circle at 50% 33%,#224e97,#0b244a 75%);color:#e9d8ae}.real-crest{background:radial-gradient(circle at 50% 31%,#e8cb78,#f5f0db 35%,#556c9d 38%,#f4ecd2 68%);color:#344875;font-size:8px}.versus{display:flex;flex-direction:column;align-items:center;gap:4px;color:#76839a}.versus>span{font-size:7px;letter-spacing:1px}.versus>strong{color:#f0f3fa;font-size:16px;font-weight:730;letter-spacing:2px}.versus>small{color:#80aeff;font-size:10px;font-weight:700}.feature-footer{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid rgba(169,190,227,.12)}.countdown-area{display:flex;align-items:center;gap:11px}.countdown-label{color:#8795aa;font-size:8px;font-weight:680;letter-spacing:.8px}.countdown{display:flex;align-items:center;gap:4px}.countdown>span{display:flex;align-items:baseline;gap:2px;color:#eaf1ff}.countdown b{font-size:15px;font-variant-numeric:tabular-nums;font-weight:780}.countdown small{color:#7c8ba1;font-size:7px}.countdown>i{color:#6882a8;font-size:12px;font-style:normal}.button-primary{height:34px;flex:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid rgba(111,164,252,.21);border-radius:8px;background:linear-gradient(125deg,#116be8,#0a58ca);box-shadow:0 5px 16px rgba(11,97,223,.23);color:white;font-size:10px;font-weight:730;text-decoration:none;transition:transform .2s,box-shadow .2s}.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,97,223,.35)}.button-primary svg{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.stat-card{min-width:0;min-height:101px;padding:12px 12px 9px;border-radius:13px;transition:transform .23s,border-color .23s,box-shadow .23s}.stat-card:hover,.best-players-card:hover,.ranking-card:hover,.tier-card:hover,.step-card:hover{transform:translateY(-2px);border-color:rgba(143,174,225,.27);box-shadow:0 16px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(213,225,255,.06)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat-label{min-width:0;color:#8491a6;font-size:7.5px;font-weight:750;letter-spacing:.8px;line-height:1.45}.stat-icon{width:26px;height:26px;display:grid;place-items:center;flex:none;border:1px solid rgba(112,156,224,.15);border-radius:8px;background:rgba(62,108,178,.1);color:#63a0ff}.stat-icon svg{width:15px;height:15px}.gold-icon{border-color:rgba(255,197,49,.15);background:rgba(255,197,49,.07);color:#f4c14e}.green-icon{border-color:rgba(61,213,149,.15);background:rgba(61,213,149,.07);color:#59d8a0}.purple-icon{border-color:rgba(177,129,255,.15);background:rgba(177,129,255,.07);color:#b390f5}.stat-value{display:flex;align-items:baseline;gap:4px;margin-top:6px;white-space:nowrap}.stat-value>b{font-size:24px;font-weight:780;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat-value>span,.stat-value>small{color:#a9b3c4;font-size:9px}.stat-value>b[data-count="42300"]{font-size:20px}.stat-change{display:inline-flex;align-items:center;gap:3px;margin-top:1px;color:#5bd99f;font-size:8px;font-weight:720}.stat-change i{font-size:9px;font-style:normal}.stat-change small{color:#78869b;font-size:8px;font-weight:430}.neutral-change{color:#4cd69b}.neutral-change i{font-size:6px}.matches-header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:22px 0 9px}.matches-header h2,.section-heading h2{margin:5px 0 0;color:#f1f4fb;font-size:16px;font-weight:735;letter-spacing:-.45px}.heading-count{display:inline-grid;place-items:center;min-width:21px;height:18px;padding:0 4px;margin-left:5px;border:1px solid rgba(109,153,222,.18);border-radius:6px;background:rgba(56,105,176,.12);color:#84b4ff;font-size:9px;letter-spacing:0;vertical-align:2px}.subtle-link{display:flex;align-items:center;gap:6px;color:#91b7fa;font-size:9px;font-weight:620;text-decoration:none}.subtle-link svg{width:13px;height:13px}.subtle-link:hover{color:#d3e4ff}.matches-card{padding:1px 14px;border-radius:14px}.match-row{min-height:42px;display:grid;grid-template-columns:39px minmax(0,1fr) auto auto;align-items:center;gap:9px;border-bottom:1px solid rgba(148,171,210,.085)}.match-row:last-child{border-bottom:0}.match-time{color:#8d9bb0;font-size:10px;font-variant-numeric:tabular-nums}.match-teams{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;color:#dce3ef;font-size:10px;font-weight:580;line-height:1.5}.match-side{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.mini-crest{width:18px;height:18px;display:grid;place-items:center;flex:none;border:1px solid rgba(182,198,222,.14);border-radius:6px;background:rgba(52,71,106,.32);color:#c7d6f0;font-size:8px;font-weight:800}.mini-crest.away-crest{background:rgba(61,53,90,.32);color:#d8c8ff}.team-separator{color:#616f86;font-size:9px}.match-league{color:#7d8aa0;font-size:8px;white-space:nowrap}.match-predict{justify-self:end;white-space:nowrap;padding:5px 7px;border:1px solid rgba(81,137,220,.15);border-radius:6px;background:rgba(30,89,164,.095);color:#8db6f8;font-size:8px;text-decoration:none;white-space:nowrap;transition:all .2s}.match-predict:hover{border-color:rgba(81,137,220,.42);background:rgba(30,89,164,.23);color:white}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:11px;margin-top:13px}.best-players-card,.ranking-card,.tier-card,.step-card{border-radius:15px;transition:transform .23s,border-color .23s,box-shadow .23s}.best-players-card,.ranking-card{padding:13px 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading h2{font-size:14px}.round-link{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(138,163,202,.13);border-radius:8px;background:rgba(255,255,255,.027);color:#9db5d8;font-size:12px;text-decoration:none}.gold-kicker{color:#efc35a}.podium-list{margin-top:8px}.podium-player{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 0;border-bottom:1px solid rgba(148,171,210,.075)}.podium-player:last-child{border-bottom:0}.player-avatar{position:relative;width:30px;height:30px;flex:none}.player-avatar img{width:30px;height:30px;display:block;object-fit:cover;border:1px solid rgba(169,191,224,.2);border-radius:10px;background:#17253b}.player-avatar>span{position:absolute;right:-4px;bottom:-3px;width:14px;height:14px;display:grid;place-items:center;border:1px solid #111927;border-radius:50%;background:#718097;color:#fff;font-size:8px;font-weight:800}.avatar-first>span{background:linear-gradient(135deg,#f7d877,#ca902a);color:#38290e}.avatar-second>span{background:linear-gradient(135deg,#d8e3f0,#77889f);color:#1d2839}.avatar-third>span{background:linear-gradient(135deg,#e1a174,#9a5c37);color:#fff}.player-identity{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.player-identity>b{overflow:hidden;color:#e3eaf6;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.tier-label{width:max-content;font-size:7px;font-weight:820;letter-spacing:.55px}.silver-tier{color:#b9c8dc}.gold-tier{color:#f6cb61}.bronze-tier{color:#d6a47a}.player-points{padding:4px 6px;border:1px solid rgba(62,128,240,.17);border-radius:6px;background:rgba(26,89,177,.15);color:#a8caff;font-size:9px;font-weight:730;white-space:nowrap}.player-points small{font-size:7px}.ranking-badge{padding:4px 6px;border:1px solid rgba(236,190,69,.2);border-radius:5px;background:rgba(255,197,49,.075);color:#edc255;font-size:8px;font-weight:820;letter-spacing:.65px}.ranking-table{margin-top:10px}.ranking-row{min-height:29px;display:grid;grid-template-columns:34px minmax(0,1fr) 43px;align-items:center;gap:5px;border-bottom:1px solid rgba(148,171,210,.075);color:#cdd6e5;font-size:9px}.ranking-row:last-child{border:0}.table-head{min-height:20px;color:#75839a;font-size:7px;font-weight:730;letter-spacing:.7px}.rank-number{color:#8492a8;font-size:9px;font-variant-numeric:tabular-nums}.rank-one{color:#f4c65c}.rank-player{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-avatar{width:18px;height:18px;display:grid;place-items:center;flex:none;border-radius:6px;color:#edf2ff;font-size:7px;font-weight:750}.rank-blue{background:#253e72}.rank-violet{background:#483569}.rank-teal{background:#1c554e}.rank-amber{background:#61451e}.rank-rose{background:#65364a}.rank-score{justify-self:end;color:#dce5f3;font-size:9px;font-weight:720;font-variant-numeric:tabular-nums}.tiers-title{margin:21px 0 10px}.tiers-title .section-heading h2,.tiers-title h2{font-size:16px}.prize-share{display:flex;align-items:center;gap:5px;color:#8997ad;font-size:9px}.prize-share>span:first-child{color:#5ed99e}.tiers-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tier-card{min-width:0;padding:12px 11px 10px;border-radius:13px}.bronze-card{border-top-color:rgba(209,155,110,.39)}.silver-card{border-top-color:rgba(191,209,229,.37)}.gold-card{border-color:rgba(255,197,49,.19);border-top-color:rgba(255,197,49,.6);background:linear-gradient(148deg,rgba(44,36,23,.68),rgba(17,24,34,.96) 58%)}.tier-heading{display:flex;align-items:center;gap:7px}.tier-emblem{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:7px;font-size:13px}.bronze-emblem{background:rgba(207,145,89,.14);color:#d5a37c}.silver-emblem{background:rgba(186,203,223,.13);color:#d2ddea}.gold-emblem{background:rgba(255,197,49,.13);color:#f2c75a}.tier-heading>.tier-label{font-size:8px;letter-spacing:.7px}.tier-prize-entry{margin-left:auto;color:#92a0b5;font-size:8px;white-space:nowrap}.tier-prize-entry b{color:#f0f3f8;font-size:17px;font-weight:790;letter-spacing:-.7px}.tier-caption{margin:4px 0 9px 28px;color:#78869a;font-size:8px}.tier-entries{display:flex;justify-content:space-between;gap:4px;padding:7px 0;border-top:1px solid rgba(154,176,211,.1);border-bottom:1px solid rgba(154,176,211,.1);color:#acb9cb;font-size:8px}.tier-entries b{color:#e6edf7;font-size:10px}.tier-entries>span+span{color:#d9e6fa;font-weight:660}.tier-entries small{font-size:7px;font-weight:450}.prize-breakdown-title{margin:9px 0 5px;color:#748298;font-size:7px;font-weight:750;letter-spacing:.9px}.prize-breakdown>span{display:grid;grid-template-columns:20px 1fr 25px;align-items:center;min-height:19px;color:#66738a;font-size:7px;font-variant-numeric:tabular-nums}.prize-breakdown b{color:#becada;font-size:8px;font-weight:610}.prize-breakdown i{justify-self:end;color:#7d8ba0;font-size:7px;font-style:normal}.tier-join{width:100%;height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;margin-top:8px;border:1px solid rgba(118,157,213,.14);border-radius:7px;background:rgba(255,255,255,.032);color:#cbd5e5;font-size:8px;font-weight:640;cursor:pointer;transition:all .2s}.tier-join:hover{border-color:rgba(66,136,239,.43);background:rgba(42,111,212,.14);color:white}.gold-card .tier-join{border-color:rgba(255,197,49,.15);background:rgba(255,197,49,.055);color:#eed28b}.gold-card .tier-join:hover{background:rgba(255,197,49,.13)}.jackpot-card{min-height:77px;display:flex;align-items:center;gap:11px;padding:12px 14px;margin-top:10px;border-color:rgba(255,197,49,.2);border-radius:13px;background:radial-gradient(ellipse at 90% 40%,rgba(160,106,22,.16),transparent 45%),linear-gradient(110deg,rgba(34,30,24,.86),rgba(18,23,31,.92))}.jackpot-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid rgba(255,197,49,.2);border-radius:10px;background:rgba(255,197,49,.08);color:#f3c653;font-size:19px}.jackpot-copy{min-width:0;flex:1}.jackpot-label{color:#efca73;font-size:8px;font-weight:810;letter-spacing:.8px}.jackpot-copy p{margin:5px 0 0;color:#8591a1;font-size:8px;line-height:1.45}.jackpot-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.jackpot-amount b{color:#ffd466;font-size:clamp(17px,2.1vw,23px);font-weight:820;letter-spacing:-1px;white-space:nowrap}.jackpot-amount span{color:#ad9861;font-size:8px;letter-spacing:1px}.jackpot-spark{align-self:flex-start;color:#dcad46;font-size:12px}.how-it-works{margin-top:20px}.how-heading{margin-bottom:9px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.step-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:117px;padding:12px;border-radius:12px}.step-index{position:absolute;top:12px;right:12px;color:#56667e;font-size:8px;font-weight:740;letter-spacing:.8px}.step-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,197,49,.15);border-radius:8px;background:rgba(255,197,49,.065);font-size:13px}.step-icon-blue{border-color:rgba(63,133,239,.2);background:rgba(24,101,208,.11);color:#71aaff;font-size:20px}.step-icon-gold{color:#e9c665}.step-card>div{min-width:0}.step-card h3{margin:0;color:#e5ebf5;font-size:10px;font-weight:690}.step-card p{margin:4px 0 0;color:#8591a4;font-size:8px;line-height:1.55}.step-arrow{position:absolute;right:12px;bottom:11px;color:#677890;font-size:10px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 1px 0;color:#59677d;font-size:8px;letter-spacing:.3px}.page-footer span:last-child{text-align:right;letter-spacing:0}.moncash-logo i{background:#be1f36;color:#fff}.moncash-logo b{color:#f4b3bb}.natcash-logo i{background:#e09025;color:#fff}.natcash-logo b{color:#f1c98c}.news-indicator{width:6px;height:6px;align-self:flex-end;margin-bottom:4px;border-radius:50%;background:#4c90f3;box-shadow:0 0 8px rgba(76,144,243,.5)}.news-list{margin:5px 0 8px}.news-item{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid rgba(148,171,210,.085)}.news-item:last-child{border:0}.news-icon{width:24px;height:24px;display:grid;place-items:center;flex:none;border:1px solid rgba(83,137,223,.15);border-radius:8px;background:rgba(36,101,195,.1);color:#80afff;font-size:11px}.news-icon-gold{border-color:rgba(255,197,49,.15);background:rgba(255,197,49,.07);color:#f0ca61}.news-icon-green{border-color:rgba(70,213,154,.15);background:rgba(70,213,154,.06);color:#65d9a5}.news-item>div{min-width:0}.news-category{color:#82abed;font-size:7px;font-weight:800;letter-spacing:.8px}.news-category-gold{color:#e5bf67}.news-category-green{color:#62ca98}.news-item p{margin:4px 0 4px;color:#c1cbda;font-size:9px;line-height:1.52}.news-item small{color:#748198;font-size:8px}.menu-toggle,.mobile-drawer,.drawer-scrim{display:none}.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.toast{position:fixed;z-index:20;right:25px;bottom:24px;max-width:min(380px,calc(100vw - 36px));padding:12px 16px;border:1px solid rgba(101,148,223,.25);border-radius:11px;background:rgba(15,25,42,.96);box-shadow:0 12px 38px rgba(0,0,0,.35);color:#dce8fb;font-size:12px;line-height:1.5;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s;backdrop-filter:blur(14px)}.toast.visible{opacity:1;transform:translateY(0)}@media(min-width:1500px){.dashboard{gap:24px}.stats-grid{gap:12px}.stat-card{padding-left:14px}.sidebar{flex-basis:254px}.app-shell{gap:29px;padding-right:34px;padding-left:34px}.challenge-card{min-height:235px}.feature-match{margin-top:11px;margin-bottom:18px}.match-row{min-height:44px}}@media(max-width:1200px){.match-league{display:none}}@media(max-width:1100px){.app-shell{gap:17px;padding-right:19px;padding-left:19px}.sidebar{flex-basis:218px}.dashboard{gap:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:87px}.stat-value{margin-top:3px}.tiers-grid{gap:7px}.tier-card{padding-right:8px;padding-left:8px}.feature-match{gap:15px}.team-crest{width:34px;height:34px}.match-row{grid-template-columns:35px minmax(0,1fr) auto auto;gap:6px}.bottom-grid{grid-template-columns:minmax(0,1fr) minmax(194px,.88fr)}}@media(max-width:820px){.app-shell{gap:13px;padding-right:14px;padding-left:14px}.sidebar{flex-basis:195px;padding-right:12px;padding-left:12px}.brand-logo{font-size:20px}.brand-tagline{margin-left:0;font-size:7px}.dashboard{gap:11px}.challenge-card{padding-right:14px;padding-left:14px}.feature-match{gap:10px}.feature-team{gap:7px}.feature-team>b{font-size:13px}.versus>span{font-size:6px}.match-row{grid-template-columns:33px minmax(0,1fr) auto;gap:5px}.match-league{display:none}.match-teams{gap:5px;font-size:9px}.tier-heading{gap:4px}.tier-prize-entry b{font-size:15px}.tier-label{font-size:7px}.bottom-grid{grid-template-columns:1fr}.ranking-card{padding-top:12px;padding-bottom:9px}.ranking-row{min-height:26px}.page-intro h1{font-size:31px}.countdown-area{gap:6px}.countdown-label{font-size:7px}.button-primary{gap:5px;padding-right:8px;padding-left:8px;font-size:9px}}@media(max-width:767px){.menu-toggle{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:34px;height:34px;padding:0;border:1px solid rgba(148,173,212,.2);border-radius:10px;background:rgba(255,255,255,.035);color:#dbe5f5;cursor:pointer;transition:background .18s,border-color .18s}.menu-toggle span{display:block;width:15px;height:1.5px;border-radius:2px;background:currentColor}.menu-toggle:active,.menu-toggle[aria-expanded="true"]{border-color:rgba(88,140,232,.5);background:rgba(11,97,223,.2)}.menu-toggle:focus-visible,.drawer-close:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}.drawer-scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(2,5,11,.64);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .25s}.drawer-scrim.open{opacity:1;pointer-events:auto}.mobile-drawer{display:flex;position:fixed;top:0;bottom:0;left:0;z-index:41;width:min(86vw,312px);flex-direction:column;padding:14px 14px 18px;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(141,163,201,.18);border-left:0;border-radius:0 22px 22px 0;background:linear-gradient(164deg,#0d1727,#080e19);box-shadow:26px 0 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(220,234,255,.06);transform:translateX(-103%);visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),visibility .3s}.mobile-drawer.open{transform:none;visibility:visible}.drawer-head{display:flex;flex:none;align-items:center;justify-content:space-between;padding:2px 2px 8px}.drawer-heading{color:#75849c;font-size:9px;font-weight:700;letter-spacing:1.9px}.drawer-close{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid rgba(148,173,212,.2);border-radius:9px;background:rgba(255,255,255,.04);color:#cdd9ea;cursor:pointer}.drawer-close svg{width:13px;height:13px}.drawer-body{display:block}.drawer-sidebar{position:static;display:flex;flex:none;flex-direction:column;width:100%;min-height:0;max-height:none;padding:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}.drawer-sidebar .side-search{display:none}.drawer-sidebar .side-nav{margin-top:14px}.drawer-sidebar .club-promo{margin-top:14px}body.drawer-open{overflow:hidden}.app-shell{display:flex;gap:0;padding:0 14px 22px;overflow-x:clip}.app-shell>.sidebar{display:none}.main-area{width:100%;max-width:none}.topbar{min-height:66px;margin:0 -2px 16px;padding:9px 2px;background:linear-gradient(180deg,#070c16 67%,rgba(7,12,22,.93))}.greeting{min-width:0}.greeting>p{font-size:12.5px;white-space:nowrap}.current-date{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:6px}.language-wrap>svg:first-child{display:none}.user-name{max-width:70px;overflow:hidden;text-overflow:ellipsis;font-size:9.5px}.language-wrap{height:31px;gap:4px;padding:0 6px}.icon-button{width:32px;height:32px}.header-divider{height:22px}.user-profile{gap:6px}.user-avatar{width:31px;height:31px;border-radius:10px}.user-name{font-size:10px}.user-name small{max-width:105px;font-size:8px}.user-profile>svg{display:none}.dashboard{gap:15px}.news-card{grid-column:1/-1}.page-intro{margin-bottom:13px}.page-intro h1{font-size:clamp(28px,7vw,39px)}.page-intro>div>p{font-size:11px}.date-filter{gap:5px;padding:0 7px;font-size:9px}.challenge-card{min-height:211px;padding:14px 15px 13px;border-radius:16px}.feature-match{gap:clamp(12px,5vw,36px);margin-top:11px;margin-bottom:15px}.feature-team>b{font-size:15px}.club-crest{width:35px;height:35px}.feature-footer{gap:7px}.countdown-area{flex-wrap:wrap;gap:3px}.countdown-label{width:100%;font-size:7px}.button-primary{height:33px;padding:0 10px;font-size:9px}.stat-card{min-height:86px;padding:10px 11px}.stat-label{font-size:8px}.stat-value>b{font-size:24px}.stats-grid{gap:9px}.matches-header{margin-top:17px}.matches-card{padding-right:11px;padding-left:11px}.match-row{grid-template-columns:39px minmax(0,1fr) 26px;min-height:42px;gap:7px}.match-league{display:none}.match-teams{gap:3px 6px;font-size:10px}.match-side{gap:5px}.match-predict{width:26px;height:25px;display:grid;place-items:center;padding:0;font-size:0}.match-predict>span{font-size:10px;line-height:1}.bottom-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.ranking-card,.best-players-card{padding:12px 11px}.section-heading h2{font-size:13px}.tiers-title{margin-top:18px}.tiers-grid{gap:8px}.tier-card{padding:10px 8px 8px}.tier-heading{flex-wrap:wrap;gap:5px}.tier-prize-entry{width:100%;margin-left:26px}.tier-caption{margin-top:2px;margin-bottom:7px}.tier-entries{flex-direction:column;gap:3px}.prize-breakdown>span{grid-template-columns:16px 1fr 20px}.prize-breakdown b{font-size:7px}.jackpot-card{gap:8px;padding:10px}.jackpot-label{font-size:7px}.jackpot-copy p{font-size:7px}.jackpot-amount b{font-size:17px}.steps-grid{gap:7px}.step-card{min-height:116px;padding:9px}.step-card h3{font-size:9px}.step-card p{font-size:8px}.page-footer{margin-bottom:7px;font-size:7px}}@media(max-width:440px){.user-name{max-width:74px;overflow:hidden;text-overflow:ellipsis}.user-name small{display:none}.topbar-actions{gap:5px}}@media(max-width:380px){.app-shell{padding-right:9px;padding-left:9px}.topbar{gap:5px}.greeting>p{font-size:12px;letter-spacing:-.3px}.current-date{font-size:8px}.topbar-actions{gap:4px}.language-wrap{gap:2px;padding-right:3px;padding-left:4px}.language-wrap>svg:first-child{width:13px;height:13px}.language-wrap select{width:34px;font-size:9px}.icon-button{width:28px;height:29px}.user-profile{gap:4px}.user-avatar{width:27px;height:27px}.user-name{max-width:61px;font-size:8px}.page-intro h1{font-size:26px}}@media(max-width:440px){.app-shell{padding-right:11px;padding-left:11px}.greeting>p{font-size:12px;letter-spacing:-.25px}.topbar-actions{gap:5px}.language-wrap{gap:3px;padding-right:4px;padding-left:5px}.user-name{font-size:9px}.user-name small{max-width:83px;font-size:7px}.page-intro h1{font-size:28px;letter-spacing:-1.4px}.eyebrow{font-size:8px}.date-filter{font-size:8px}.challenge-card{padding-right:11px;padding-left:11px}.feature-match{gap:8px}.feature-team{gap:5px}.feature-team>b{font-size:12px}.club-crest{width:31px;height:31px;border-radius:10px;font-size:8px}.real-crest{font-size:7px}.versus>strong{font-size:13px}.feature-footer{align-items:flex-end}.countdown b{font-size:14px}.button-primary{gap:5px;padding:0 7px;font-size:8px}.stat-card{padding:9px 8px}.stat-label{font-size:7px}.stat-value>b{font-size:22px}.stat-value>b[data-count="42300"]{font-size:18px}.bottom-grid{grid-template-columns:minmax(0,1fr)}.best-players-card,.ranking-card{padding:12px}.ranking-row{min-height:27px}.tiers-grid{grid-template-columns:minmax(0,1fr)}.tier-card{padding:12px}.tier-heading{flex-wrap:nowrap;gap:7px}.tier-prize-entry{width:auto;margin-left:auto}.tier-caption{margin:4px 0 9px 28px}.tier-entries{flex-direction:row;gap:4px}.prize-breakdown>span{grid-template-columns:24px 1fr 28px;min-height:20px}.prize-breakdown b{font-size:8px}.prize-breakdown i{font-size:7px}.tier-join{height:31px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:93px;padding:10px 10px 10px 49px;flex-direction:row;align-items:center;gap:9px}.step-card .step-icon{position:absolute;left:11px;top:11px}.step-card .step-index{right:11px;top:12px}.step-card>div{padding-right:25px}.step-card h3{font-size:10px}.step-card p{font-size:8px}.news-card{grid-column:auto}.page-footer{flex-direction:column;align-items:flex-start}.page-footer span:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:430px){.topbar{flex-wrap:wrap;row-gap:8px}.topbar-left{width:100%}.topbar-actions{width:100%;justify-content:flex-end}}@media(max-width:360px){.topbar{flex-wrap:wrap;row-gap:8px}.topbar-actions{width:100%;justify-content:flex-end}.greeting{width:100%}.topbar-left{width:100%}.page-intro{flex-direction:column;align-items:flex-start;gap:9px}.date-filter{align-self:flex-start;margin-top:1px}.eyebrow{flex-wrap:wrap;row-gap:5px}.feature-footer{flex-wrap:wrap;row-gap:8px}.button-primary{width:100%}.countdown-area{width:100%}}

/* ---------- Match jodi a — prediction page ---------- */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.view[hidden]{display:none}
.predict-page{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.predict-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:9px 11px;border-radius:12px}
.predict-balance{display:inline-flex;align-items:baseline;gap:4px;color:#9fadc2;font-size:10px;font-weight:730;letter-spacing:.4px;white-space:nowrap}
.predict-balance b{color:#f4f7ff;font-size:14px;font-weight:800;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.predict-balance .balance-unit{color:#8b98ad;font-size:9px}
.balance-sep{color:#5d6b80;margin-left:-1px}
.tier-chips{display:flex;align-items:center;gap:6px;margin-left:auto}
.tier-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid rgba(148,173,212,.18);border-radius:9px;background:rgba(255,255,255,.03);color:#a9b7cb;font-size:8px;font-weight:780;letter-spacing:.7px;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.tier-chip b{color:#e8effc;font-size:11px;font-weight:800;letter-spacing:-.2px;font-variant-numeric:tabular-nums}
.tier-chip small{color:#7f8da2;font-size:7px}
.tier-chip:hover{border-color:rgba(120,160,225,.32);color:#d3dded}
.tier-chip.is-active{border-color:rgba(88,140,232,.55);background:linear-gradient(125deg,rgba(17,107,232,.34),rgba(10,88,202,.24));color:#dbe9ff;box-shadow:0 3px 12px rgba(11,97,223,.2),inset 0 1px 0 rgba(200,224,255,.14)}
.tier-chip.is-active b{color:#fff}
.tier-chip.is-active small{color:#9ec2ff}
.tier-chip:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.test-tag{flex:none}
.predict-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:0 3px}
.predict-progress{color:#9fb0c6;font-size:10px;font-weight:700;letter-spacing:.3px}
.predict-closing{display:inline-flex;align-items:center;gap:7px;color:#7d8ba0;font-size:8px;font-weight:760;letter-spacing:1px;white-space:normal;flex-wrap:wrap}
.home-closing-info,.matches-closing-info,.prediction-close-status{display:block;margin:4px 0;color:#7d8ba0;font-size:10px;font-weight:650;letter-spacing:0;line-height:1.45}
.prediction-close-status:not([hidden]){color:#ffbf66}
.mini-countdown{display:inline-flex;align-items:center;gap:1px;padding:3px 7px;border:1px solid rgba(148,173,212,.16);border-radius:7px;background:rgba(8,15,26,.7);color:#cfe0f8;font-size:10px;font-weight:800;letter-spacing:.6px;font-variant-numeric:tabular-nums}
.predict-list{display:flex;flex-direction:column;gap:11px}
.pick-card{padding:12px 13px 13px;border-radius:15px;transition:border-color .2s,box-shadow .2s}
.pick-card.is-complete{border-color:rgba(70,213,154,.26)}
.pick-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid rgba(148,171,210,.09)}
.pick-league{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:#8f9db2;font-size:8px;font-weight:780;letter-spacing:1.1px;white-space:nowrap}
.pick-league span:not(.league-emblem):not(.pick-divider){overflow:hidden;text-overflow:ellipsis}
.pick-divider{width:3px;height:3px;flex:none;border-radius:50%;background:#5d6b80}
.pick-head-right{display:flex;align-items:center;flex:none;gap:8px}
.pick-time{padding:3px 7px;border:1px solid rgba(148,173,212,.16);border-radius:6px;background:rgba(8,15,26,.66);color:#d7e4f7;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.pick-clear{padding:0;border:0;background:none;color:#7e8da3;font-size:9px;font-weight:730;letter-spacing:.3px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pick-clear:hover{color:#a2b8d8}
.pick-state{display:none;align-items:center;gap:4px;color:#4bd9a0;font-size:8px;font-weight:780;letter-spacing:.4px;white-space:nowrap}
.pick-card.is-complete .pick-state{display:inline-flex}
.pick-card.is-locked .pick-state{display:none}
.pick-locked-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(70,213,154,.24);border-radius:6px;background:rgba(70,213,154,.1);color:#63e0ae;font-size:8px;font-weight:780;letter-spacing:.4px;white-space:nowrap}
.pick-score-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:12px 0 11px}
.pick-team{display:flex;align-items:center;gap:8px;min-width:0}
.pick-team-name{min-width:0;color:#eef4ff;font-size:12px;font-weight:730;letter-spacing:-.2px;line-height:1.15;overflow-wrap:anywhere}
.pick-away{justify-content:flex-end;text-align:right}
.team-logo{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center}
.team-logo-initials{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(160,185,225,.18);border-radius:9px;background:rgba(255,255,255,.05);color:#c2d2ea;font-size:9px;font-weight:800;letter-spacing:.2px}
.team-logo.has-logo .team-logo-initials{display:none}
.team-logo img{position:absolute;inset:0;width:34px;height:34px;object-fit:contain;object-position:center;transform:none}
.team-logo.is-badge .team-logo-initials{background:var(--cf-badge,#0d3c68);border-color:rgba(255,255,255,.18);color:#fff;font-weight:900;letter-spacing:.15px;text-shadow:0 1px 2px rgba(0,0,0,.32)}
.club-crest .team-logo,.club-crest .team-logo-initials,.club-crest .team-logo img{width:26px;height:26px}
.club-crest .team-logo-initials{border-radius:8px;font-size:8px}
.pick-score{display:flex;align-items:center;flex:none;gap:6px}
.score-input{width:38px;height:38px;padding:0;border:1px solid rgba(150,175,215,.22);border-radius:10px;background:rgba(6,12,22,.66);color:#f2f7ff;font-size:15px;font-weight:760;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.score-input:focus{outline:none;border-color:rgba(88,140,232,.62);box-shadow:0 0 0 3px rgba(11,97,223,.18)}
.score-input:disabled{color:#dfe9f8;opacity:.72}
.score-vs{color:#6d7c92;font-size:9px;font-weight:800;letter-spacing:.6px}
.pick-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pick-outcome,.market-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:34px;padding:0 6px;border:1px solid rgba(148,173,212,.18);border-radius:9px;background:rgba(255,255,255,.028);color:#aab8cc;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.pick-outcome small{color:#7f8da2;font-size:8px;font-weight:780;letter-spacing:.5px}
.pick-outcome:hover:not(:disabled),.market-btn:hover:not(:disabled){border-color:rgba(120,160,225,.34);color:#dbe7f7}
.market-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pick-outcome.is-active,.market-btn.is-active{border-color:rgba(88,140,232,.6);background:linear-gradient(125deg,#116be8,#0a58ca);color:#fff;box-shadow:0 4px 14px rgba(11,97,223,.26)}
.pick-outcome.is-active small{color:#c9ddff}
.pick-outcome:disabled,.market-btn:disabled{cursor:default;opacity:.85}
.pick-outcome:focus-visible,.market-btn:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.market-block{display:grid;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(148,171,210,.09)}
.market-row{display:grid;gap:5px;min-width:0}
.market-label{color:#8b99ad;font-size:8px;font-weight:800;letter-spacing:1.1px;line-height:1.2}
.market-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
.market-options.goal-lines{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.goal-lines .market-btn{padding:0 2px;font-size:10px}
.biter-block{margin-top:11px;padding-top:10px;border-top:1px solid rgba(148,171,210,.09)}
.biter-head{display:flex;align-items:baseline;gap:7px;margin-bottom:7px}
.biter-title{color:#8b99ad;font-size:8px;font-weight:800;letter-spacing:1.3px}
.biter-hint{color:#65738a;font-size:9px}
.biter-list{display:flex;align-items:stretch;gap:7px;padding:1px 1px 4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(120,150,200,.35) transparent}
.biter-list::-webkit-scrollbar{height:4px}
.biter-list::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(120,150,200,.3)}
.biter-chip{display:flex;flex:none;align-items:center;gap:6px;max-width:174px;padding:4px 8px 4px 4px;border:1px solid rgba(148,173,212,.16);border-radius:999px;background:rgba(255,255,255,.028);color:#c5d2e4;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}
.biter-chip:hover:not(:disabled){border-color:rgba(120,160,225,.34);background:rgba(255,255,255,.05)}
.biter-chip.is-active{border-color:rgba(88,140,232,.62);background:rgba(11,97,223,.2);color:#eaf2ff;box-shadow:inset 0 0 0 1px rgba(96,150,240,.18)}
.biter-chip:disabled{cursor:default}
.biter-chip:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.biter-avatar{position:relative;flex:none;width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:rgba(52,71,106,.5)}
.biter-initials{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#cfdcf2;font-size:8px;font-weight:800;letter-spacing:.2px;line-height:1}
.biter-initials small{color:#93a6c2;font-size:6px;font-weight:800;letter-spacing:0}
.biter-avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;background:#0b1424;object-fit:cover;object-position:center top;transform:none}
.biter-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:-.1px}
.biter-number{flex:none;min-width:16px;height:16px;display:grid;place-items:center;padding:0 3px;border-radius:5px;background:rgba(120,150,200,.16);color:#b8c8de;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}
.biter-chip.is-active .biter-number{background:rgba(160,200,255,.26);color:#eaf3ff}
.predict-submit{position:sticky;bottom:10px;z-index:6;display:flex;flex-direction:column;gap:8px;margin-top:2px;padding:10px 12px;border-radius:14px;background:linear-gradient(145deg,rgba(14,24,41,.975),rgba(8,14,25,.985));box-shadow:0 -12px 34px rgba(3,7,14,.6),0 14px 44px rgba(0,0,0,.24),inset 0 1px 0 rgba(213,225,255,.06)}
.submit-progress-row{display:flex;align-items:center;gap:9px}
.submit-count{flex:none;color:#e7eefa;font-size:11px;font-weight:800;letter-spacing:-.2px;font-variant-numeric:tabular-nums}
.submit-track{display:block;flex:1;height:4px;overflow:hidden;border-radius:4px;background:rgba(120,150,200,.16)}
.submit-track i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#1f7bf0,#46d59a);transition:width .28s ease}
.submit-percent{flex:none;color:#8fa0b7;font-size:9px;font-weight:760;font-variant-numeric:tabular-nums}
.submit-error{margin:0;padding:7px 9px;border:1px solid rgba(255,120,120,.26);border-radius:8px;background:rgba(184,52,52,.14);color:#ffb3b3;font-size:10px;font-weight:650;line-height:1.35}
.submit-actions{display:flex;align-items:center;gap:8px}
.submit-button{flex:1;height:38px;padding:0 14px;border:1px solid rgba(111,164,252,.24);border-radius:10px;background:linear-gradient(125deg,#116be8,#0a58ca);box-shadow:0 5px 16px rgba(11,97,223,.24);color:#fff;font-size:11px;font-weight:760;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px rgba(11,97,223,.34)}
.submit-button:disabled{border-color:rgba(148,173,212,.16);background:rgba(255,255,255,.05);color:#93a3ba;box-shadow:none;cursor:not-allowed;transform:none}
.submit-button.is-locked{border-color:rgba(70,213,154,.3);background:rgba(70,213,154,.12);color:#63e0ae}
.submit-button:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.submit-wallet{flex:none;display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 12px;border:1px solid rgba(148,173,212,.2);border-radius:10px;background:rgba(255,255,255,.04);color:#cbd8ea;font-size:10px;font-weight:730;white-space:nowrap;text-decoration:none}
.submit-wallet:hover{border-color:rgba(120,160,225,.36);color:#eaf2ff}
.submit-wallet[hidden]{display:none}
.success-panel{padding:13px;border-radius:15px;border-color:rgba(70,213,154,.24)}
.success-panel[hidden]{display:none}
.success-head{display:flex;align-items:flex-start;gap:9px}
.success-icon{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(70,213,154,.16);color:#63e0ae;font-size:13px;font-weight:800}
.success-title{display:block;color:#f2f8ff;font-size:13px;font-weight:780;letter-spacing:-.2px}
.success-head p{margin:3px 0 0;color:#93a2b7;font-size:10px;line-height:1.35}
.success-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:11px 0 0}
.success-grid div{padding:8px 9px;border:1px solid rgba(148,171,210,.1);border-radius:9px;background:rgba(255,255,255,.025)}
.success-grid dt{color:#7d8ba0;font-size:7.5px;font-weight:780;letter-spacing:1px;text-transform:uppercase}
.success-grid dd{margin:4px 0 0;color:#eaf2ff;font-size:11px;font-weight:740;font-variant-numeric:tabular-nums}
.pending-dot{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#ffc531;box-shadow:0 0 7px #f7bf3d;vertical-align:1px}
@media(max-width:767px){
.predict-bar{gap:7px;padding:8px 9px}
.predict-balance b{font-size:13px}
.test-tag{order:2}
.tier-chips{order:3;width:100%;margin-left:0;justify-content:space-between}
.tier-chip{flex:1;justify-content:center;height:26px;padding:0 5px}
.pick-card{padding:11px 11px 12px}
.pick-team-name{font-size:11px}
.team-logo{width:30px;height:30px}
.team-logo-initials{width:30px;height:30px;border-radius:8px;font-size:8px}
.team-logo img{width:30px;height:30px}
.score-input{width:34px;height:34px;font-size:14px}
.pick-score-row{gap:5px;padding:10px 0}
.pick-score{gap:4px}
.biter-name{max-width:84px;font-size:9.5px}
.predict-submit{bottom:6px;padding:9px 10px}
.submit-button{padding:0 8px;font-size:10px}
.submit-wallet{padding:0 9px;font-size:9px}
}
@media(max-width:430px){
.pick-league .pick-divider,.pick-league span:last-child{display:none}
}
@media(max-width:380px){
.pick-team-name{font-size:10px}
.biter-name{max-width:70px}
.submit-actions{flex-wrap:wrap}
.submit-wallet{width:100%;justify-content:center}
}

/* ---------- Pronostik pa m — entries, history and points ---------- */
.picks-page{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.picks-intro{margin-bottom:2px}
.picks-intro h1{letter-spacing:-1.5px}
.entry-card{padding:13px 14px 14px;border-radius:16px}
.entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.entry-head-main{min-width:0}
.entry-head h2{margin:6px 0 0;font-size:15px;font-weight:800;letter-spacing:-.3px;line-height:1.25}
.entry-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tier-pill{padding:4px 8px;border:1px solid rgba(255,197,49,.28);border-radius:7px;background:rgba(255,197,49,.1);color:#ffd76a;font-size:8px;font-weight:820;letter-spacing:.8px;white-space:nowrap}
.tier-pill.tier-silver{border-color:rgba(174,196,230,.3);background:rgba(174,196,230,.1);color:#dfe9fa}
.tier-pill.tier-bronze{border-color:rgba(214,152,102,.32);background:rgba(214,152,102,.12);color:#f0c49b}
.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(255,197,49,.26);border-radius:999px;background:rgba(255,197,49,.09);color:#ffcf59;font-size:8px;font-weight:800;letter-spacing:.6px;white-space:nowrap}
.status-chip i{width:5px;height:5px;border-radius:50%;background:#ffc531;box-shadow:0 0 7px #f7bf3d}
.status-chip.is-done{border-color:rgba(70,213,154,.24);background:rgba(70,213,154,.1);color:#79e5b8}
.entry-pending{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:11px 0 0;padding:8px 10px;border:1px solid rgba(148,171,210,.1);border-radius:10px;background:rgba(255,255,255,.02)}
.entry-pending b{color:#f3f6ff;font-size:15px;font-weight:800;line-height:1}
.entry-pending small{color:#7f8ca1;font-size:9px;line-height:1.35;min-width:0}
.entry-matches{list-style:none;margin:10px 0 0;padding:0}
.entry-match{padding:8px 0;border-top:1px solid rgba(148,171,210,.07)}
.entry-match:first-child{border-top:0}
.entry-match-head{display:flex;align-items:baseline;gap:7px;min-width:0}
.entry-index{width:17px;flex:none;color:#5f6d82;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}
.entry-teams{display:flex;min-width:0;gap:4px;align-items:baseline;overflow:hidden;color:#e6eefc;font-size:10.5px;font-weight:700;white-space:nowrap}
.entry-teams b{overflow:hidden;text-overflow:ellipsis;font-weight:700}
.entry-teams i{color:#5f6d82;font-style:normal}
.entry-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:6px 0 0 24px}
.epick{display:flex;flex-direction:column;gap:1px;min-width:0;min-height:34px;padding:4px 5px;border:1px solid rgba(148,173,212,.13);border-radius:7px;background:rgba(255,255,255,.025)}
.epick i{overflow:hidden;color:#6d7a8f;font-size:6px;font-weight:820;letter-spacing:.5px;font-style:normal;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}
.epick b{color:#dfe9f8;font-size:9px;font-weight:780;line-height:1.2;overflow-wrap:anywhere}
.epick em{color:#8fa0b8;font-size:7px;font-style:normal;font-weight:700}
.epick:nth-child(1) b{color:#bcd7ff}
.epick:nth-child(2) b{color:#ffd76a}
.epick:nth-child(3) b{color:#9fc4ff}
.entry-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 15px;border-radius:16px}
.entry-empty-icon{color:#4c8ef7;font-size:16px;line-height:1}
.entry-empty h2{margin:0;font-size:14px;font-weight:800;letter-spacing:-.2px;line-height:1.3}
.entry-empty p{margin:5px 0 0;max-width:42ch;color:#8f9cb0;font-size:10.5px;line-height:1.45}
.entry-empty-cta{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:9px;background:linear-gradient(105deg,#0b61df,#1670ed);color:#fff;font-size:10px;font-weight:780;text-decoration:none;box-shadow:0 6px 18px rgba(11,97,223,.28)}
.entry-empty-cta:hover{background:linear-gradient(105deg,#1268e6,#2580f5)}
.history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 10px;border-radius:14px}
.summary-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:7px 8px;border:1px solid rgba(148,171,210,.1);border-radius:9px;background:rgba(255,255,255,.025)}
.summary-stat span{overflow:hidden;color:#7f8da2;font-size:7.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}
.summary-stat b{color:#f2f7ff;font-size:17px;font-weight:840;letter-spacing:-.6px;line-height:1.1;font-variant-numeric:tabular-nums}
.summary-stat small{color:#6f7d92;font-size:7px;font-weight:740}
.history-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 2px}
.history-note{margin:5px 0 0;color:#77849a;font-size:9px;line-height:1.4}
.history-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.filter-chip{padding:5px 9px;border:1px solid rgba(148,173,212,.16);border-radius:999px;background:rgba(255,255,255,.03);color:#9dacc2;font-size:9px;font-weight:760;letter-spacing:.2px;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.filter-chip:hover{border-color:rgba(120,160,225,.34);color:#dbe7f7}
.filter-chip.is-active{border-color:rgba(88,140,232,.55);background:linear-gradient(125deg,rgba(17,107,232,.34),rgba(10,88,202,.24));color:#e6f0ff}
.filter-chip:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.history-list{display:flex;flex-direction:column;gap:8px}
.history-card{border-radius:14px}
.history-card.is-open{border-color:rgba(89,154,255,.24)}
.history-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;width:100%;padding:11px 12px;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.history-head:focus-visible{outline:2px solid #4b8ef7;outline-offset:-2px}
.hh-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.hh-main b{overflow:hidden;color:#eef4ff;font-size:11.5px;font-weight:800;letter-spacing:.2px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.hh-tier{color:#8290a6;font-size:7.5px;font-weight:800;letter-spacing:.7px}
.hh-points{display:flex;align-items:baseline;gap:3px;flex:none;color:#f4f8ff;font-variant-numeric:tabular-nums}
.hh-points b{font-size:16px;font-weight:840;letter-spacing:-.5px;line-height:1}
.hh-points small{color:#77849a;font-size:8px;font-weight:740}
.hh-foot{display:flex;grid-column:1/-1;align-items:center;gap:6px;flex-wrap:wrap;padding-top:5px;border-top:1px solid rgba(148,171,210,.08)}
.hh-correct{margin-right:auto;color:#98a7bc;font-size:8px;font-weight:740;letter-spacing:.2px}
.hh-chev{color:#7d8ba0;font-size:11px;line-height:1;transition:transform .2s}
.history-card.is-open .hh-chev{transform:rotate(180deg)}
.history-body{padding:4px 12px 12px;border-top:1px solid rgba(148,171,210,.08)}
.history-body[hidden]{display:none}
.dm{padding:8px 0;border-bottom:1px solid rgba(148,171,210,.07)}
.dm:last-child{border-bottom:0;padding-bottom:2px}
.dm-head{display:flex;align-items:center;gap:6px;min-width:0}
.dm-index{width:16px;flex:none;color:#5f6d82;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}
.dm-teams{flex:1;min-width:0;overflow:hidden;color:#dde7f7;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dm-result{flex:none;padding:2px 6px;border:1px solid rgba(148,173,212,.16);border-radius:6px;background:rgba(8,15,26,.6);color:#e9f1ff;font-size:9.5px;font-weight:800;font-variant-numeric:tabular-nums}
.dm-total{flex:none;min-width:22px;color:#8ee7bd;font-size:10px;font-weight:840;text-align:right;font-variant-numeric:tabular-nums}
.dm-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:6px 0 0 22px}
.dmp{position:relative;display:flex;flex-direction:column;gap:1px;min-width:0;min-height:38px;padding:4px 5px 13px;border:1px solid rgba(148,173,212,.12);border-radius:7px;background:rgba(255,255,255,.022)}
.dmp i{overflow:hidden;color:#6d7a8f;font-size:5.6px;font-weight:820;letter-spacing:.35px;font-style:normal;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}
.dmp b{color:#dfe9f8;font-size:8.6px;font-weight:780;line-height:1.2;overflow-wrap:anywhere}
.dmp small{color:#93a3b9;font-size:6.6px;font-weight:700;line-height:1.2}
.dmp em{position:absolute;right:5px;bottom:3px;font-size:7px;font-style:normal;font-weight:840;font-variant-numeric:tabular-nums}
.dmp.is-hit{border-color:rgba(70,213,154,.3);background:rgba(70,213,154,.08)}
.dmp.is-hit b{color:#c9f6e2}
.dmp.is-hit em{color:#57dfa6}
.dmp.is-miss{border-color:rgba(160,100,112,.18);background:rgba(160,100,112,.05)}
.dmp.is-miss b,.dmp.is-miss small{color:#8d7f88}
.dmp.is-miss em{color:#a97c88}
.points-legend{margin:0;padding:0 2px;color:#6f7d92;font-size:8px;letter-spacing:.2px;line-height:1.55}
.history-empty{padding:20px 6px;color:#8794a8;font-size:10px;text-align:center}
@media(max-width:767px){
.picks-page{gap:10px}
.entry-card{padding:12px 11px}
.entry-head h2{font-size:14px}
.entry-picks{gap:3px;margin-left:0}
.epick{padding:4px}
.epick b{font-size:8.4px}
.entry-empty{padding:15px 13px}
.summary-stat b{font-size:15px}
.history-head{padding:10px 11px}
.history-body{padding:2px 11px 11px}
.dm-grid{gap:3px;margin-left:0}
.dmp{padding:4px 4px 13px}
.dmp b{font-size:8px}
.dmp i{font-size:5.2px}
.dmp small{font-size:6.2px}
.points-legend{font-size:7.5px}
}
@media(max-width:380px){
.epick b{font-size:7.8px}
.epick i{font-size:5.6px}
.dmp b{font-size:7.4px}
.dmp i{font-size:4.9px}
.hh-points b{font-size:14px}
.summary-stat b{font-size:14px}
.history-filters{width:100%}
.filter-chip{flex:1;justify-content:center;text-align:center}
}

/* ---------- An dirèk — live match centre ---------- */
.live-page{display:flex;flex-direction:column;gap:10px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.live-intro{align-items:flex-start}
.live-intro h1{font-size:26px}
.live-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid;border-radius:6px;font-size:7.5px;font-weight:820;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}
.live-badge.is-demo{border-color:rgba(255,197,49,.34);background:rgba(255,197,49,.1);color:#ffd15c}
.live-badge.is-real{border-color:rgba(70,213,154,.34);background:rgba(70,213,154,.1);color:#63e0ae}
.live-refresh{display:inline-flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 11px;border:1px solid rgba(148,173,212,.2);border-radius:9px;background:rgba(255,255,255,.04);color:#cbd8ea;font-size:10px;font-weight:740;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.live-refresh:hover:not(:disabled){border-color:rgba(120,160,225,.36);color:#eaf2ff;transform:translateY(-1px)}
.live-refresh:disabled{cursor:default;opacity:.6}
.live-refresh svg{width:14px;height:14px}
.live-refresh:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.live-list-panel,.live-detail-panel{display:flex;flex-direction:column;gap:9px}
.live-list-panel[hidden],.live-detail-panel[hidden]{display:none}
.live-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 11px;border-radius:11px}
.live-meta-count{color:#eaf2ff;font-size:10.5px;font-weight:770;letter-spacing:-.1px}
.live-meta-updated{display:inline-flex;align-items:center;gap:5px;color:#7d8ba0;font-size:8.5px;font-weight:720;letter-spacing:.3px}
.live-meta-updated b{color:#c9d7ea;font-variant-numeric:tabular-nums}
.live-notice{margin:0;padding:7px 9px;border:1px solid rgba(255,197,49,.2);border-radius:8px;background:rgba(255,197,49,.06);color:#dfc478;font-size:9px;font-weight:640;line-height:1.4}
.live-notice[hidden]{display:none}
.live-rows{display:flex;flex-direction:column;gap:7px}
.live-row{display:grid;grid-template-columns:56px minmax(0,1fr) 12px;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(140deg,rgba(16,26,44,.86),rgba(9,15,26,.9));color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.live-row:hover{border-color:rgba(120,160,225,.32);transform:translateY(-1px);box-shadow:0 8px 22px rgba(3,7,14,.4)}
.live-row:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.live-row.is-active{border-color:rgba(70,213,154,.24)}
.lr-status{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0}
.lr-status b{font-size:12.5px;font-weight:830;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.lr-status i{padding:1px 4px;border-radius:4px;font-size:7px;font-weight:810;font-style:normal;letter-spacing:.4px;white-space:nowrap;color:#7e8ca1;background:rgba(120,150,200,.12)}
.lr-status.is-live b{color:#4fe0a4}
.lr-status.is-live i{color:#4fe0a4;background:rgba(70,213,154,.13)}
.lr-status.is-ft b{color:#dfe9f8}
.lr-status.is-upcoming b{color:#b3c3d8;font-size:11.5px}
.lr-center{display:flex;flex-direction:column;gap:5px;min-width:0}
.lr-teams{display:flex;flex-direction:column;gap:5px;min-width:0}
.lr-team{display:flex;align-items:center;gap:6px;min-width:0;color:#eef4ff;font-size:11px;font-weight:700;letter-spacing:-.15px}
.lr-team>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-team .team-logo,.lr-team .team-logo img,.lr-team .team-logo-initials{width:20px;height:20px}
.lr-team .team-logo-initials{font-size:6.5px;border-radius:6px}
.lr-sub{display:flex;align-items:center;gap:6px;min-width:0}
.lr-league{min-width:0;overflow:hidden;color:#7c8ba1;font-size:7.5px;font-weight:780;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}
.lr-source{flex:none;padding:1px 5px;border:1px solid rgba(255,197,49,.28);border-radius:5px;background:rgba(255,197,49,.09);color:#e8c470;font-size:6.5px;font-weight:820;letter-spacing:.6px}
.lr-chev{color:#6c7a90;font-size:15px;line-height:1;text-align:right}
.live-api{padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:9px}
.live-api-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.live-api-tag{padding:2px 7px;border:1px solid rgba(148,173,212,.18);border-radius:6px;background:rgba(255,255,255,.03);color:#9fb0c6;font-size:7.5px;font-weight:800;letter-spacing:.6px}
.live-api-desc{margin:0;color:#93a2b7;font-size:9.5px;line-height:1.45}
.live-field{display:flex;flex-direction:column;gap:5px}
.live-field>span{color:#8b99ad;font-size:8px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.live-field input{height:36px;padding:0 10px;border:1px solid rgba(150,175,215,.22);border-radius:9px;background:rgba(6,12,22,.66);color:#f2f7ff;font-size:11.5px;letter-spacing:.3px}
.live-field input:focus{outline:none;border-color:rgba(88,140,232,.62);box-shadow:0 0 0 3px rgba(11,97,223,.18)}
.live-field input.is-masked{color:#b9c8dd;letter-spacing:1.4px;font-variant-numeric:tabular-nums}
.live-api-actions{display:flex;flex-wrap:wrap;gap:7px}
.live-api-button{height:34px;padding:0 12px;border:1px solid rgba(148,173,212,.2);border-radius:9px;background:rgba(255,255,255,.04);color:#cbd8ea;font-size:10px;font-weight:740;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.live-api-button:hover{transform:translateY(-1px);border-color:rgba(120,160,225,.36);color:#eaf2ff}
.live-api-button:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.live-api-button.is-primary{border-color:rgba(111,164,252,.26);background:linear-gradient(125deg,#116be8,#0a58ca);color:#fff}
.live-api-button.is-ghost{background:transparent}
.live-api-button[hidden]{display:none}
.live-api-line{margin:0;padding:8px 10px;border:1px solid rgba(148,173,212,.18);border-radius:9px;background:rgba(255,255,255,.03);font-size:9.5px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.live-api-line[hidden]{display:none}
.live-api-line.is-ok{border-color:rgba(70,213,154,.32);background:rgba(70,213,154,.1);color:#8ee7bd}
.live-api-line.is-bad{border-color:rgba(226,108,108,.32);background:rgba(184,52,52,.14);color:#ffb3b3}
.live-api-line.is-pending{border-color:rgba(148,173,212,.22);color:#c3d1e5}
.live-api-note{margin:0;color:#6f7d92;font-size:8px;line-height:1.5}
.live-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid rgba(148,173,212,.2);border-radius:9px;background:rgba(255,255,255,.04);color:#cbd8ea;font-size:10px;font-weight:740;cursor:pointer}
.live-back:hover{border-color:rgba(120,160,225,.36);color:#eaf2ff}
.live-back:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.live-detail-head{padding:12px;border-radius:14px}
.ldh-league{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8d9bb0;font-size:7.5px;font-weight:800;letter-spacing:1.1px}
.ldh-source{padding:2px 6px;border:1px solid rgba(148,173,212,.18);border-radius:5px;background:rgba(255,255,255,.03);color:#9fb0c6;font-size:6.8px;font-weight:800;letter-spacing:.5px;text-align:right}
.ldh-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:10px}
.ldh-team{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;text-align:center}
.ldh-team b{color:#eef4ff;font-size:11px;font-weight:740;line-height:1.2;overflow-wrap:anywhere}
.ldh-score{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none}
.ldh-score b{color:#f4f8ff;font-size:22px;font-weight:840;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.ldh-score small{color:#8fa0b6;font-size:8px;font-weight:810;letter-spacing:.5px;white-space:nowrap}
.ldh-score.is-live b,.ldh-score.is-live small{color:#4fe0a4}
.live-detail-note{margin:0;padding:7px 9px;border:1px solid rgba(255,197,49,.2);border-radius:8px;background:rgba(255,197,49,.06);color:#dfc478;font-size:9px;font-weight:640;line-height:1.4}
.live-detail-note[hidden]{display:none}
.live-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:11px;background:rgba(9,15,26,.72);overflow-x:auto;scrollbar-width:none}
.live-tabs::-webkit-scrollbar{display:none}
.live-tab{flex:1;min-width:88px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9fb0c6;font-size:10px;font-weight:760;letter-spacing:.2px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.live-tab:hover{color:#dbe7f7}
.live-tab.is-active{border-color:rgba(88,140,232,.4);background:linear-gradient(125deg,rgba(17,107,232,.3),rgba(10,88,202,.22));color:#eaf2ff}
.live-tab:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.live-tabpanels{padding:11px 12px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(140deg,rgba(14,23,39,.86),rgba(9,15,26,.9))}
.live-tab-empty{margin:0;padding:14px 4px;color:#8794a8;font-size:10px;text-align:center}
.live-tab-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border:1px solid rgba(148,173,212,.16);border-radius:10px;background:rgba(255,255,255,.025);text-align:center}
.live-tab-state p{margin:0;color:#c6d4e8;font-size:10px;line-height:1.5}
.live-tab-state.is-rate-limit{border-color:rgba(255,197,49,.26);background:rgba(58,44,10,.2)}
.live-tab-state.is-rate-limit p{color:#e8c979}
.live-tab-state.is-error{border-color:rgba(240,96,110,.3);background:rgba(70,18,26,.22)}
.live-tab-state.is-error p{color:#ffb9c0}
.live-events{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.live-event{display:grid;grid-template-columns:32px 20px minmax(0,1fr);align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(148,171,210,.08)}
.live-event:last-child{border-bottom:0}
.le-minute{color:#7f8da2;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
.le-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(120,150,200,.14);color:#c6d4e8;font-size:10px;line-height:1}
.le-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.le-body b{color:#eef4ff;font-size:10.5px;font-weight:730;line-height:1.25;overflow-wrap:anywhere}
.le-card{display:block;width:8px;height:11px;border-radius:1.5px;background:#ffd15c}
.live-event.is-red .le-card{background:#ff7b7b}
.le-body small{color:#8794a8;font-size:8.5px;line-height:1.3;overflow-wrap:anywhere}
.live-event.is-goal .le-icon,.live-event.is-penalty .le-icon{background:rgba(70,213,154,.16);color:#7ce8b8}
.live-event.is-own-goal .le-icon{background:rgba(226,108,108,.16);color:#f0a1a1}
.live-event.is-yellow .le-icon{background:rgba(255,197,49,.16);color:#ffd15c}
.live-event.is-red .le-icon{background:rgba(226,108,108,.18);color:#ff9c9c}
.live-event.is-sub .le-icon{background:rgba(88,140,232,.18);color:#9dc2ff}
.live-event.is-marker{grid-template-columns:32px minmax(0,1fr)}
.live-event.is-marker .le-body b{color:#8fa0b6;font-size:8.5px;font-weight:810;letter-spacing:.9px;text-transform:uppercase}
.live-stats{display:flex;flex-direction:column;gap:11px}
.stat-row{display:flex;flex-direction:column;gap:6px}
.stat-values{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.stat-values b{color:#eef4ff;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.stat-values b:last-child{text-align:right}
.stat-values span{color:#8794a8;font-size:8.5px;font-weight:780;letter-spacing:.6px;text-transform:uppercase;text-align:center}
.stat-track{display:flex;height:5px;overflow:hidden;border-radius:5px;background:rgba(120,150,200,.14)}
.stat-track i{display:block;height:100%}
.stat-track i.is-home{background:linear-gradient(90deg,#1f7bf0,#46d59a)}
.stat-track i.is-away{background:rgba(160,180,214,.42)}
.lineup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lineup-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:1px solid rgba(148,171,210,.1);border-radius:11px;background:rgba(255,255,255,.022)}
.lineup-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.lineup-card header b{display:block;color:#eef4ff;font-size:11px;font-weight:770;line-height:1.2}
.lineup-card header small{display:block;margin-top:2px;color:#8794a8;font-size:8.5px}
.lineup-card header span{padding:2px 6px;border:1px solid rgba(148,173,212,.16);border-radius:5px;background:rgba(255,255,255,.03);color:#9fb0c6;font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}
.lineup-card ol{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.lineup-card li{display:grid;grid-template-columns:22px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid rgba(148,171,210,.07)}
.lineup-card li:last-child{border-bottom:0}
.lu-number{display:grid;place-items:center;width:22px;height:19px;border-radius:5px;background:rgba(120,150,200,.14);color:#c6d4e8;font-size:8px;font-weight:820;font-variant-numeric:tabular-nums}
.lu-name{min-width:0;overflow:hidden;color:#dfe9f8;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lu-pos{color:#7f8da2;font-size:7.5px;font-weight:800;letter-spacing:.5px;text-align:right}
@media(max-width:767px){
.live-intro h1{font-size:22px}
.live-row{grid-template-columns:52px minmax(0,1fr) 10px;gap:8px;padding:8px 9px}
.lr-status b{font-size:11.5px}
.lr-team{font-size:10.5px}
.lineup-grid{grid-template-columns:minmax(0,1fr)}
.live-tabpanels{padding:10px}
.ldh-score b{font-size:19px}
}
@media(max-width:380px){
.lr-league{font-size:7px;letter-spacing:.6px}
.lr-status b{font-size:11px}
.live-api-actions{gap:6px}
.live-api-button{flex:1;justify-content:center}
}

/* ---------- Klasman — tiers, podium, champions, hall of fame ---------- */
.ranking-page{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.ranking-intro{margin-bottom:0}
.rank-controls{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}
.rank-tier-tabs,.rank-period-tabs{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:rgba(9,15,26,.72)}
.rank-tier,.rank-period{height:28px;padding:0 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9fb0c6;font-size:9px;font-weight:780;letter-spacing:.7px;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.rank-tier:hover,.rank-period:hover{color:#dbe7f7}
.rank-tier.is-active{border-color:rgba(88,140,232,.4);background:linear-gradient(125deg,rgba(17,107,232,.34),rgba(10,88,202,.22));color:#eaf2ff}
.rank-tier[data-tier="gold"].is-active{border-color:rgba(255,197,49,.42);background:linear-gradient(125deg,rgba(255,197,49,.24),rgba(160,110,10,.24));color:#ffe2a1}
.rank-tier[data-tier="silver"].is-active{border-color:rgba(196,214,240,.4);background:linear-gradient(125deg,rgba(196,214,240,.2),rgba(120,140,170,.2));color:#eef4ff}
.rank-tier[data-tier="bronze"].is-active{border-color:rgba(206,140,92,.45);background:linear-gradient(125deg,rgba(206,140,92,.24),rgba(120,70,40,.24));color:#ffd8bd}
.rank-period{height:24px;padding:0 9px;font-size:8.5px;letter-spacing:.4px}
.rank-period.is-active{background:rgba(120,160,225,.16);color:#eaf2ff}
.rank-tier:focus-visible,.rank-period:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.rank-podium{display:flex;align-items:stretch;gap:10px}
.rk-podium-card{position:relative;order:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:14px 10px 12px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(160deg,rgba(16,26,44,.9),rgba(9,15,26,.92));text-align:center}
.rk-podium-card.is-place-1{order:1;border-color:rgba(255,197,49,.34);background:linear-gradient(160deg,rgba(58,45,14,.92),rgba(20,16,8,.94));box-shadow:0 8px 24px rgba(255,197,49,.12),inset 0 1px 0 rgba(255,226,161,.16)}
.rk-podium-card.is-place-2{order:0}
.rk-podium-card.is-place-3{order:2}
.rk-podium-card.is-user{border-color:rgba(88,140,232,.5);box-shadow:0 0 0 1px rgba(88,140,232,.22)}
.rk-crown{position:absolute;top:7px;right:9px;color:#ffc531;font-size:11px;line-height:1}
.rk-avatar.rank-avatar{width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:820}
.rk-place{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(148,173,212,.24);border-radius:50%;color:#c6d4e8;font-size:8.5px;font-weight:820}
.is-place-1 .rk-place{border-color:rgba(255,197,49,.5);color:#ffc531}
.rk-podium-name{max-width:100%;overflow:hidden;color:#eef4ff;font-size:10.5px;font-weight:760;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.rk-podium-meta{color:#8794a8;font-size:8.5px;font-weight:700;letter-spacing:.2px}
.rk-podium-points{color:#f4f8ff;font-size:15px;font-weight:840;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.rk-podium-points small{margin-left:3px;color:#8794a8;font-size:7.5px;font-weight:760;letter-spacing:.4px}
.rank-table-card{padding:10px 11px 8px;border-radius:14px}
.rank-table{display:flex;flex-direction:column}
.rk-row{display:grid;grid-template-columns:32px minmax(0,1fr) 62px 58px;align-items:center;gap:8px;padding:7px 5px;border-bottom:1px solid rgba(148,171,210,.08)}
.rk-row:last-child{border-bottom:0}
.rk-head{padding:2px 5px 7px;border-bottom-color:rgba(148,171,210,.14);color:#748198;font-size:7.5px;font-weight:800;letter-spacing:1.2px}
.rk-head .rk-correct,.rk-head .rk-points{justify-self:end}
.rk-rank{color:#8794a8;font-size:10px;font-weight:820;font-variant-numeric:tabular-nums}
.rk-rank.is-one{color:#ffc531}
.rk-player{display:flex;align-items:center;gap:7px;min-width:0}
.rk-player .rank-avatar{width:22px;height:22px;border-radius:50%;font-size:8px;font-weight:800}
.rk-player b{min-width:0;overflow:hidden;color:#e8effc;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.rk-you{flex:none;padding:2px 5px;border:1px solid rgba(88,140,232,.4);border-radius:5px;background:rgba(11,97,223,.22);color:#9dc2ff;font-size:6.6px;font-weight:820;letter-spacing:.6px;font-style:normal}
.rk-correct{justify-self:end;color:#9fb0c6;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rk-points{justify-self:end;color:#eef4ff;font-size:11px;font-weight:820;font-variant-numeric:tabular-nums}
.rk-row.is-user{border-bottom-color:rgba(88,140,232,.18);border-radius:9px;background:linear-gradient(90deg,rgba(11,97,223,.2),rgba(11,97,223,.04));box-shadow:inset 3px 0 0 #287cf5}
.rk-row.is-user .rk-player b{color:#fff}
.rk-row.is-user .rk-points{color:#a8c8ff}
.rank-note{margin:8px 1px 2px;color:#6f7d92;font-size:8px;line-height:1.5}
.rank-champions{padding:11px 12px 12px;border-radius:14px}
.rank-champions-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.rank-yesterday{padding:2px 7px;border:1px solid rgba(255,197,49,.3);border-radius:5px;background:rgba(255,197,49,.1);color:#ffd76a;font-size:7px;font-weight:820;letter-spacing:1px}
.rank-champions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rk-champion{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:9px 8px;border:1px solid rgba(148,171,210,.1);border-radius:11px;background:rgba(255,255,255,.022);text-align:center}
.rk-champion.is-active{border-color:rgba(255,197,49,.3);background:rgba(255,197,49,.06)}
.rk-champion-tier{padding:2px 6px;border-radius:5px;background:rgba(255,255,255,.05);color:#c6d4e8;font-size:6.8px;font-weight:820;letter-spacing:.7px}
.rk-champion-tier.is-gold{background:rgba(255,197,49,.16);color:#ffd76a}
.rk-champion-tier.is-silver{background:rgba(196,214,240,.14);color:#e2ebf8}
.rk-champion-tier.is-bronze{background:rgba(206,140,92,.16);color:#f0bf9b}
.rk-champion .rank-avatar{width:24px;height:24px;border-radius:50%;font-size:8.5px;font-weight:820;margin-top:2px}
.rk-champion-name{max-width:100%;overflow:hidden;color:#eef4ff;font-size:9.5px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}
.rk-champion-pts{color:#dfc478;font-size:8.5px;font-weight:760;white-space:nowrap}
.hall-fame{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.hall-head{margin:0}
.hall-subtitle{margin:0;color:#8794a8;font-size:10px;line-height:1.5}
.hall-criteria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.hall-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:11px 12px 12px;border-radius:12px}
.hall-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,197,49,.24);border-radius:8px;background:rgba(255,197,49,.1);color:#ffc531;font-size:11px}
.hall-index{position:absolute;top:10px;right:11px;color:#4f5c70;font-size:8px;font-weight:800;letter-spacing:.8px}
.hall-card b{margin-top:3px;color:#eef4ff;font-size:10.5px;font-weight:760;line-height:1.3}
.hall-card p{margin:0;color:#8794a8;font-size:8.5px;line-height:1.45}
.hall-legends-title{margin:4px 0 0;color:#c6d4e8;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.hall-legends{display:flex;flex-direction:column;gap:7px}
.legend-card{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px}
.legend-avatar{width:30px;height:30px;border-radius:50%;font-size:10px;font-weight:820;flex:none}
.legend-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.legend-copy b{color:#eef4ff;font-size:11px;font-weight:750;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legend-copy span{color:#8794a8;font-size:9px;line-height:1.3}
.legend-badge{flex:none;padding:3px 7px;border:1px solid rgba(255,197,49,.34);border-radius:6px;background:rgba(255,197,49,.1);color:#ffd76a;font-size:7px;font-weight:820;letter-spacing:.7px;white-space:nowrap}
.hall-empty{margin:0;padding:14px 12px;border:1px dashed rgba(148,173,212,.2);border-radius:11px;color:#8794a8;font-size:10px;text-align:center}
@media(max-width:767px){
.ranking-intro{flex-direction:column;align-items:flex-start;gap:11px}
.rank-controls{width:100%;align-items:stretch}
.rank-tier-tabs,.rank-period-tabs{justify-content:space-between}
.rank-tier{flex:1;padding:0 6px;font-size:8.5px}
.rank-period{flex:1;padding:0 6px}
.rank-controls{flex-direction:row;align-items:center;gap:7px}
.rank-tier-tabs{flex:1;min-width:0}
.rank-period-tabs{flex:none}
.rank-podium{flex-direction:column;gap:8px}
.rk-podium-card.is-place-1{order:0}
.rk-podium-card.is-place-2{order:1}
.rk-podium-card.is-place-3{order:2}
.rk-podium-card{flex-direction:row;justify-content:flex-start;gap:8px;padding:11px 12px;text-align:left}
.rk-crown{position:static;order:3;margin-left:auto;font-size:12px}
.rk-avatar.rank-avatar{width:28px;height:28px}
.rk-place{order:-1}
.rk-podium-name{flex:1}
.rk-podium-meta{display:none}
.rk-podium-points{margin-left:auto;font-size:13px}
.rk-row{grid-template-columns:28px minmax(0,1fr) 50px 50px;gap:6px;padding:7px 3px}
.rk-player b{font-size:10.5px}
.rk-correct{font-size:9.5px}
.rk-points{font-size:10.5px}
.rank-champions-grid{grid-template-columns:minmax(0,1fr)}
.rk-champion{flex-direction:row;justify-content:flex-start;gap:8px;text-align:left}
.rk-champion-tier{order:2;margin-left:auto}
.rk-champion .rank-avatar{width:26px;height:26px;margin-top:0}
.rk-champion-name{flex:1;font-size:10px}
.hall-criteria{grid-template-columns:minmax(0,1fr)}
.hall-card{flex-direction:row;align-items:center;gap:9px;flex-wrap:wrap}
.hall-icon{flex:none}
.hall-card b{margin-top:0;flex:1;min-width:0}
.hall-card p{flex-basis:100%;margin-left:33px}
.legend-card{gap:8px;padding:8px 9px}
.legend-copy b{font-size:10.5px}
.legend-copy span{font-size:8.5px}
}
@media(max-width:380px){
.rk-champion-pts{display:none}
.rk-row{grid-template-columns:26px minmax(0,1fr) 46px 46px}
}

/* ---------- Pòtfèy — balance, demo deposit/withdraw, history ---------- */
.wallet-page{display:flex;flex-direction:column;gap:12px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.wallet-intro{margin-bottom:0}
.pw-card{padding:14px 15px 13px;border-radius:16px}
.pw-card-top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pw-balance-block{display:flex;flex-direction:column;gap:5px;min-width:0}
.pw-balance{display:flex;align-items:baseline;gap:7px}
.pw-balance b{color:#f6f9ff;font-size:34px;font-weight:850;letter-spacing:-1.4px;line-height:1;font-variant-numeric:tabular-nums}
.pw-balance span{color:#8b98ad;font-size:11px;font-weight:800;letter-spacing:.8px}
.pw-notice{margin:2px 0 0;padding:4px 8px;border:1px solid rgba(255,197,49,.26);border-radius:6px;background:rgba(255,197,49,.08);color:#e3c67a;font-size:8px;font-weight:740;letter-spacing:.3px;line-height:1.4;align-self:flex-start}
.pw-actions{display:flex;gap:8px;flex:none}
.pw-action{height:38px;padding:0 16px;border:1px solid rgba(148,173,212,.22);border-radius:10px;background:rgba(255,255,255,.04);color:#dbe7f7;font-size:11px;font-weight:780;letter-spacing:.2px;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.pw-action:hover{transform:translateY(-1px);border-color:rgba(120,160,225,.4);color:#fff}
.pw-action.is-primary{border-color:rgba(111,164,252,.3);background:linear-gradient(125deg,#116be8,#0a58ca);color:#fff;box-shadow:0 6px 18px rgba(11,97,223,.24)}
.pw-action:focus-visible,.pw-method:focus-visible,.pw-chip:focus-visible,.pw-confirm:focus-visible,.pw-close:focus-visible,.pw-change:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.pw-methods-wrap{display:flex;flex-direction:column;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(148,171,210,.1)}
.pw-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pw-method{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid rgba(148,173,212,.16);border-radius:12px;background:rgba(255,255,255,.028);color:#cbd8ea;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.pw-method:hover{border-color:rgba(120,160,225,.34);background:rgba(255,255,255,.05)}
.pw-method.is-active{border-color:rgba(88,140,232,.55);background:linear-gradient(125deg,rgba(17,107,232,.22),rgba(10,88,202,.12));box-shadow:inset 0 0 0 1px rgba(96,150,240,.16)}
/* Payment marks already carry the site navy, so they sit straight on the card: no chip, no box. */
.pw-logo{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:11px;overflow:hidden;background:transparent}
.pw-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:11px}
.pw-logo.is-small{width:36px;height:36px;border-radius:9px}
.pw-method-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.pw-method-copy b{color:#eef4ff;font-size:11.5px;font-weight:780;line-height:1.2}
.pw-method-copy small{color:#8794a8;font-size:8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-tick{margin-left:auto;flex:none;color:#4bd9a0;font-size:12px;font-weight:800}
.pw-flow{padding:13px 14px 14px;border-radius:15px;display:flex;flex-direction:column;gap:11px}
.pw-flow[hidden]{display:none}
.pw-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.pw-flow-head h2{margin:4px 0 0;color:#f2f7ff;font-size:16px;font-weight:820;letter-spacing:-.4px}
.pw-close{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid rgba(148,173,212,.2);border-radius:8px;background:rgba(255,255,255,.04);color:#a9b7cb;font-size:15px;line-height:1;cursor:pointer}
.pw-close:hover{color:#fff;border-color:rgba(120,160,225,.4)}
.pw-flow-method{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(148,173,212,.14);border-radius:11px;background:rgba(255,255,255,.025)}
.pw-flow-method div{display:flex;flex-direction:column;gap:1px;min-width:0}
.pw-flow-method b{color:#eef4ff;font-size:11px;font-weight:770}
.pw-flow-method small{color:#8794a8;font-size:8px}
.pw-change{margin-left:auto;flex:none;padding:4px 8px;border:1px solid rgba(148,173,212,.2);border-radius:6px;background:transparent;color:#9fb0c6;font-size:8px;font-weight:760;letter-spacing:.3px;cursor:pointer}
.pw-change:hover{color:#eaf2ff;border-color:rgba(120,160,225,.4)}
.pw-amount{display:flex;flex-direction:column;gap:8px}
.pw-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pw-chip{display:flex;align-items:baseline;justify-content:center;gap:3px;height:36px;padding:0 4px;border:1px solid rgba(148,173,212,.18);border-radius:9px;background:rgba(255,255,255,.03);color:#dbe7f7;font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.pw-chip small{color:#7f8da2;font-size:7px;font-weight:760}
.pw-chip:hover{border-color:rgba(120,160,225,.36);color:#fff}
.pw-chip.is-active{border-color:rgba(88,140,232,.6);background:linear-gradient(125deg,#116be8,#0a58ca);color:#fff;box-shadow:0 4px 14px rgba(11,97,223,.24)}
.pw-chip.is-active small{color:#c9ddff}
.pw-custom{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid rgba(150,175,215,.22);border-radius:10px;background:rgba(6,12,22,.6)}
.pw-custom:focus-within{border-color:rgba(88,140,232,.6);box-shadow:0 0 0 3px rgba(11,97,223,.16)}
.pw-custom input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#f2f7ff;font-size:15px;font-weight:760;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
.pw-custom input::-webkit-outer-spin-button,.pw-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pw-custom input:focus{outline:none}
.pw-custom input::placeholder{color:#5f6d82;font-weight:600}
.pw-custom span{color:#7f8da2;font-size:9px;font-weight:800;letter-spacing:.6px}
.pw-hint{margin:0;color:#6f7d92;font-size:8.5px;line-height:1.45}
.pw-error{margin:0;padding:8px 10px;border:1px solid rgba(226,108,108,.34);border-radius:9px;background:rgba(184,52,52,.16);color:#ffb3b3;font-size:9.5px;font-weight:700;line-height:1.4}
.pw-error[hidden]{display:none}
.pw-confirm{width:100%;height:42px;border:1px solid rgba(111,164,252,.3);border-radius:10px;background:linear-gradient(125deg,#116be8,#0a58ca);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 18px rgba(11,97,223,.24);transition:transform .18s,box-shadow .18s}
.pw-confirm:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(11,97,223,.3)}
.pw-success{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:4px 0 2px}
.pw-success-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(70,213,154,.4);border-radius:50%;background:rgba(70,213,154,.14);color:#63e0ae;font-size:18px;font-weight:800}
.pw-success h2{margin:2px 0 0;color:#f2f7ff;font-size:16px;font-weight:820;letter-spacing:-.3px}
.pw-success p{margin:0;color:#8794a8;font-size:9.5px;line-height:1.45}
.pw-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:6px 0 4px;padding-top:10px;border-top:1px solid rgba(148,171,210,.12)}
.pw-success-grid div{display:flex;flex-direction:column;gap:2px;min-width:0}
.pw-success-grid dt{color:#748198;font-size:7.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.pw-success-grid dd{margin:0;color:#eef4ff;font-size:10.5px;font-weight:780;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pw-history{display:flex;flex-direction:column;gap:9px}
.pw-history-head{margin:2px 0 0}
.pw-history-count{padding:3px 8px;border:1px solid rgba(148,173,212,.18);border-radius:6px;background:rgba(255,255,255,.03);color:#9fb0c6;font-size:8px;font-weight:780;letter-spacing:.4px;white-space:nowrap}
.pw-tx-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.pw-tx{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(148,171,210,.1);border-radius:12px;background:linear-gradient(140deg,rgba(14,23,39,.82),rgba(9,15,26,.86))}
.pw-tx-icon{display:flex;align-items:center;justify-content:center;flex:none}
.pw-tx-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.pw-tx-copy b{color:#eef4ff;font-size:10.5px;font-weight:740;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-tx-copy small{color:#7f8da2;font-size:8px;line-height:1.3}
.pw-tx-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}
.pw-tx-amount{color:#eef4ff;font-size:11.5px;font-weight:820;font-variant-numeric:tabular-nums;white-space:nowrap}
.pw-tx-amount small{margin-left:3px;color:#7f8da2;font-size:7px;font-weight:760}
.pw-tx.is-in .pw-tx-amount{color:#4bd9a0}
.pw-tx.is-out .pw-tx-amount{color:#ff9c9c}
.pw-tx-after{color:#8794a8;font-size:8px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pw-tx-after i{margin-right:4px;color:#5f6d82;font-size:7px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;font-style:normal}
.pw-tx-after small{margin-left:2px;color:#5f6d82;font-size:6.5px}
.pw-tier-chip{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);color:#c6d4e8;font-size:6.5px;font-weight:820;letter-spacing:.4px}
.pw-tier-chip.is-gold{background:rgba(255,197,49,.16);color:#ffd76a}
.pw-tier-chip.is-silver{background:rgba(196,214,240,.14);color:#e2ebf8}
.pw-tier-chip.is-bronze{background:rgba(206,140,92,.16);color:#f0bf9b}
.pw-tx-empty{margin:0;padding:16px 12px;border:1px dashed rgba(148,173,212,.2);border-radius:12px;color:#8794a8;font-size:10px;text-align:center}
@media(max-width:767px){
.wallet-intro h1{font-size:26px}
.pw-card{padding:12px 12px 11px}
.pw-card-top{align-items:stretch;gap:11px}
.pw-balance b{font-size:30px}
.pw-actions{width:100%}
.pw-action{flex:1;height:40px}
.pw-methods{grid-template-columns:minmax(0,1fr)}
.pw-method{padding:7px 9px}
.pw-logo{width:42px;height:42px}
.pw-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
.pw-success-grid{grid-template-columns:minmax(0,1fr);gap:7px;text-align:left}
.pw-success-grid div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:8px}
.pw-tx{padding:8px 9px;gap:8px}
.pw-tx-copy b{font-size:10px}
.pw-tx-amount{font-size:11px}
.pw-tx-after i{display:none}
.pw-tx-after::before{content:'→ ';color:#5f6d82}
}
@media(max-width:380px){
.pw-balance b{font-size:27px}
.pw-tx-after{font-size:7.5px}
}
/* ---------- Club — membership, the six VIP pages and their charts ---------- */
.club-page{display:flex;flex-direction:column;gap:13px;padding-bottom:8px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.club-page-body{display:flex;flex-direction:column;gap:13px}

/* VIP badge, shared by the header, Klasman and the Club pages */
.vip-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:26px;height:16px;margin-left:6px;padding:0 6px;border:1px solid rgba(255,197,49,.5);border-radius:5px;background:linear-gradient(125deg,rgba(255,197,49,.28),rgba(214,152,18,.24));color:#ffe3a3;font-size:7.5px;font-weight:850;font-style:normal;letter-spacing:.7px;vertical-align:middle;box-shadow:0 2px 8px rgba(255,183,28,.18)}
.vip-badge[hidden]{display:none}
.vip-badge.is-small{min-width:22px;height:14px;margin-left:5px;padding:0 5px;font-size:6.5px;letter-spacing:.5px}
.vip-badge.is-large{min-width:38px;height:22px;margin-left:0;font-size:9px;letter-spacing:.9px}
.header-vip{margin-left:7px;margin-top:-2px}

/* page head */
.club-intro{margin-bottom:0}
.club-title{font-size:30px;letter-spacing:-1.2px}
.club-headline{margin:2px 0 0;background:linear-gradient(100deg,#f6f9ff,#9fc4ff 46%,#ffc531);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;font-weight:850;letter-spacing:-.7px;line-height:1.15}
.club-page-head{margin-bottom:0}
.club-back{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:5px 10px;border:1px solid rgba(148,173,212,.18);border-radius:8px;background:rgba(255,255,255,.03);color:#b9c7da;font-size:10px;font-weight:740;text-decoration:none;transition:border-color .18s,color .18s,background .18s}
.club-back:hover{border-color:rgba(255,197,49,.4);background:rgba(255,197,49,.07);color:#ffe0a0}

/* price block */
.club-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(255,197,49,.22);border-radius:14px;background:linear-gradient(125deg,rgba(255,197,49,.09),rgba(12,21,36,.72))}
.club-price-main{display:flex;align-items:baseline;gap:6px;color:#f6f9ff}
.club-price-main b{font-size:22px;font-weight:850;letter-spacing:-.9px}
.club-price-main span{color:#b99646;font-size:13px;font-weight:700}
.club-price-main small{margin-left:2px;color:#a9b7cb;font-size:10px;font-weight:760}
.club-price-note{color:#8b98ad;font-size:8.5px;line-height:1.4}
.club-price-tag{margin-left:auto}

/* benefits */
.club-benefits-head{margin:4px 0 0}
.club-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.club-benefit{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border:1px solid rgba(148,171,210,.13);border-radius:13px;background:linear-gradient(150deg,rgba(16,26,44,.9),rgba(9,15,26,.94));color:inherit;text-decoration:none;transition:border-color .18s,transform .18s,background .18s}
.club-benefit:hover{transform:translateY(-2px);border-color:rgba(255,197,49,.34);background:linear-gradient(150deg,rgba(24,36,58,.95),rgba(11,18,31,.96))}
.club-benefit-top{display:flex;align-items:center;justify-content:space-between}
.club-benefit-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,197,49,.12);color:#ffd76a;font-size:12px}
.club-benefit-index{color:#47556b;font-size:9px;font-weight:820;letter-spacing:.6px}
.club-benefit-title{color:#eef4ff;font-size:11.5px;font-weight:790;line-height:1.25}
.club-benefit-desc{margin:0;color:#8794a8;font-size:8.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.club-benefit-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px;border-top:1px solid rgba(148,171,210,.1)}
.club-benefit-tag{color:#748198;font-size:6.5px;font-weight:820;letter-spacing:.7px}
.club-benefit-open{display:inline-flex;align-items:center;gap:4px;color:#9fc4ff;font-size:8px;font-weight:780}
.club-benefit-open i{color:#ffc531;font-style:normal}
.club-lock-pill{font-size:7px;font-style:normal;opacity:.8}

/* join panel */
.club-join{display:flex;flex-direction:column;gap:10px;padding:13px 14px;border-color:rgba(255,197,49,.2)!important;background:linear-gradient(150deg,rgba(20,31,52,.92),rgba(9,15,26,.94))}
.club-join-head h2{margin:4px 0 0;color:#f2f7ff;font-size:16px;font-weight:820;letter-spacing:-.4px}
.club-join-head p{margin:4px 0 0;color:#8794a8;font-size:9px;line-height:1.5}
.club-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.club-method{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(148,173,212,.16);border-radius:11px;background:rgba(255,255,255,.028);color:#cbd8ea;cursor:pointer;text-align:left;transition:border-color .18s,background .18s}
.club-method:hover{border-color:rgba(120,160,225,.34);background:rgba(255,255,255,.05)}
.club-method.is-active{border-color:rgba(255,197,49,.5);background:linear-gradient(125deg,rgba(255,197,49,.14),rgba(17,30,50,.5))}
.club-method img{display:block;flex:none;width:44px;height:44px;border-radius:10px;object-fit:contain}
.club-method b{font-size:11px;font-weight:780;color:#eef4ff}
.club-method-tick{margin-left:auto;color:#ffc531;font-size:12px;font-weight:800}
.club-join-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.club-join-balance{display:flex;align-items:baseline;gap:4px;color:#8794a8}
.club-join-balance i{margin-right:3px;font-size:7.5px;font-weight:820;letter-spacing:.7px;text-transform:uppercase;font-style:normal}
.club-join-balance b{color:#f6f9ff;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums}
.club-join-balance small{font-size:8px;font-weight:800;letter-spacing:.5px}
.club-join-button{flex:1;min-width:180px;height:42px;padding:0 14px;border:1px solid rgba(255,197,49,.45);border-radius:10px;background:linear-gradient(125deg,#ffcf4d,#e2a51b);color:#1a1206;font-size:11px;font-weight:850;letter-spacing:.2px;cursor:pointer;box-shadow:0 8px 22px rgba(226,165,27,.26);transition:transform .18s,box-shadow .18s}
.club-join-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(226,165,27,.34)}
.club-join-error{margin:0;padding:8px 10px;border:1px solid rgba(226,108,108,.36);border-radius:9px;background:rgba(184,52,52,.16);color:#ffb3b3;font-size:9.5px;font-weight:720}
.club-join-error[hidden]{display:none}
.club-join-help{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;border:1px dashed rgba(226,108,108,.3);border-radius:9px;background:rgba(184,52,52,.07)}
.club-join-help p{margin:0;flex:1;min-width:150px;color:#d4a9a9;font-size:8.5px;line-height:1.45}
.club-join-wallet{flex:none;color:#9fc4ff;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}

/* member card */
.club-member{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 14px;border-color:rgba(255,197,49,.3)!important;background:linear-gradient(125deg,rgba(255,197,49,.14),rgba(12,21,36,.86))}
.club-member-id{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.club-member-avatar{position:relative;display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid rgba(255,197,49,.4);border-radius:14px;background:linear-gradient(135deg,#22304a,#101a2c);color:#ffd76a;font-size:13px;font-weight:850;letter-spacing:.4px}
.club-member-avatar .vip-badge{position:absolute;right:-7px;bottom:-5px}
.club-member-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.club-member-name{display:flex;align-items:center;flex-wrap:wrap;color:#f6f9ff;font-size:15px;font-weight:830;letter-spacing:-.3px}
.club-member-since{color:#b9a878;font-size:8.5px;font-weight:680}
.club-member-plan{display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(255,197,49,.26);border-radius:8px;background:rgba(255,197,49,.09);color:#e3c67a;font-size:8px;font-weight:760;white-space:nowrap}
.club-member-plan b{color:#ffd76a;font-size:11px}

/* success */
.club-success{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 14px;border-color:rgba(70,213,154,.34)!important;background:linear-gradient(125deg,rgba(70,213,154,.12),rgba(10,20,32,.9))}
.club-success-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(70,213,154,.4);border-radius:50%;background:rgba(70,213,154,.14);color:#63e0ae;font-size:15px}
.club-success h3{margin:0;color:#eaf6ef;font-size:12.5px;font-weight:820}
.club-success p{margin:2px 0 0;color:#8fb6a4;font-size:8.5px;line-height:1.45}
.club-success>div{flex:1;min-width:150px}
.club-join-cta{padding:8px 12px;border:1px solid rgba(255,197,49,.4);border-radius:9px;background:rgba(255,197,49,.12);color:#ffe0a0;font-size:9px;font-weight:800;text-decoration:none;white-space:nowrap}

/* mini club ranking */
.club-mini{display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.club-mini-head h2{margin:4px 0 0;color:#f2f7ff;font-size:14px;font-weight:820;letter-spacing:-.3px}
.club-mini-rows{display:flex;flex-direction:column;gap:4px}
.club-mini-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(148,171,210,.09);border-radius:9px;background:rgba(255,255,255,.022)}
.club-mini-rank{width:18px;color:#7f8da2;font-size:9px;font-weight:820;font-variant-numeric:tabular-nums}
.club-mini-avatar{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:rgba(84,124,196,.24);color:#cfe0f8;font-size:7.5px;font-weight:800}
.club-mini-name{flex:1;min-width:0;color:#e6eefb;font-size:9.5px;font-weight:720;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.club-mini-points{color:#ffd76a;font-size:9.5px;font-weight:820;font-variant-numeric:tabular-nums;white-space:nowrap}
.club-mini-points small{color:#8b7c4f;font-size:6.5px;font-weight:800}
.club-mini-link{align-self:flex-end;color:#9fc4ff;font-size:8.5px;font-weight:780;text-decoration:none}

/* lock panel */
.club-lock{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:12px 14px;border-color:rgba(255,197,49,.26)!important;border-style:dashed!important;background:linear-gradient(125deg,rgba(255,197,49,.07),rgba(9,15,26,.9))}
.club-lock-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,197,49,.1);font-size:14px}
.club-lock-copy{flex:1;min-width:170px}
.club-lock-copy h3{margin:2px 0 0;color:#f2f7ff;font-size:11.5px;font-weight:810}
.club-lock-copy p{margin:3px 0 0;color:#8794a8;font-size:8.5px;line-height:1.45}

/* ---------- VIP data lab ---------- */
.vip-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(63,224,230,.22);border-radius:8px;background:rgba(63,224,230,.06);color:#8fe6ea;font-size:7.5px;font-weight:820;letter-spacing:1px}
.vip-status-dot{width:6px;height:6px;border-radius:50%;background:#3fe0e6;box-shadow:0 0 10px rgba(63,224,230,.8)}
.vip-module{position:relative;border:1px solid rgba(148,173,212,.14);border-radius:14px;background:linear-gradient(155deg,rgba(15,25,42,.94),rgba(7,12,22,.96));clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);overflow:hidden}
.vip-module[open]{border-color:rgba(63,224,230,.26)}
.vip-module-head{display:flex;align-items:center;gap:9px;padding:10px 12px;cursor:pointer;list-style:none}
.vip-module-head::-webkit-details-marker{display:none}
.vip-module-index{color:#3fe0e6;font-size:9px;font-weight:850;letter-spacing:.6px}
.vip-module-teams{display:flex;align-items:baseline;gap:5px;flex:1;min-width:0;flex-wrap:wrap}
.vip-module-teams b{color:#eef4ff;font-size:10.5px;font-weight:770;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%}
.vip-module-teams i{color:#5f6d82;font-size:8px;font-style:normal}
.vip-module-teams small{flex-basis:100%;color:#748198;font-size:7.5px;font-weight:680}
.vip-module-badge{display:flex;flex-direction:column;align-items:center;padding:3px 7px;border:1px solid rgba(255,197,49,.24);border-radius:7px;background:rgba(255,197,49,.08)}
.vip-module-badge b{color:#ffd76a;font-size:11px;font-weight:850;line-height:1}
.vip-module-badge small{color:#9b8552;font-size:5.5px;font-weight:800;letter-spacing:.5px}
.vip-module-chevron{color:#7f8da2;font-size:12px;transition:transform .2s}
.vip-module[open] .vip-module-chevron{transform:rotate(180deg)}
.vip-module-body{display:flex;flex-direction:column;gap:9px;padding:0 12px 12px}
.vip-module-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.vip-module-lock,.fich-lock{position:absolute;top:10px;right:34px;padding:3px 7px;border:1px solid rgba(255,197,49,.34);border-radius:6px;background:rgba(9,15,26,.92);color:#ffd76a;font-size:7px;font-weight:820;letter-spacing:.6px}
.fich-lock{right:12px;top:12px}
.vip-module.is-blurred .vip-module-grid,.vip-module.is-blurred .vip-tuyau{filter:blur(6px);pointer-events:none;user-select:none;opacity:.7}

/* charts */
.vip-chart{display:flex;flex-direction:column;gap:5px;margin:0;padding:9px 10px;border:1px solid rgba(148,171,210,.11);border-radius:11px;background:rgba(6,12,22,.55);min-width:0}
.vip-chart figcaption{display:flex;align-items:center;gap:4px;color:#8292a8;font-size:7px;font-weight:830;letter-spacing:.8px;text-transform:uppercase}
.vip-chart figcaption i{color:#4d5a6e;font-style:normal}
.vip-svg{display:block;width:100%;height:auto;max-height:232px;overflow:visible}
.vip-chart.is-radar .vip-svg{max-height:286px}
.vip-axis{fill:#8292a8;font-size:7px;font-weight:760;letter-spacing:.4px}
.vip-tick{fill:#5f6d82;font-size:7px;font-weight:700}
.vip-tick.is-strong{fill:#b9c7da;font-weight:820}
.vip-big{fill:#eef4ff;font-size:15px;font-weight:850;letter-spacing:-.5px}
.vip-big-unit{fill:#7f8da2;font-size:7px;font-weight:760;letter-spacing:.3px}
.vip-gauge-value{fill:#f2f7ff;font-size:18px;font-weight:850}
.vip-gauge-label{fill:#b9c7da;font-size:7.5px;font-weight:800;letter-spacing:.5px}
.vip-ring-value{fill:#f2f7ff;font-size:17px;font-weight:850}
.vip-ring-label{fill:#9b8552;font-size:5.5px;font-weight:820;letter-spacing:.6px}
.vip-legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#8b98ad;font-size:7px;font-weight:720}
.vip-legend-item{display:inline-flex;align-items:center;gap:4px}
.vip-dot{width:6px;height:6px;border-radius:2px}
.vip-values{display:flex;flex-wrap:wrap;gap:7px;color:#8794a8;font-size:7.5px;font-weight:700;font-variant-numeric:tabular-nums}
.vip-values span{display:inline-flex;align-items:baseline;gap:3px}
.vip-values b{margin-right:2px;color:#9fb0c6;font-size:6.5px;font-weight:820;letter-spacing:.4px}
.vip-values i{color:#4d5a6e;font-style:normal}
.vip-chart-note{margin:0;color:#6f7d92;font-size:7.5px;line-height:1.45}
.vip-chart.is-radar{grid-column:1/-1}
.vip-chart.is-gauge{flex:0 1 140px;max-width:150px;padding:6px 7px}
.vip-chart.is-gauge .vip-svg{max-height:150px}
.vip-chart.is-ring{flex:none;width:98px;max-width:98px;padding:0;border:0;background:none}
.vip-form-block{display:flex;flex-wrap:wrap;gap:6px}
.vip-form-block .vip-chart{flex:1 1 44%;min-width:0;max-width:150px}
.vip-cells-wrap{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:0 2px}
.vip-cells{display:flex;gap:4px}
.vip-cell{display:grid;place-items:center;width:19px;height:21px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-size:7.5px;font-weight:850;color:#0a1120}
.vip-cell.is-w{background:#43d9a0}
.vip-cell.is-d{background:#c4d0e2}
.vip-cell.is-l{background:#e2705f;color:#1a0d0a}
.vip-cells-note{margin:0;color:#6f7d92;font-size:7px;line-height:1.4}
.vip-radar-shape{transform-box:fill-box;transform-origin:center;animation:vip-radar-in .85s cubic-bezier(.22,.8,.3,1) both}
.vip-radar-shape.is-away{animation-delay:.12s}
@keyframes vip-radar-in{from{transform:scale(.15);opacity:0}to{transform:scale(1);opacity:1}}
.vip-line{stroke-dasharray:460;stroke-dashoffset:460;animation:vip-draw 1.2s ease forwards}
@keyframes vip-draw{to{stroke-dashoffset:0}}
.vip-bar{animation:vip-bar-in .7s cubic-bezier(.22,.8,.3,1) both;transform-box:fill-box;transform-origin:bottom}
@keyframes vip-bar-in{from{transform:scaleY(.1);opacity:.2}to{transform:scaleY(1);opacity:1}}
.vip-arc{animation:vip-draw .9s ease forwards;stroke-dasharray:230;stroke-dashoffset:230}
.vip-ring-arc{animation:vip-draw 1s ease forwards}
.vip-ribbon{transition:fill-opacity .2s}
.vip-ribbon:hover{fill-opacity:.42}
.vip-lasers{display:flex;flex-direction:column;gap:5px}
.vip-laser{display:flex;align-items:center;gap:6px}
.vip-laser-label{width:74px;flex:none;color:#8b98ad;font-size:7px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vip-laser-track{flex:1;height:7px;border-radius:4px;background:rgba(148,173,212,.12);overflow:hidden}
.vip-laser-fill{display:block;height:100%;border-radius:4px;box-shadow:0 0 10px rgba(75,142,247,.4)}
.vip-laser-fill.is-faded{opacity:.42;box-shadow:none}
.vip-laser-fill.is-league{box-shadow:none}
.vip-laser-value{width:24px;flex:none;color:#dbe7f7;font-size:8px;font-weight:820;font-variant-numeric:tabular-nums;text-align:right}
.vip-timeline{position:relative;display:flex;align-items:center;gap:6px;padding:4px 0 6px}
.vip-timeline-line{position:absolute;left:6px;right:6px;top:50%;height:1px;background:rgba(148,173,212,.18)}
.vip-timeline-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;flex:1;padding:3px 4px;border:1px solid rgba(148,173,212,.16);border-radius:7px;background:rgba(10,17,29,.94)}
.vip-timeline-item b{color:#eef4ff;font-size:9.5px;font-weight:820;font-variant-numeric:tabular-nums}
.vip-timeline-item small{color:#6f7d92;font-size:6.5px;font-weight:740}
.vip-timeline-item.is-home{border-color:rgba(75,142,247,.4)}
.vip-timeline-item.is-home b{color:#9fc4ff}
.vip-timeline-item.is-away{border-color:rgba(255,197,49,.4)}
.vip-timeline-item.is-away b{color:#ffd76a}
.vip-dominance{position:relative;display:flex;justify-content:space-between;height:14px;border-radius:7px;background:rgba(148,173,212,.12);overflow:hidden}
.vip-dominance i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(75,142,247,.6),rgba(75,142,247,.24))}
.vip-dominance b{position:relative;z-index:1;display:flex;align-items:center;padding:0 6px;color:#dbe7f7;font-size:6.5px;font-weight:820;letter-spacing:.3px}
.vip-holo-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:3px 0}
.vip-holo-team{width:30px;flex:none;color:#748198;font-size:6.5px;font-weight:830;letter-spacing:.4px}
.vip-holo{display:inline-flex;align-items:center;gap:4px;padding:2px 6px 2px 2px;border:1px solid rgba(63,224,230,.22);border-radius:20px;background:linear-gradient(120deg,rgba(63,224,230,.1),rgba(75,142,247,.08));color:#cfe6f2}
.vip-holo-avatar{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:rgba(63,224,230,.2);color:#bff4f7;font-size:5.5px;font-weight:840}
.vip-holo-name{font-size:7px;font-weight:740;white-space:nowrap}
.vip-holo-goals{color:#3fe0e6;font-size:7.5px;font-weight:850}

/* TUYOU VIP */
.vip-tuyau{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid rgba(255,197,49,.45);border-radius:11px;background:linear-gradient(140deg,rgba(255,197,49,.11),rgba(10,17,29,.9));box-shadow:inset 0 0 24px rgba(255,197,49,.05)}
.vip-tuyau-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vip-tuyau-label{display:inline-flex;align-items:center;gap:4px;color:#ffd76a;font-size:7.5px;font-weight:850;letter-spacing:1px}
.vip-tuyau-stars{display:inline-flex;gap:1px}
.vip-star{color:#4a4330;font-size:9px}
.vip-star.is-on{color:#ffc531;text-shadow:0 0 8px rgba(255,197,49,.6)}
.vip-tuyau-text{color:#fff6dd;font-size:12px;font-weight:830;letter-spacing:-.2px;line-height:1.25}
.vip-tuyau-why{margin:0;color:#b9a878;font-size:8px;line-height:1.4}
.vip-tuyau-note{margin:0;color:#8a7a52;font-size:7px;font-weight:760;letter-spacing:.3px}

/* ---------- Fich jodi a — list, detail, AI verdict and probabilities ---------- */
.fich-list-head{margin:2px 0 1px}
.fich-rows{display:flex;flex-direction:column;gap:7px}
.fich-row{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 20px minmax(0,1fr) 54px;grid-template-areas:"time home vs away conf" "time league league league conf";align-items:center;gap:6px 8px;width:100%;padding:10px 11px;border:1px solid rgba(148,171,210,.13);border-radius:14px;background:linear-gradient(150deg,rgba(15,25,42,.9),rgba(8,14,24,.94));color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}
.fich-row:hover{border-color:rgba(88,140,232,.4);background:linear-gradient(150deg,rgba(21,35,58,.95),rgba(10,17,29,.96))}
.fich-row:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.fich-row-time{grid-area:time;align-self:center;color:#8d9bb0;font-size:10.5px;font-weight:760;font-variant-numeric:tabular-nums}
.fich-row-side{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.fich-row-side.is-home{grid-area:home}
.fich-row-side.is-away{grid-area:away}
.fich-row-side b{max-width:100%;overflow:hidden;color:#e6eefb;font-size:9.5px;font-weight:720;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.fich-row-vs{grid-area:vs;color:#5f6d82;font-size:9px;font-weight:800;letter-spacing:.6px;text-align:center}
.fich-row-league{grid-area:league;color:#6f7d92;font-size:6.5px;font-weight:800;letter-spacing:.9px;text-align:center;text-transform:uppercase}
.fich-row-conf{grid-area:conf;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 4px;border:1px solid rgba(255,197,49,.24);border-radius:9px;background:rgba(255,197,49,.08)}
.fich-row-conf b{color:#ffd76a;font-size:14px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}
.fich-row-conf small{color:#9b8552;font-size:5.5px;font-weight:820;letter-spacing:.4px}
.fich-row.is-locked{cursor:default}
.fich-row.is-locked>*:not(.fich-row-lock){filter:blur(4px);opacity:.62}
.fich-row-lock{grid-area:conf;grid-row:1;justify-self:center;align-self:center;font-size:13px;opacity:.85}
.fich-row.is-locked .fich-row-conf{display:none}
.fich-logo{display:inline-grid;place-items:center;flex:none}
.fich-logo .team-logo,.fich-logo .team-logo-initials,.fich-logo .team-logo img{width:46px;height:46px}
.fich-logo .team-logo-initials{border-radius:12px;font-size:11px;background:rgba(255,255,255,.06);border-color:rgba(160,185,225,.2)}
.fich-logo.is-detail .team-logo,.fich-logo.is-detail .team-logo-initials,.fich-logo.is-detail .team-logo img{width:62px;height:62px}
.fich-logo.is-detail .team-logo-initials{border-radius:16px;font-size:14px}
.fich-lock-panel.is-flash{border-color:rgba(255,197,49,.7)!important;box-shadow:0 0 0 2px rgba(255,197,49,.25)}

/* detail head */
.fich-back{margin-bottom:2px}
.fich-detail-head{display:flex;flex-direction:column;gap:11px;padding:13px 14px;border-radius:15px}
.fich-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.fich-detail-league{color:#7d8aa0;font-size:7px;font-weight:800;letter-spacing:.9px}
.fich-detail-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:8px}
.fich-detail-team{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.fich-detail-team b{max-width:100%;color:#f2f7ff;font-size:12px;font-weight:790;letter-spacing:-.2px;line-height:1.2;text-align:center}
.fich-detail-vs{color:#5f6d82;font-size:10px;font-weight:850;letter-spacing:1px}
.fich-detail-head .vip-chart.is-ring{width:78px;max-width:78px}

/* both teams, side by side */
.fich-stats{display:flex;flex-direction:column;gap:8px}
.fich-teams-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.fich-team-stats{display:flex;flex-direction:column;gap:7px;padding:10px 11px;border-radius:13px}
.fich-team-head{display:flex;align-items:center;gap:9px}
.fich-team-head b{display:block;color:#eef4ff;font-size:11px;font-weight:780}
.fich-team-head small{color:#7f8da2;font-size:7px;font-weight:760;letter-spacing:.4px}
.fich-metric{display:flex;align-items:baseline;gap:6px}
.fich-metric-value{color:#f6f9ff;font-size:26px;font-weight:850;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
.fich-metric-label{color:#748198;font-size:7px;font-weight:820;letter-spacing:.7px}
.fich-averages{display:flex;gap:8px;flex-wrap:wrap}
.fich-averages>span{display:flex;align-items:baseline;gap:4px;padding:5px 8px;border:1px solid rgba(148,171,210,.12);border-radius:8px;background:rgba(255,255,255,.025)}
.fich-averages i{color:#7f8da2;font-size:6.5px;font-weight:820;letter-spacing:.5px;text-transform:uppercase;font-style:normal}
.fich-averages b{color:#eef4ff;font-size:12px;font-weight:840;font-variant-numeric:tabular-nums}
.fich-averages small{color:#6f7d92;font-size:6px}
.fich-wide-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}

/* AI verdict */
.vip-verdict{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 13px;border:1px solid rgba(63,224,230,.34);border-radius:13px;background:linear-gradient(150deg,rgba(12,40,52,.9),rgba(7,14,24,.95));clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.vip-verdict-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.vip-verdict-kicker{color:#8fe6ea;font-size:8.5px;font-weight:850;letter-spacing:1.1px}
.vip-verdict-model{padding:2px 6px;border:1px solid rgba(63,224,230,.24);border-radius:5px;color:#7fc9cd;font-size:6.5px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.vip-verdict-intro{margin:0;color:#a9bccb;font-size:9px;line-height:1.55}
.vip-verdict-list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}
.vip-verdict-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.vip-verdict-row b{color:#eaf6ff;font-size:10.5px;font-weight:780;line-height:1.3}
.vip-verdict-row span{color:#3fe0e6;font-size:12.5px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.vip-verdict-bar{display:block;height:5px;margin-top:4px;border-radius:3px;background:rgba(63,224,230,.12);overflow:hidden}
.vip-verdict-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#3fe0e6,#4b8ef7);box-shadow:0 0 10px rgba(63,224,230,.5)}
.vip-verdict-pick{margin:2px 0 0;padding-top:8px;border-top:1px solid rgba(63,224,230,.16);color:#cfe6ea;font-size:9.5px;line-height:1.5}
.vip-verdict-pick b{color:#7ff0f5;font-weight:850}
.vip-verdict-pick-pct{margin-left:6px;padding:1px 5px;border-radius:4px;background:rgba(63,224,230,.16);color:#9df3f7;font-size:8px;font-weight:850;font-variant-numeric:tabular-nums}
.vip-verdict-note{margin:0;color:#6f8b96;font-size:7px;line-height:1.45}

/* probability table */
.fich-table{display:flex;flex-direction:column;gap:8px}
.fich-table-head h2{margin:5px 0 0;color:#f1f4fb;font-size:15px;font-weight:780;letter-spacing:-.4px}
.fich-table-lead{margin:0;color:#8794a8;font-size:8.5px;line-height:1.5}
.fich-prob-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
.fich-prob-section{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(9,15,26,.6)}
.fich-prob-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-bottom:4px;border-bottom:1px solid rgba(148,171,210,.1)}
.fich-prob-head b{color:#dbe7f7;font-size:8.5px;font-weight:820;letter-spacing:.5px;text-transform:uppercase}
.fich-prob-head small{color:#6f7d92;font-size:6.5px;font-weight:700;text-align:right}
.fich-prob-row{display:grid;grid-template-columns:minmax(0,1fr) 54px 34px;align-items:center;gap:7px}
.fich-prob-label{color:#a9b7cb;font-size:8.5px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fich-prob-track{height:4px;border-radius:2px;background:rgba(148,173,212,.14);overflow:hidden}
.fich-prob-track i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(75,142,247,.75),rgba(63,224,230,.9))}
.fich-prob-value{color:#eef4ff;font-size:9.5px;font-weight:830;font-variant-numeric:tabular-nums;text-align:right}

@media(min-width:560px){
.fich-row{grid-template-columns:52px minmax(0,1fr) 26px minmax(0,1fr) 62px;padding:11px 13px}
.fich-logo .team-logo,.fich-logo .team-logo-initials,.fich-logo .team-logo img{width:52px;height:52px}
.fich-row-side b{font-size:10.5px}
.fich-teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fich-prob-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:900px){
.fich-logo .team-logo,.fich-logo .team-logo-initials,.fich-logo .team-logo img{width:58px;height:58px}
.fich-logo.is-detail .team-logo,.fich-logo.is-detail .team-logo-initials,.fich-logo.is-detail .team-logo img{width:74px;height:74px}
.fich-detail-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:16px}
.fich-detail-team b{font-size:15px}
.fich-wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.fich-row{padding:12px 15px}
.fich-row-side b{font-size:12px}
.fich-row-time{font-size:12px}
}
@media(max-width:380px){
.fich-row{grid-template-columns:34px minmax(0,1fr) 16px minmax(0,1fr) 46px;gap:5px}
.fich-logo .team-logo,.fich-logo .team-logo-initials,.fich-logo .team-logo img{width:40px;height:40px}
.fich-row-side b{font-size:8.5px}
.fich-prob-row{grid-template-columns:minmax(0,1fr) 40px 32px}
}
@media(max-width:767px){
}
@media(max-width:440px){
}

/* ---------- Alerts ---------- */
.alert-panel{display:flex;flex-direction:column;gap:9px;padding:13px 14px}
.alert-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(148,171,210,.12);border-radius:10px;background:rgba(255,255,255,.024);cursor:pointer}
.alert-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.alert-copy b{color:#eef4ff;font-size:10.5px;font-weight:770}
.alert-copy small{color:#8794a8;font-size:8px;line-height:1.4}
.alert-toggle{position:absolute;opacity:0;width:1px;height:1px}
.alert-switch{position:relative;flex:none;width:34px;height:19px;border-radius:10px;background:rgba(148,173,212,.2);transition:background .2s}
.alert-switch i{position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#8b98ad;transition:transform .2s,background .2s}
.alert-toggle:checked+.alert-switch{background:rgba(70,213,154,.34)}
.alert-toggle:checked+.alert-switch i{transform:translateX(15px);background:#4bd9a0}
.alert-toggle:focus-visible+.alert-switch{outline:2px solid #4b8ef7;outline-offset:2px}
.alert-phone{display:flex;flex-direction:column;gap:5px;padding:2px 0}
.alert-phone input{height:40px;padding:0 11px;border:1px solid rgba(150,175,215,.22);border-radius:9px;background:rgba(6,12,22,.6);color:#f2f7ff;font-size:12px;font-weight:700;letter-spacing:.4px}
.alert-phone input:focus{outline:none;border-color:rgba(88,140,232,.6);box-shadow:0 0 0 3px rgba(11,97,223,.16)}
.alert-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.alert-save{height:38px;padding:0 15px;border:1px solid rgba(255,197,49,.4);border-radius:9px;background:linear-gradient(125deg,#ffcf4d,#e2a51b);color:#1a1206;font-size:10.5px;font-weight:840;cursor:pointer}
.alert-saved{color:#63e0ae;font-size:9px;font-weight:760}
.alert-saved[hidden]{display:none}
.alert-note{margin:0;padding:5px 8px;border:1px solid rgba(255,197,49,.24);border-radius:6px;background:rgba(255,197,49,.07);color:#e3c67a;font-size:7.5px;font-weight:760;align-self:flex-start}
.alert-hint{margin:0;color:#6f7d92;font-size:7.5px}
.alert-row.is-blurred,.alert-phone.is-blurred{filter:blur(5px);pointer-events:none;user-select:none;opacity:.7}

/* ---------- Badge page ---------- */
.badge-stage{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px}
.badge-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:118px;height:96px;border:1px solid rgba(255,197,49,.5);border-radius:14px;background:linear-gradient(140deg,rgba(255,197,49,.24),rgba(20,28,46,.9));box-shadow:0 12px 30px rgba(255,183,28,.18),inset 0 0 26px rgba(255,197,49,.12)}
.badge-hero-mark{color:#ffd76a;font-size:11px;line-height:1}
.badge-hero-text{margin-top:2px;background:linear-gradient(120deg,#fff3cf,#ffc531);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:26px;font-weight:900;letter-spacing:1px;line-height:1}
.badge-hero small{margin-top:4px;color:#b9a878;font-size:6px;font-weight:820;letter-spacing:.9px}
.badge-hero.is-off{filter:grayscale(1);opacity:.4}
.badge-copy{flex:1;min-width:170px}
.badge-copy h2{margin:0;color:#f2f7ff;font-size:14px;font-weight:830;letter-spacing:-.3px}
.badge-copy p{margin:4px 0 6px;color:#8794a8;font-size:8.5px;line-height:1.5}
.badge-name{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid rgba(148,173,212,.16);border-radius:7px;background:rgba(255,255,255,.03);color:#e6eefb;font-size:10px;font-weight:760}
.badge-where{display:flex;flex-direction:column;gap:8px;padding:12px 14px}
.badge-where-list{display:flex;flex-direction:column;gap:5px}
.badge-where-item{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(148,171,210,.1);border-radius:9px;background:rgba(255,255,255,.022)}
.badge-where-icon{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:7px;background:rgba(255,197,49,.1);color:#ffd76a;font-size:10px}
.badge-where-item b{display:block;color:#e6eefb;font-size:9.5px;font-weight:740}
.badge-where-item small{color:#748198;font-size:7px}

/* ---------- Club ranking ---------- */
.club-rank-card{display:flex;flex-direction:column;gap:8px;padding:12px 13px}
.club-rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.club-rank-head h2{margin:4px 0 0;color:#f2f7ff;font-size:15px;font-weight:830;letter-spacing:-.3px}
.club-rank-table{display:flex;flex-direction:column;gap:3px}
.club-rank-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.022)}
.club-rank-row.is-head{padding:0 8px 4px;background:none;color:#6f7d92;font-size:6.5px;font-weight:830;letter-spacing:.8px}
.club-rank-row.is-user{border-color:rgba(255,197,49,.34);background:linear-gradient(120deg,rgba(255,197,49,.11),rgba(255,255,255,.02))}
.club-rank-row.is-blurred{filter:blur(5px);pointer-events:none;user-select:none;opacity:.7}
.club-rank-number{color:#7f8da2;font-size:9px;font-weight:830;font-variant-numeric:tabular-nums}
.club-rank-number.is-one{color:#ffd76a}
.club-rank-player{display:flex;align-items:center;gap:6px;min-width:0}
.club-rank-avatar{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:7px;background:rgba(84,124,196,.24);color:#cfe0f8;font-size:7px;font-weight:820}
.club-rank-player b{color:#e6eefb;font-size:9.5px;font-weight:730;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.club-rank-you{padding:1px 4px;border-radius:4px;background:rgba(255,197,49,.16);color:#ffd76a;font-size:6px;font-weight:840;font-style:normal;letter-spacing:.4px}
.club-rank-tier{padding:1px 4px;border-radius:4px;background:rgba(148,173,212,.12);color:#9fb0c6;font-size:5.5px;font-weight:830;font-style:normal;letter-spacing:.3px}
.club-rank-tier.is-gold{background:rgba(255,197,49,.16);color:#ffd76a}
.club-rank-tier.is-silver{background:rgba(196,214,240,.16);color:#e2ebf8}
.club-rank-tier.is-bronze{background:rgba(206,140,92,.18);color:#f0bf9b}
.club-rank-points{color:#dbe7f7;font-size:10px;font-weight:830;font-variant-numeric:tabular-nums}
.club-rank-note{margin:0;color:#6f7d92;font-size:7.5px;line-height:1.5}

/* ---------- No-ads page ---------- */
.ads-panel{display:flex;flex-direction:column;gap:8px;padding:13px 14px}
.ads-status{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(226,108,108,.28);border-radius:10px;background:rgba(184,52,52,.1)}
.ads-status.is-clean{border-color:rgba(70,213,154,.34);background:rgba(70,213,154,.1)}
.ads-status-dot{width:7px;height:7px;border-radius:50%;background:#e2705f;box-shadow:0 0 10px rgba(226,112,95,.7)}
.ads-status.is-clean .ads-status-dot{background:#4bd9a0;box-shadow:0 0 10px rgba(75,217,160,.7)}
.ads-status-value{margin-left:auto;color:#ffb3b3;font-size:11px;font-weight:850;letter-spacing:.8px}
.ads-status.is-clean .ads-status-value{color:#63e0ae}
.ads-desc{margin:0;color:#8794a8;font-size:9px;line-height:1.55}
.ads-demo{display:flex;flex-direction:column;gap:7px;padding:12px 13px}
.ads-demo-label{color:#748198;font-size:7px;font-weight:830;letter-spacing:.8px}
.ads-demo-box{display:flex;align-items:center;gap:9px;padding:12px;border:1px dashed rgba(148,173,212,.28);border-radius:10px;background:repeating-linear-gradient(135deg,rgba(148,173,212,.05),rgba(148,173,212,.05) 8px,transparent 8px,transparent 16px)}
.ads-demo-box span{display:grid;place-items:center;flex:none;width:26px;height:20px;border-radius:4px;background:rgba(148,173,212,.18);color:#9fb0c6;font-size:7px;font-weight:850}
.ads-demo-box b{color:#c6d4e8;font-size:10px;font-weight:760}
.ads-demo-box small{color:#6f7d92;font-size:7.5px}
.ads-demo.is-hidden-for-members .ads-demo-box{opacity:.45}
.ads-demo .club-lock{margin-top:2px}

/* ---------- viewport tweaks ---------- */
@media(max-width:767px){
.club-title{font-size:25px}
.club-headline{font-size:19px}
.club-benefits{grid-template-columns:minmax(0,1fr)}
.club-methods{grid-template-columns:minmax(0,1fr)}
.club-method img{width:40px;height:40px}
.club-join-button{min-width:100%;flex-basis:100%}
.club-member-plan{width:100%;justify-content:space-between}
.vip-form-block .vip-chart{flex:1 1 100%}
.fich-head{gap:7px}
.badge-hero{width:100%;height:88px;flex-direction:row;gap:8px}
.badge-hero-text{font-size:22px}
.badge-hero small{margin-top:0}
}
@media(min-width:768px){
.vip-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vip-module-grid .vip-chart.is-radar{grid-column:1}
.fich-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.club-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:380px){
.club-benefit-desc{-webkit-line-clamp:4}
.club-rank-tier{display:none}
}
/* ---------- Admin ---------- */
.adm-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:2px 0 6px}
.adm-audit{color:#748198;font-size:7.5px;font-weight:760;letter-spacing:.3px;line-height:1.4;flex:1;white-space:nowrap}
.adm-audit b{display:inline-block;min-width:18px;padding:1px 5px;border-radius:5px;background:rgba(63,224,230,.14);color:#8fe6ea;font-size:8px;text-align:center}
.adm-ghost{flex:none;padding:6px 10px;border:1px solid rgba(148,173,212,.22);border-radius:8px;background:transparent;color:#a9b7cb;font-family:inherit;font-size:8.5px;font-weight:780;letter-spacing:.4px;cursor:pointer;transition:border-color .18s,color .18s}
.adm-ghost:hover{border-color:rgba(88,140,232,.5);color:#dbe7f7}
.adm-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:3px;margin-bottom:9px;border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(9,15,26,.55)}
.adm-tab{flex:0 0 auto;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#8b98ad;font-family:inherit;font-size:8.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s}
.adm-tab.is-active{background:rgba(75,142,247,.18);color:#cfe2ff;box-shadow:inset 0 0 0 1px rgba(88,140,232,.35)}
.adm-flash{margin:0 0 8px;padding:8px 10px;border-radius:9px;font-size:9px;font-weight:700;line-height:1.45}
.adm-flash.is-error{border:1px solid rgba(240,96,110,.35);background:rgba(70,18,26,.55);color:#ffb9c0}
.adm-flash.is-ok{border:1px solid rgba(52,211,153,.32);background:rgba(12,52,40,.5);color:#9df0cd}
.adm-server-status{display:flex;flex-direction:column;gap:2px;margin:6px 0}
.adm-server-status .adm-flash,.adm-server-status .adm-hint{margin:0}
.adm-server-detail{margin:0;padding:0 2px;color:#7f93ab;font:9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word;opacity:.9}

.adm-auth{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:15px;max-width:460px}
.adm-auth-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(88,140,232,.35);border-radius:10px;background:rgba(75,142,247,.12);color:#8fbaff;font-size:16px}
.adm-auth-fields{display:flex;flex-direction:column;gap:8px}
.adm-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.adm-field>span{color:#8794a8;font-size:7px;font-weight:820;letter-spacing:.6px;text-transform:uppercase}
.adm-input,.adm-select{width:100%;min-width:0;padding:8px 10px;border:1px solid rgba(148,171,210,.18);border-radius:9px;background:rgba(6,11,20,.75);color:#e6eefb;font-family:inherit;font-size:10px;font-weight:600;transition:border-color .18s}
.adm-input:focus,.adm-select:focus{outline:0;border-color:rgba(88,140,232,.6)}
.adm-input::placeholder{color:#5c6878}
.adm-submit{width:100%;justify-content:center;margin-top:2px}
.adm-note{margin:0;color:#6f7d92;font-size:7.5px;line-height:1.5}
.adm-lead{margin:0 0 8px;color:#8794a8;font-size:8.5px;line-height:1.55}

.adm-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.adm-card{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:13px}
.adm-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.adm-kv-list{display:flex;flex-direction:column;gap:5px}
.adm-kv{display:grid;grid-template-columns:8px 62px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(148,171,210,.08)}
.adm-kv b{color:#dbe7f7;font-size:8.5px;font-weight:820;letter-spacing:.4px}
.adm-kv span{color:#8794a8;font-size:8px}
.adm-kv em{color:#eef4ff;font-size:9px;font-style:normal;font-weight:830;font-variant-numeric:tabular-nums}
.tier-dot{width:7px;height:7px;border-radius:50%}
.tier-dot.is-bronze{background:#c98a5a}
.tier-dot.is-silver{background:#a9b7cb}
.tier-dot.is-gold{background:#ffd76a}
.adm-big{display:flex;align-items:baseline;gap:5px;color:#f4f8ff;font-size:23px;font-weight:850;letter-spacing:-.8px;line-height:1.1;font-variant-numeric:tabular-nums}
.adm-big small{color:#7f8da2;font-size:8px;font-weight:820;letter-spacing:.5px}
.adm-big.is-muted{font-size:10px;font-weight:700;letter-spacing:0;color:#8794a8;line-height:1.5}
.adm-big.is-small{font-size:13px;letter-spacing:-.2px}
.adm-hint{margin:0;color:#6f7d92;font-size:7px;line-height:1.45}

.adm-panel-card{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:15px}
.adm-panel-card h2{margin:4px 0 0;color:#f1f4fb;font-size:14px;font-weight:780;text-transform:capitalize}
.adm-result-list{display:flex;flex-direction:column;gap:6px}
.adm-result-row{display:grid;grid-template-columns:22px minmax(0,1fr) 78px;grid-template-areas:"index teams score" "scorer scorer actions";align-items:center;gap:6px 8px;padding:8px 9px;border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(8,13,23,.6)}
.adm-result-row.is-saved{border-color:rgba(52,211,153,.25)}
.adm-result-index{grid-area:index;color:#5f6d82;font-size:8px;font-weight:830;font-variant-numeric:tabular-nums}
.adm-result-teams{grid-area:teams;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0}
.adm-result-teams b{color:#e6eefb;font-size:9.5px;font-weight:740;line-height:1.3}
.adm-result-teams i{color:#5f6d82;font-style:normal}
.adm-result-teams small{flex-basis:100%;color:#6f7d92;font-size:6.5px;font-weight:760;letter-spacing:.5px}
.adm-score-group{grid-area:score;display:flex;align-items:center;gap:3px;justify-content:flex-end}
.adm-score-group em{color:#5f6d82;font-style:normal;font-size:9px}
.adm-score{width:34px;padding:6px 2px;border:1px solid rgba(148,171,210,.2);border-radius:7px;background:rgba(4,8,15,.9);color:#f4f8ff;font-family:inherit;font-size:12px;font-weight:850;text-align:center;-moz-appearance:textfield}
.adm-score::-webkit-outer-spin-button,.adm-score::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.adm-scorer{grid-area:scorer;font-size:9px;padding:6px 8px}
.adm-result-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.adm-saved{color:#7ee2b8;font-size:8px;font-weight:820;white-space:nowrap}
.adm-btn{flex:none;padding:6px 9px;border:1px solid rgba(88,140,232,.35);border-radius:7px;background:rgba(75,142,247,.14);color:#cfe2ff;font-family:inherit;font-size:8px;font-weight:820;letter-spacing:.3px;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s}
.adm-btn:hover{background:rgba(75,142,247,.26)}
.adm-btn:disabled{opacity:.45;cursor:not-allowed}
.adm-btn.is-warn{border-color:rgba(255,197,49,.4);background:rgba(255,197,49,.12);color:#ffd76a}
.adm-btn.is-danger{border-color:rgba(240,96,110,.4);background:rgba(240,96,110,.12);color:#ffb9c0}
.adm-publish{display:flex;flex-direction:column;gap:7px;padding-top:9px;border-top:1px solid rgba(148,171,210,.12)}

.adm-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
.adm-entry-list{display:flex;flex-direction:column;gap:6px}
.adm-entry{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(8,13,23,.6)}
.adm-entry-main{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.adm-entry-player{display:flex;align-items:baseline;gap:5px;min-width:0;flex:1}
.adm-entry-player b{color:#e6eefb;font-size:10px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-entry-player small{color:#6f7d92;font-size:7px;font-weight:760}
.adm-you{padding:1px 4px;border-radius:4px;background:rgba(75,142,247,.2);color:#a9c8ff;font-size:6px;font-weight:850;letter-spacing:.4px}
.adm-entry-points{display:flex;align-items:baseline;gap:3px;color:#f4f8ff;font-size:13px;font-weight:850;font-variant-numeric:tabular-nums}
.adm-entry-points em{color:#ffd76a;font-size:8px;font-style:normal;font-weight:800}
.adm-entry-points small{color:#6f7d92;font-size:6.5px;font-weight:800}
.adm-entry-meta{color:#6f7d92;font-size:7px;font-weight:740;letter-spacing:.3px}
.adm-actions{border-top:1px solid rgba(148,171,210,.1);padding-top:5px}
.adm-actions summary{color:#8fbaff;font-size:8px;font-weight:820;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;list-style:none}
.adm-actions summary::-webkit-details-marker{display:none}
.adm-form{display:flex;flex-direction:column;gap:6px;padding:8px 0 4px}
.adm-form+.adm-form{border-top:1px solid rgba(148,171,210,.08);margin-top:5px}

.adm-cards-winners{grid-template-columns:minmax(0,1fr)}
.adm-tier-card{position:relative}
.adm-tier-card.is-bronze{border-color:rgba(201,138,90,.28)}
.adm-tier-card.is-silver{border-color:rgba(169,183,203,.28)}
.adm-tier-card.is-gold{border-color:rgba(255,215,106,.32)}
.adm-pool{color:#ffd76a;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}
.adm-pool small{color:#9b8552;font-size:6.5px;font-weight:820}
.adm-champion{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:6px 8px;border:1px dashed rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.02)}
.adm-champion span{color:#7f8da2;font-size:6.5px;font-weight:840;letter-spacing:.7px}
.adm-champion b{color:#f4f8ff;font-size:10px;font-weight:800}
.adm-champion em{color:#8fe6ea;font-size:8px;font-style:normal;font-weight:820}
.adm-winner-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.adm-winner{display:grid;grid-template-columns:20px minmax(0,1fr) auto;grid-template-areas:"rank name amount" ". action action";align-items:center;gap:4px 6px;padding:6px 7px;border:1px solid rgba(148,171,210,.1);border-radius:8px;background:rgba(6,11,20,.5)}
.adm-winner.is-champion{border-color:rgba(255,215,106,.32);background:rgba(255,197,49,.06)}
.adm-winner-rank{grid-area:rank;color:#7f8da2;font-size:9px;font-weight:850;font-variant-numeric:tabular-nums}
.adm-winner-name{grid-area:name;display:flex;flex-direction:column;min-width:0}
.adm-winner-name b{color:#e6eefb;font-size:9.5px;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-winner-name small{color:#6f7d92;font-size:6.5px;font-weight:740}
.adm-winner-amount{grid-area:amount;color:#9df3f7;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap}
.adm-winner-amount small{color:#6f8b96;font-size:6px;font-weight:800}
.adm-winner .adm-btn,.adm-winner .adm-paid{grid-area:action;justify-self:end;margin-top:3px}
.adm-paid{padding:3px 7px;border-radius:6px;background:rgba(52,211,153,.15);color:#8ff0c8;font-size:7px;font-weight:850;letter-spacing:.5px}
.adm-exclude{grid-area:action;justify-self:start;margin-top:3px}
.adm-exclude summary{color:#ffb9c0;font-size:7.5px;font-weight:820;cursor:pointer;list-style:none}
.adm-exclude summary::-webkit-details-marker{display:none}
.adm-mode{margin:0;padding:6px 9px;border:1px solid rgba(63,224,230,.25);border-radius:8px;background:rgba(12,40,52,.5);color:#8fe6ea;font-size:8px;font-weight:780;letter-spacing:.2px}
.adm-jackpot{border-color:rgba(255,215,106,.3)}
.adm-jackpot-winner{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 8px;border-radius:8px;background:rgba(255,197,49,.08)}
.adm-jackpot-winner b{color:#ffd76a;font-size:10px;font-weight:820}
.adm-jackpot-winner span{color:#9b8552;font-size:7.5px;font-weight:740}
.adm-readonly{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;border:1px solid rgba(148,171,210,.12);border-radius:9px;background:rgba(255,255,255,.02)}
.adm-readonly span{color:#8794a8;font-size:7px;font-weight:820;letter-spacing:.6px;text-transform:uppercase}
.adm-readonly b{color:#ffd76a;font-size:12px;font-weight:850}
.adm-empty{margin:0;padding:14px;border:1px dashed rgba(148,171,210,.18);border-radius:10px;color:#8794a8;font-size:9px;line-height:1.5;text-align:center}

@media(min-width:560px){
.adm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.adm-result-row{grid-template-columns:26px minmax(0,1fr) 96px 130px auto;grid-template-areas:"index teams score scorer actions"}
.adm-filters{grid-template-columns:220px 160px;justify-content:start}
}
@media(min-width:900px){
.adm-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.adm-cards-winners{grid-template-columns:repeat(2,minmax(0,1fr))}
.adm-jackpot{grid-column:span 2}
.adm-auth{max-width:520px}
.adm-entry-main{gap:10px}
}
.adm-results-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.adm-daystate{padding:3px 7px;border:1px solid rgba(148,171,210,.22);border-radius:6px;color:#a9b7cb;font-size:6.5px;font-weight:850;letter-spacing:.6px;white-space:nowrap}
.adm-daystate.is-done{border-color:rgba(52,211,153,.4);background:rgba(12,52,40,.5);color:#8ff0c8}
.adm-daystate.is-draft{border-color:rgba(240,198,117,.4);background:rgba(58,44,12,.5);color:#f3d08a}
.adm-day-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}
.adm-day-caption{font-size:6.8px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:#7f90a8}
.adm-day-controls{display:flex;align-items:center;gap:6px}
.adm-day-controls strong{font-size:11.5px;line-height:1.15;color:#e7edf7;text-transform:capitalize}
.adm-day-arrow{min-width:27px;padding:4px 7px;font-size:13px;line-height:1;text-align:center}
.adm-day-arrow:disabled{opacity:.35;cursor:not-allowed}
.adm-history-panel{margin-top:10px}
.adm-history-list{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.adm-history-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;width:100%;padding:9px 10px;border:1px solid rgba(148,171,210,.16);border-radius:8px;background:rgba(10,18,32,.52);color:#dbe5f3;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.adm-history-row:hover,.adm-history-row:focus-visible{border-color:rgba(96,165,250,.45);background:rgba(17,31,52,.72);outline:none}
.adm-history-row:active{transform:translateY(1px)}
.adm-history-row.is-needed{border-color:rgba(251,191,36,.4);background:rgba(46,35,10,.35)}
.adm-history-row.is-settled{border-color:rgba(52,211,153,.24)}
.adm-history-date{display:flex;align-items:baseline;flex:1 1 190px;gap:7px;min-width:0}
.adm-history-date b{font-size:10px;line-height:1.25;text-transform:capitalize;color:#edf3fb;white-space:normal}
.adm-history-date small{padding:2px 6px;border:1px solid rgba(96,165,250,.35);border-radius:5px;background:rgba(30,64,112,.35);color:#9dc8ff;font-size:6px;font-weight:900;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap}
.adm-history-meta{padding:3px 7px;border:1px solid rgba(148,171,210,.14);border-radius:5px;color:#a9b7cb;font-size:7px;font-weight:800;letter-spacing:.15px;white-space:nowrap}
.adm-history-meta.is-ok{border-color:rgba(52,211,153,.26);background:rgba(12,52,40,.34);color:#8ff0c8}
.adm-history-meta.is-warn{border-color:rgba(251,191,36,.26);background:rgba(46,35,10,.3);color:#f4d184}
.adm-history-flag{min-width:92px;margin-left:auto;font-size:7px;font-weight:900;letter-spacing:.35px;text-align:right;white-space:nowrap}
.adm-history-flag.is-needed{color:#fbbf24}
.adm-history-flag.is-ok{color:#6ee7b7}
.adm-history-all{margin:8px 0 0;padding:8px 10px;border:1px solid rgba(52,211,153,.26);border-radius:7px;background:rgba(12,52,40,.28);color:#8ff0c8;font-size:8px;font-weight:850;letter-spacing:.2px}
@media (max-width:640px){.adm-history-flag{min-width:0;margin-left:0;text-align:left}.adm-history-date{flex-basis:100%}}
/* ===== Step 9 Part 2 — players, withdrawals, audit, data ===== */
.adm-inline{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.adm-inline .adm-input{flex:1 1 110px;min-width:90px}
.adm-inline .adm-delta{flex:0 0 86px}
.adm-form-label{color:#8794a8;font-size:7px;font-weight:820;letter-spacing:.6px;text-transform:uppercase}
.adm-section-label{display:block;margin-top:4px;color:#7f8da2;font-size:7px;font-weight:830;letter-spacing:.7px;text-transform:uppercase}
.adm-you{margin-left:5px;padding:1px 4px;border:1px solid rgba(88,140,232,.45);border-radius:4px;color:#8fbaff;font-size:6px;font-weight:840;letter-spacing:.5px;vertical-align:middle}
.adm-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid rgba(148,171,210,.18);border-radius:6px;background:rgba(148,171,210,.06);color:#a9b7cb;font-size:7px;font-weight:820;letter-spacing:.4px;white-space:nowrap}
.adm-chip.is-club{border-color:rgba(255,197,49,.35);background:rgba(255,197,49,.12);color:#ffd76a}
.adm-chip.is-method{border-color:rgba(75,142,247,.32);background:rgba(75,142,247,.12);color:#b6d3ff}
.adm-status{padding:3px 6px;border-radius:6px;border:1px solid rgba(52,211,153,.32);background:rgba(12,52,40,.5);color:#9df0cd;font-size:7px;font-weight:830;letter-spacing:.4px;white-space:nowrap}
.adm-status.is-off{border-color:rgba(240,96,110,.35);background:rgba(70,18,26,.55);color:#ffb9c0}
.adm-status.is-paid{border-color:rgba(52,211,153,.32);background:rgba(12,52,40,.5);color:#9df0cd}
.adm-status.is-wait{border-color:rgba(255,197,49,.34);background:rgba(58,44,10,.6);color:#ffd76a}

.adm-player-list{display:flex;flex-direction:column;gap:6px}
.adm-player{border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(8,13,23,.6);overflow:hidden}
.adm-player.is-open{border-color:rgba(88,140,232,.35)}
.adm-player-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name balance" "meta meta" "cta cta";align-items:center;gap:5px 8px;width:100%;padding:8px 9px;border:0;background:transparent;color:inherit;font-family:inherit;text-align:left;cursor:pointer}
.adm-player-row:hover{background:rgba(75,142,247,.06)}
.adm-player-name{grid-area:name;display:flex;flex-wrap:wrap;align-items:center;min-width:0}
.adm-player-name b{color:#e6eefb;font-size:10px;font-weight:760}
.adm-player-name small{flex-basis:100%;margin-top:1px;color:#8794a8;font-size:8px;font-weight:700;letter-spacing:.3px}
.adm-player-balance{grid-area:balance;display:flex;align-items:baseline;gap:3px;color:#f4f8ff;font-size:11px;font-weight:840;font-variant-numeric:tabular-nums}
.adm-player-balance small{color:#7f8da2;font-size:6.5px;font-weight:820}
.adm-player-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.adm-player-go{grid-area:cta;justify-self:start;color:#8fbaff;font-size:7px;font-weight:820;letter-spacing:.5px;text-transform:uppercase}
.adm-player-detail{display:flex;flex-direction:column;gap:7px;padding:0 9px 10px;border-top:1px solid rgba(148,171,210,.1)}
.adm-player-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:7px}
.adm-player-facts span{display:flex;flex-direction:column;gap:1px;padding:5px 7px;border-radius:8px;background:rgba(148,171,210,.06);color:#dbe7f7;font-size:8.5px;font-weight:780}
.adm-player-facts i{color:#7f8da2;font-size:6.5px;font-style:normal;font-weight:820;letter-spacing:.55px;text-transform:uppercase}
.adm-history-title{color:#7f8da2;font-size:7px;font-weight:830;letter-spacing:.6px;text-transform:uppercase}
.adm-history{display:flex;flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;max-height:150px;overflow:auto}
.adm-history-row{display:grid;grid-template-columns:62px 48px minmax(0,1fr) auto auto;align-items:center;gap:5px;padding:4px 6px;border-radius:7px;background:rgba(148,171,210,.05);color:#c6d4e8;font-size:7.5px}
.adm-history-row b{color:#eef4ff;font-size:8.5px;font-weight:830;font-variant-numeric:tabular-nums}
.adm-history-row small{color:#7f8da2;font-size:7px;font-weight:780}
.adm-history-status{color:#8794a8;font-size:7px;text-transform:uppercase;letter-spacing:.4px}
.adm-history-empty{padding:8px;color:#6f7d92;font-size:8px;text-align:center}

.adm-wd-list{display:flex;flex-direction:column;gap:6px}
.adm-wd{padding:8px 9px;border:1px solid rgba(148,171,210,.12);border-radius:11px;background:rgba(8,13,23,.6)}
.adm-wd-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}
.adm-wd-player{display:flex;flex-wrap:wrap;align-items:center;min-width:0}
.adm-wd-player b{color:#e6eefb;font-size:9.5px;font-weight:760}
.adm-wd-player small{flex-basis:100%;color:#6f7d92;font-size:6.5px;font-weight:720;letter-spacing:.3px}
.adm-wd-amount{display:flex;align-items:baseline;gap:3px;justify-self:end;color:#f4f8ff;font-size:11px;font-weight:840;font-variant-numeric:tabular-nums}
.adm-wd-amount small{color:#7f8da2;font-size:6.5px;font-weight:820}
.adm-wd-main .adm-chip,.adm-wd-main .adm-status{justify-self:start}
.adm-wd .adm-form{padding:6px 0 0}
.adm-wd .adm-hint{padding-top:4px}

.adm-readonly{margin:0;padding:8px 10px;border:1px solid rgba(255,197,49,.3);border-radius:9px;background:rgba(58,44,10,.45);color:#ffd76a;font-size:8px;font-weight:780;line-height:1.45}
.adm-audit-tools{align-items:end}
.adm-audit-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.adm-audit-row{padding:7px 9px;border-left:2px solid rgba(88,140,232,.45);border-radius:8px;background:rgba(8,13,23,.6)}
.adm-audit-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}
.adm-audit-time{color:#6f7d92;font-size:7px;font-weight:780;letter-spacing:.3px}
.adm-audit-action{padding:2px 5px;border-radius:5px;background:rgba(75,142,247,.14);color:#9fc4ff;font-size:6.5px;font-weight:840;letter-spacing:.4px;text-transform:uppercase}
.adm-audit-target{margin-top:3px;color:#e6eefb;font-size:8.5px;font-weight:760;line-height:1.35}
.adm-audit-diff{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;font-size:7.5px;color:#8794a8}
.adm-audit-diff i{color:#5f6d82;font-style:normal}
.adm-audit-diff b{color:#9df0cd;font-weight:820}
.adm-audit-reason{margin-top:3px;color:#a9b7cb;font-size:7.5px;font-style:italic;line-height:1.4}

.adm-cards-data{grid-template-columns:minmax(0,1fr)}
.adm-api-key,.adm-api-test{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px;padding:5px 7px;border-radius:8px;background:rgba(148,171,210,.06)}
.adm-api-key span,.adm-api-test span{color:#7f8da2;font-size:7px;font-weight:820;letter-spacing:.5px;text-transform:uppercase}
.adm-api-key b{color:#eef4ff;font-size:10px;font-weight:840;letter-spacing:1px;font-variant-numeric:tabular-nums}
.adm-api-test b{color:#c6d4e8;font-size:8px;font-weight:780;line-height:1.4;text-align:right}
.adm-api-test b.is-ok{color:#9df0cd}
.adm-api-test b.is-err{color:#ffb9c0}
.adm-warn{margin:0;padding:7px 9px;border:1px solid rgba(240,96,110,.3);border-radius:9px;background:rgba(70,18,26,.45);color:#ffb9c0;font-size:8px;font-weight:760;line-height:1.45}

/* suspension notice on the matches page */
.suspend-banner{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(240,96,110,.45);border-radius:12px;background:rgba(70,18,26,.6);color:#ffc2c8;font-size:11px;font-weight:700;line-height:1.45}
.suspend-banner[hidden]{display:none}
.suspend-banner>span:last-child{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.suspend-banner-icon{font-size:14px;line-height:1;flex:none}
.submit-button.is-locked{opacity:.5;cursor:not-allowed}

@media (min-width:760px){
  .adm-player-row{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1.5fr) auto;grid-template-areas:"name balance meta cta";gap:6px 10px}
  .adm-player-detail{padding:10px 9px}
  .adm-player-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .adm-history{max-height:190px}
  .adm-cards-data{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .adm-wd-main{grid-template-columns:minmax(0,1.5fr) auto auto auto;gap:8px}
  .adm-wd-main .adm-chip,.adm-wd-main .adm-status{justify-self:end}
}
.adm-readonly-note{margin:0;color:#a08a3f;font-size:7.5px;line-height:1.45}
.adm-inline-actions .adm-btn{flex:1 1 auto;justify-content:center;text-align:center}

/* admin login — password reset */
.adm-auth-link{align-self:flex-start;margin-top:2px;padding:0;border:0;background:transparent;color:#8fbaff;font-family:inherit;font-size:8.5px;font-weight:780;letter-spacing:.3px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.adm-auth-link:hover{color:#cfe2ff}
.adm-auth-note{margin:0;color:#6f7d92;font-size:7pt;line-height:1.5}
.adm-auth-reset{display:flex;flex-direction:column;gap:6px;padding:9px;border:1px solid rgba(240,96,110,.28);border-radius:10px;background:rgba(30,10,15,.5)}
/* ===== Step 11 — Compte, Sécurité, FAQ ===== */
.account-page{display:flex;flex-direction:column;gap:12px;padding-bottom:10px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.account-hero{padding:16px;border-radius:18px}
.account-id{display:flex;align-items:center;gap:12px;min-width:0}
.account-avatar{width:58px;height:58px;flex:none;display:grid;place-items:center;border:1px solid rgba(126,178,255,.35);border-radius:50%;background:linear-gradient(145deg,#1b4c8c,#122a4a);box-shadow:0 8px 22px rgba(11,97,223,.25);color:#dbe8ff;font-size:19px;font-weight:850;letter-spacing:.5px}
.account-id-copy{min-width:0}
.account-id-copy h2{margin:0;overflow:hidden;color:#f2f6ff;font-size:20px;font-weight:840;letter-spacing:-.6px;text-overflow:ellipsis;white-space:nowrap}
.account-phone{margin:3px 0 0;color:#9fb0c9;font-size:11px;font-weight:650;letter-spacing:1.4px}
.account-since{display:inline-block;margin-top:4px;color:#78869b;font-size:9px;letter-spacing:.3px}
.account-vip{margin-left:auto;flex:none;padding:6px 10px;border:1px solid rgba(255,197,49,.4);border-radius:8px;background:rgba(255,197,49,.12);color:#ffd76a;font-size:9px;font-weight:840;letter-spacing:1px}

.account-club{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px}
.account-club.is-member{border-color:rgba(255,197,49,.4);background:radial-gradient(ellipse at 90% 0,rgba(255,197,49,.15),transparent 62%),linear-gradient(145deg,rgba(42,35,20,.92),rgba(15,21,31,.96))}
.account-club-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.account-club.is-member .section-kicker{color:#efc35a}
.account-club-desc{margin:0;color:#a9b6c9;font-size:10.5px;line-height:1.55}
.account-link-btn{align-self:flex-start;margin-top:2px;color:#8fbaff;font-size:10px;font-weight:780;text-decoration:none}
.account-link-btn:hover{color:#d3e4ff}
.account-club.is-member .account-link-btn{color:#ffd76a}

.account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.account-stat{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:14px}
.account-stat b{color:#f4f8ff;font-size:22px;font-weight:840;letter-spacing:-.9px;line-height:1.1;font-variant-numeric:tabular-nums}
.account-stat small{color:#7f8da2;font-size:8px;font-weight:760;letter-spacing:.5px;text-transform:uppercase}

.account-panel{display:flex;flex-direction:column;gap:10px;padding:15px 16px;border-radius:18px}
.account-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.account-panel h2{margin:4px 0 0;color:#f1f4fb;font-size:17px;font-weight:800;letter-spacing:-.5px}
.account-lead{margin:0;color:#93a0b4;font-size:11px;line-height:1.55}
.account-form{display:flex;flex-direction:column;gap:10px}
.account-field{display:flex;flex-direction:column;gap:4px;min-width:0}
.account-field>span{color:#7f8da2;font-size:8px;font-weight:820;letter-spacing:.7px;text-transform:uppercase}
.account-field small{color:#6f7d92;font-size:9px;line-height:1.45}
.account-input,.account-select{width:100%;min-width:0;height:38px;padding:0 11px;border:1px solid rgba(148,171,210,.18);border-radius:10px;background:rgba(6,11,20,.72);color:#e9f0fb;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .18s}
.account-input:focus,.account-select:focus{outline:0;border-color:rgba(88,140,232,.65)}
.account-input::placeholder{color:#5c6878}
.account-input.is-pin{width:96px;padding:0;text-align:center;letter-spacing:7px;font-size:15px;font-weight:800}
.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.account-btn{min-height:38px;padding:0 14px;border:1px solid rgba(111,164,252,.28);border-radius:10px;background:linear-gradient(125deg,#116be8,#0a58ca);box-shadow:0 5px 16px rgba(11,97,223,.22);color:#fff;font-family:inherit;font-size:11px;font-weight:760;cursor:pointer;transition:transform .18s,filter .18s}
.account-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}
.account-btn.is-ghost{border-color:rgba(148,171,210,.24);background:rgba(255,255,255,.04);color:#c6d4e8;box-shadow:none}
.account-btn.is-quiet{border-color:rgba(240,96,110,.3);background:transparent;color:#ffb9c0;box-shadow:none}
.account-btn:disabled{opacity:.45;cursor:not-allowed}
.account-chip{padding:4px 7px;border-radius:6px;font-size:8.5px;font-weight:820;letter-spacing:.4px;white-space:nowrap}
.account-chip.is-ok{border:1px solid rgba(52,211,153,.34);background:rgba(12,52,40,.5);color:#9df0cd}
.account-chip.is-off{border:1px solid rgba(148,171,210,.2);background:rgba(148,171,210,.06);color:#a9b7cb}
.account-flash{margin:0;padding:8px 10px;border-radius:9px;font-size:10px;font-weight:700;line-height:1.45}
.account-flash.is-ok{border:1px solid rgba(52,211,153,.32);background:rgba(12,52,40,.5);color:#9df0cd}
.account-flash.is-err{border:1px solid rgba(240,96,110,.35);background:rgba(70,18,26,.55);color:#ffb9c0}
.account-sec-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.account-sec-card{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid rgba(148,171,210,.13);border-radius:14px;background:rgba(8,13,23,.55)}
.account-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.account-hint{margin:0;color:#8d9aae;font-size:10.5px;line-height:1.5}
.account-note{margin:0;color:#7b8899;font-size:9px;line-height:1.6}
.account-note.is-warn{margin-top:2px;padding:8px 10px;border:1px solid rgba(255,197,49,.26);border-radius:9px;background:rgba(58,44,10,.35);color:#e8c979}
.account-face-actions{display:flex;flex-wrap:wrap;gap:8px}
.account-toggle-row{position:relative;display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(148,171,210,.14);border-radius:10px;background:rgba(148,171,210,.05);color:#c6d4e8;font-size:10.5px;font-weight:700;cursor:pointer}
.account-toggle-row>span:first-child{flex:1;min-width:0}
.account-toggle-row.is-disabled{opacity:.6;cursor:not-allowed}
.account-toggle{position:absolute;width:1px;height:1px;opacity:0}
.account-switch{position:relative;flex:none;width:38px;height:22px;border-radius:20px;background:rgba(148,171,210,.22);transition:background .2s}
.account-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e9f1ff;transition:transform .2s}
.account-toggle:checked+.account-switch{background:#1a7bff}
.account-toggle:checked+.account-switch i{transform:translateX(16px)}
.account-pin-form{display:flex;flex-wrap:wrap;gap:10px}
.account-pin>.account-btn{align-self:flex-start}
.account-admin-note{margin:2px 0 0;color:#8d9aae;font-size:10px;line-height:1.55}
.account-inline-link{color:#8fbaff;font-weight:780;text-decoration:none}
.account-inline-link:hover{text-decoration:underline}
.account-toast{position:fixed;left:50%;bottom:22px;z-index:60;max-width:min(92vw,420px);margin:0;padding:11px 16px;border:1px solid rgba(111,164,252,.3);border-radius:11px;background:rgba(10,20,36,.96);box-shadow:0 14px 34px rgba(0,0,0,.42);color:#dbe8ff;font-size:11px;font-weight:700;line-height:1.45;text-align:center;transform:translateX(-50%)}
.account-toast[hidden]{display:none}

/* face scan simulation */
.face-scan{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(3,7,14,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.face-stage{position:relative;width:min(86vw,318px);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 22px;border-radius:24px;background:radial-gradient(ellipse at 50% 18%,rgba(23,74,150,.36),transparent 66%),rgba(8,14,26,.92);box-shadow:inset 0 1px 0 rgba(213,225,255,.06),0 24px 60px rgba(0,0,0,.5);transition:box-shadow .25s}
.face-corner{position:absolute;width:32px;height:32px;border:2px solid #4d94ff;transition:border-color .25s}
.face-corner.is-tl{top:12px;left:12px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}
.face-corner.is-tr{top:12px;right:12px;border-left:0;border-bottom:0;border-radius:0 12px 0 0}
.face-corner.is-bl{bottom:12px;left:12px;border-right:0;border-top:0;border-radius:0 0 0 12px}
.face-corner.is-br{bottom:12px;right:12px;border-left:0;border-top:0;border-radius:0 0 12px 0}
.face-core{position:relative;width:172px;height:172px;display:grid;place-items:center;margin-bottom:6px}
.face-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(77,148,255,.22)}
.face-ring::before{content:'';position:absolute;inset:-2px;border:2px solid transparent;border-top-color:#63a8ff;border-right-color:#2f7df0;border-radius:50%;animation:face-spin 1.05s linear infinite}
.face-sweep{position:absolute;left:6%;right:6%;top:50%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#63a8ff,transparent);box-shadow:0 0 18px rgba(99,168,255,.85);animation:face-sweep 1.7s ease-in-out infinite}
.face-head{width:104px;height:124px;display:grid;place-items:center;color:#7fb4ff;animation:face-pulse 2s ease-in-out infinite}
.face-head svg{width:100%;height:100%}
.face-status{margin-top:2px;color:#e8f1ff;font-size:13px;font-weight:820;letter-spacing:-.2px;text-align:center}
.face-hint{padding:0 4px;color:#8fa3bf;font-size:10px;line-height:1.5;text-align:center}
.face-scan.is-success .face-ring::before{border-color:#46d59a;border-width:3px;animation:none}
.face-scan.is-success .face-sweep{display:none}
.face-scan.is-success .face-corner{border-color:#46d59a}
.face-scan.is-success .face-head{color:#46d59a;animation:none}
.face-scan.is-success .face-stage{box-shadow:0 0 0 1px rgba(70,213,154,.35),0 0 44px rgba(70,213,154,.22),0 24px 60px rgba(0,0,0,.5)}
.face-scan.is-success .face-status::before{content:'✓ ';color:#46d59a}
@keyframes face-spin{to{transform:rotate(360deg)}}
@keyframes face-sweep{0%,100%{transform:translateY(-46px);opacity:.25}50%{transform:translateY(46px);opacity:1}}
@keyframes face-pulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}

/* FAQ */
.faq-page{gap:10px}
.faq-hint{margin:0 0 2px;color:#8390a5;font-size:10.5px}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{border:1px solid rgba(148,171,210,.14);border-radius:14px;background:rgba(9,15,26,.6);overflow:hidden;transition:border-color .2s,background .2s}
.faq-item.is-open{border-color:rgba(88,140,232,.42);background:rgba(14,24,42,.78)}
.faq-q{display:flex;align-items:center;gap:10px;width:100%;padding:13px 14px;border:0;background:transparent;color:#e9f0fb;font-family:inherit;font-size:12px;font-weight:720;line-height:1.45;text-align:left;cursor:pointer}
.faq-index{flex:none;color:#5b6a80;font-size:9px;font-weight:820;font-variant-numeric:tabular-nums}
.faq-question{flex:1;min-width:0}
.faq-chevron{flex:none;color:#8fbaff;font-size:14px;line-height:1;transition:transform .2s}
.faq-item.is-open .faq-chevron{transform:rotate(180deg)}
.faq-a{padding:0 14px 14px 37px;color:#a9b6c9;font-size:11px;line-height:1.65}
.faq-a p{margin:0}
.faq-a .cf-auth-whatsapp{margin-top:10px}
.faq-a[hidden]{display:none}

@media (min-width:820px){
  .account-page{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:12px}
  .account-page>.page-intro,.account-stats,.account-panel,.account-toast{grid-column:1/-1}
  .account-hero{grid-column:1}
  .account-club{grid-column:2}
  .account-sec-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .account-id-copy h2{font-size:23px}
  .account-avatar{width:64px;height:64px;font-size:21px}
}

/* ---------- Step 12 — Boutik (avatars) ---------- */
.has-img{overflow:hidden}
.has-img img,.shop-thumb img,.shop-chip-img img,.shop-modal-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 16%;border-radius:inherit}
.user-avatar.has-img{border-color:rgba(115,166,252,.5)}
.account-avatar.has-img{box-shadow:0 8px 24px rgba(11,97,223,.32)}
.shop-page{display:flex;flex-direction:column;gap:12px;padding-bottom:10px;animation:rise-in .4s cubic-bezier(.22,.8,.3,1) both}
.shop-collection{display:flex;flex-direction:column;gap:11px;padding:14px 15px;border-radius:16px}
.shop-collection-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.shop-collection-lead{margin:4px 0 0;color:#8794a8;font-size:10px;line-height:1.5}
.shop-count{flex:none;padding:4px 9px;border:1px solid rgba(148,173,212,.2);border-radius:7px;color:#c6d4e8;font-size:9px;font-weight:760;letter-spacing:.3px}
.shop-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px}
.shop-chip{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(148,173,212,.16);border-radius:12px;background:rgba(10,18,30,.5);text-align:left;cursor:pointer;transition:border-color .18s,background .18s}
.shop-chip.is-active{border-color:rgba(255,197,49,.45);background:rgba(255,197,49,.08)}
.shop-chip-img{width:34px;height:34px;flex:none;border-radius:10px;overflow:hidden;border:1px solid rgba(148,173,212,.2)}
.shop-chip-copy{display:flex;flex-direction:column;gap:1px;min-width:0}
.shop-chip-copy b{color:#eef4ff;font-size:9.5px;font-weight:780;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-chip-copy small{color:#8794a8;font-size:8px;letter-spacing:.5px;text-transform:uppercase}
.shop-chip.is-active .shop-chip-copy small{color:#ffd76a}
.shop-empty{margin:0;padding:14px 12px;border:1px dashed rgba(148,173,212,.2);border-radius:11px;color:#8794a8;font-size:10px;line-height:1.5;text-align:center}
.shop-cosmetic{margin:0;padding:8px 11px;border:1px solid rgba(148,173,212,.14);border-radius:9px;background:rgba(10,18,30,.4);color:#9fb0c9;font-size:9px;line-height:1.45}
.shop-banner{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:13px;border-color:rgba(255,197,49,.35);background:linear-gradient(120deg,rgba(255,197,49,.12),rgba(10,18,30,.6))}
.shop-banner-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:rgba(255,197,49,.16);color:#ffd76a;font-size:13px}
.shop-banner b{display:block;color:#ffe3a3;font-size:11px;font-weight:800;line-height:1.3}
.shop-banner p{margin:2px 0 0;color:#c6d4e8;font-size:9.5px;line-height:1.45}
.shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.shop-balance{color:#8794a8;font-size:9px;letter-spacing:.4px}
.shop-balance b{color:#eef4ff;font-size:10.5px;font-weight:800}
.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.shop-card{display:flex;flex-direction:column;overflow:hidden;border-radius:14px;transition:border-color .18s}
.shop-card.is-active{border-color:rgba(255,197,49,.42)}
.shop-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0a1220}
.shop-card-body{display:flex;flex-direction:column;gap:5px;padding:10px 11px 12px}
.shop-stars{display:flex;gap:2px;color:#3f4c61;font-size:8.5px;letter-spacing:.5px;line-height:1}
.shop-stars i{font-style:normal}
.shop-stars i.is-on{color:#ffc531}
.shop-name{color:#eef4ff;font-size:10.5px;font-weight:820;letter-spacing:.5px;line-height:1.25}
.shop-price{margin:0;color:#9fb0c9;font-size:9px;letter-spacing:.4px}
.shop-price b{color:#eef4ff;font-size:12px;font-weight:820}
.shop-price s{color:#5f6d82;font-size:9px}
.shop-price.is-free b{color:#7ef0b2}
.shop-note{margin:0;color:#8794a8;font-size:8.5px;line-height:1.4}
.shop-note.is-club{color:#ffd76a;font-weight:700;letter-spacing:.3px}
.shop-note.is-free{color:#7ef0b2}
.shop-note.is-owned{color:#9fe8c2}
.shop-status{margin:0;color:#c6d4e8;font-size:8.5px;line-height:1.45}
.shop-actions{margin-top:2px}
.shop-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:30px;padding:0 12px;border:1px solid rgba(148,173,212,.24);border-radius:9px;background:rgba(20,32,50,.7);color:#dce8fa;font:inherit;font-size:9.5px;font-weight:780;letter-spacing:.4px;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,opacity .18s}
.shop-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,#2f7cf6,#1b57c4);color:#fff;box-shadow:0 6px 18px rgba(21,94,226,.28)}
.shop-btn.is-soft{border-color:rgba(126,240,178,.32);background:rgba(126,240,178,.1);color:#b8f5d3;cursor:default}
.shop-btn.is-ghost{background:transparent}
.shop-btn:disabled{opacity:.75;cursor:default}
.shop-modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:18px;background:rgba(3,7,14,.78);animation:rise-in .18s ease both}
.shop-modal-panel{display:flex;flex-direction:column;gap:12px;width:min(100%,360px);padding:16px;border-radius:18px}
.shop-modal-head{position:relative;display:flex;align-items:center;gap:11px}
.shop-modal-thumb{width:46px;height:46px;flex:none;border-radius:12px;overflow:hidden;border:1px solid rgba(148,173,212,.24)}
.shop-modal-head b{display:block;margin-top:2px;color:#eef4ff;font-size:12px;font-weight:820;letter-spacing:.4px}
.shop-modal-close{position:absolute;top:-4px;right:-2px;width:26px;height:26px;border:1px solid rgba(148,173,212,.22);border-radius:8px;background:rgba(14,23,38,.8);color:#c6d4e8;font-size:15px;line-height:1;cursor:pointer}
.shop-modal-rows{display:flex;flex-direction:column;gap:6px;margin:0}
.shop-modal-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px;border-radius:8px;background:rgba(10,18,30,.5)}
.shop-modal-rows dt{color:#8794a8;font-size:9px;letter-spacing:.4px}
.shop-modal-rows dd{margin:0;color:#eef4ff;font-size:10px;font-weight:760}
.shop-modal-rows .is-club dd{color:#7ef0b2}
.shop-modal-rows .is-total{background:rgba(47,124,246,.14)}
.shop-modal-rows .is-total dd{font-size:12px}
.shop-modal-rows .is-short dd{color:#ff8f9c}
.shop-modal-error{margin:0;padding:8px 10px;border:1px solid rgba(255,110,128,.32);border-radius:8px;background:rgba(255,90,110,.1);color:#ffb3bd;font-size:9.5px;font-weight:700;text-align:center}
.shop-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shop-notice{margin:0;padding:9px 11px;border:1px solid rgba(126,240,178,.3);border-radius:9px;background:rgba(126,240,178,.08);color:#b8f5d3;font-size:9.5px;text-align:center}
@media(min-width:820px){
.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shop-thumb{aspect-ratio:4/5}
.shop-chips{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
}

/* ---------- admin day picker (API-Football) ---------- */
.adm-picker{display:flex;flex-direction:column;gap:8px}
.adm-pick-tools{margin:2px 0}
.adm-pick-list{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto;padding-right:2px}
.adm-pick-group{display:flex;flex-direction:column;gap:4px}
.adm-pick-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 4px;color:#8fa1bd;font-size:8px;font-weight:820;letter-spacing:.9px;text-transform:uppercase;border-bottom:1px solid rgba(148,171,210,.12)}
.adm-pick-row{display:grid;grid-template-columns:16px 40px minmax(0,1fr);grid-template-areas:"check time teams" "check time league";align-items:center;gap:2px 7px;padding:6px 8px;border:1px solid rgba(148,171,210,.12);border-radius:9px;background:rgba(8,13,23,.55);cursor:pointer}
.adm-pick-row:hover{border-color:rgba(148,171,210,.24)}
.adm-pick-row input{grid-area:check;width:14px;height:14px;accent-color:#34d399}
.adm-pick-time{grid-area:time;color:#9fb0c9;font-size:8.5px;font-weight:800;font-variant-numeric:tabular-nums}
.adm-pick-teams{grid-area:teams;display:flex;align-items:center;flex-wrap:nowrap;gap:5px;min-width:0;overflow:hidden}
.adm-pick-team{display:flex;align-items:center;gap:4px;min-width:0;flex:0 1 auto}
.adm-pick-team b{min-width:0;overflow:hidden;color:#e6eefb;font-size:9px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}
.adm-pick-teams .adm-pick-vs{flex:none;color:#5f6d82;font-style:normal;font-size:8px}
.adm-pick-teams .team-logo{display:grid;place-items:center;flex:0 0 auto;width:16px;height:16px}
.adm-pick-teams .team-logo-initials{width:16px;height:16px;border-radius:5px;font-size:6px}
.adm-pick-teams .team-logo img{position:absolute;inset:0;width:16px;height:16px}
.adm-pick-league{grid-area:league;color:#6f7d92;font-size:6.8px;font-weight:760;letter-spacing:.5px}
.adm-pick-current{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border:1px solid rgba(52,211,153,.25);border-radius:9px;background:rgba(6,26,20,.5);color:#b9f2d4;font-size:8.5px;font-weight:760}
.adm-scorers{grid-area:scorer;width:100%}

/* ---------- Bitè squad status + missing-squad note ---------- */
.biter-note{display:flex;align-items:center;gap:5px;margin:6px 0 0;color:#e2b25a;font-size:8px;font-weight:720;letter-spacing:.2px;line-height:1.4}
.biter-note span{display:grid;place-items:center;flex:none;width:12px;height:12px;border-radius:50%;background:rgba(226,178,90,.16);color:#f0c778;font-size:8px;font-weight:900}
.adm-squad-status{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(148,171,210,.14);border-radius:10px;background:rgba(8,13,23,.5)}
.adm-squad-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.adm-squad-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:4px;margin:0;padding:0;list-style:none}
.adm-squad-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;min-width:0;padding:4px 7px;border:1px solid rgba(148,171,210,.1);border-radius:7px;background:rgba(255,255,255,.02)}
.adm-squad-team{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbe7f7;font-size:8px;font-weight:720}
.adm-squad-row b{flex:none;font-size:7.5px;font-weight:800;letter-spacing:.3px;text-align:right}
.adm-squad-row.is-ok b{color:#6fe3b0}
.adm-squad-row.is-wait b{color:#d8b86a}
.adm-squad-counter{margin-left:5px;color:#9fb0c6;font-size:7.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.adm-squad-row.is-err b{color:#f08a8a}
.adm-squad-row small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c98b8b;font-size:6.5px;font-weight:600}

/* ---------- Club auto-renewal: status, next renewal, switch, waiting notice ---------- */
.club-join-rule{display:flex;gap:7px;margin:8px 0 0;padding:8px 10px;border:1px solid rgba(255,197,49,.24);border-radius:9px;background:rgba(255,197,49,.07);color:#e7cd93;font-size:9px;font-weight:650;line-height:1.55}
.club-join-rule span{flex:none;color:#ffd76a;font-size:11px;line-height:1.2}
.club-renew{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:2px;padding-top:8px;border-top:1px solid rgba(148,171,210,.14)}
.club-renew-chip{align-self:flex-start;padding:2px 8px;border-radius:20px;font-size:7.5px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.club-renew-chip.is-ok{background:rgba(63,214,155,.14);border:1px solid rgba(63,214,155,.34);color:#7cf0bb}
.club-renew-chip.is-warn{background:rgba(255,176,77,.14);border:1px solid rgba(255,176,77,.34);color:#ffca85}
.club-renew-date{color:#b9c6d9;font-size:9px;font-weight:700;line-height:1.5}
.club-renew-toggle{position:relative;display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(148,171,210,.14);border-radius:9px;background:rgba(148,171,210,.05);color:#c6d4e8;font-size:9px;font-weight:750;cursor:pointer}
.club-renew-toggle>span:first-child{flex:1;min-width:0}
.club-renew-toggle input{position:absolute;width:1px;height:1px;opacity:0}
.club-renew-switch{position:relative;flex:none;width:34px;height:20px;border-radius:20px;background:rgba(148,171,210,.22);transition:background .2s}
.club-renew-switch i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#e9f1ff;transition:transform .2s}
.club-renew-toggle input:checked+.club-renew-switch{background:#ffb43f}
.club-renew-toggle input:checked+.club-renew-switch i{transform:translateX(14px)}
.club-pending{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;border-color:rgba(255,176,77,.32)!important;background:radial-gradient(ellipse at 0 0,rgba(255,176,77,.12),transparent 60%),rgba(14,20,30,.9)}
.club-pending-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,176,77,.14);font-size:14px}
.club-pending-copy{flex:1;min-width:0}
.club-pending-copy h3{margin:2px 0;color:#ffcf8f;font-size:11px;font-weight:820}
.club-pending-copy p{margin:0;color:#b9a68c;font-size:9px;line-height:1.5}
.account-club.is-pending{border-color:rgba(255,176,77,.34);background:radial-gradient(ellipse at 90% 0,rgba(255,176,77,.12),transparent 62%),linear-gradient(145deg,rgba(32,26,18,.92),rgba(15,21,31,.96))}
.account-club-rule{margin:0;color:#8d9aae;font-size:9px;line-height:1.55}
.account-club-renew{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(148,171,210,.14);border-radius:10px;background:rgba(8,13,23,.5)}
.account-club-renew.is-warn{border-color:rgba(255,176,77,.3)}
.account-club-renewline{color:#b9c6d9;font-size:9px;font-weight:700;line-height:1.5}
.account-club-renew .account-chip{align-self:flex-start}
.account-toggle-row.is-compact{padding:6px 9px;font-size:9px}

/* ---------- Home: personal status banner, champions strip, live values ---------- */
.home-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:11px 13px;border:1px solid rgba(120,160,225,.2);border-radius:12px;background:linear-gradient(110deg,rgba(16,31,54,.92),rgba(11,20,34,.9))}
.home-status[hidden]{display:none}
.home-status-copy{display:flex;align-items:center;gap:9px;min-width:0}
.home-status-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#4f95ff;box-shadow:0 0 9px rgba(79,149,255,.6)}
.home-status p{margin:0;color:#dbe6f7;font-size:10.5px;font-weight:620;line-height:1.5}
.home-status b{color:#a6d2ff;font-weight:780;font-variant-numeric:tabular-nums}
.home-status-cta{flex:none;display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(111,164,252,.28);border-radius:8px;background:rgba(17,90,190,.24);color:#d6e8ff;font-size:9px;font-weight:730;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.home-status-cta:hover{border-color:rgba(111,164,252,.5);background:rgba(17,90,190,.4);color:#fff}
.home-status.is-entry{border-color:rgba(70,213,154,.28);background:linear-gradient(110deg,rgba(14,42,34,.9),rgba(11,23,26,.92))}
.home-status.is-entry .home-status-dot{background:#46d59a;box-shadow:0 0 9px rgba(70,213,154,.6)}
.home-status.is-entry b{color:#93f0c6}
.home-status.is-closed{border-color:rgba(148,171,210,.18);background:rgba(148,171,210,.05)}
.home-status.is-closed .home-status-dot{background:#8e9aaf;box-shadow:none}
.home-status.is-closed p{color:#b3bfd1}
.home-status.is-results{border-color:rgba(255,197,49,.26);background:radial-gradient(ellipse at 6% 0,rgba(255,197,49,.1),transparent 55%),linear-gradient(110deg,rgba(38,32,20,.9),rgba(15,21,31,.92))}
.home-status.is-results .home-status-dot{background:#ffc531;box-shadow:0 0 9px rgba(255,197,49,.55)}
.home-status.is-results b{color:#ffd97a}
.home-champions{margin-top:12px;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,197,49,.17);background:radial-gradient(ellipse at 88% -10%,rgba(255,197,49,.09),transparent 58%),linear-gradient(120deg,rgba(30,27,20,.82),rgba(13,20,30,.94))}
.home-champions[hidden]{display:none}
.home-champ-head .section-kicker{color:#c9a65f}
.home-champ-head h2{margin:5px 0 0;color:#f1f4fb;font-size:14px;font-weight:735;letter-spacing:-.4px}
.home-champ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.home-champ{display:flex;align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid rgba(148,171,210,.13);border-radius:11px;background:rgba(255,255,255,.028)}
.home-champ-avatar{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#253e72,#182a45);color:#e6efff;font-size:10px;font-weight:800;letter-spacing:-.3px}
.home-champ-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}
.home-champ-copy b{overflow:hidden;color:#e6edf7;font-size:10px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}
.home-champ-tier{width:max-content;font-size:7px;font-weight:830;letter-spacing:.6px;color:#b9c8dc}
.home-champ.is-bronze .home-champ-tier{color:#d6a47a}
.home-champ.is-gold{border-color:rgba(255,197,49,.2)}
.home-champ.is-gold .home-champ-tier{color:#f6cb61}
.home-champ.is-gold .home-champ-avatar{background:linear-gradient(145deg,#6b5220,#2d2413);color:#ffe4a1}
.home-champ-stats{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.home-champ-points{color:#cdd8e8;font-size:10px;font-weight:740;font-variant-numeric:tabular-nums;white-space:nowrap}
.home-champ-points small{color:#8391a6;font-size:7px;font-weight:500}
.home-champ-prize{padding:3px 6px;border:1px solid rgba(255,197,49,.2);border-radius:6px;background:rgba(255,197,49,.08);color:#f2cd6d;font-size:9px;font-weight:740;white-space:nowrap}
.home-champ-prize small{color:#b79f5f;font-size:7px;font-weight:600}
.club-crest img{width:26px;height:26px;display:block;object-fit:contain}
@media(max-width:1100px){.home-champ-prize{margin-left:auto}}
@media(max-width:820px){.home-champ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .home-status{flex-direction:column;align-items:flex-start;gap:9px;padding:10px 11px;margin-bottom:11px}
  .home-status p{font-size:10.5px}
  .home-status-cta{width:100%;justify-content:center}
  .home-champ-grid{grid-template-columns:minmax(0,1fr);gap:7px}
  .home-champ{padding:8px 9px}
  .home-champ-prize{margin-left:auto}
  .home-champions{padding:11px 11px 12px;border-radius:13px}
  .home-champ-head h2{font-size:13px}
}
@media(max-width:440px){.home-champ-copy b{font-size:9.5px}.home-champ-points{font-size:9px}}

/* ---------- Supabase auth (B2 slice 1): sidebar, hero, Kont panel ---------- */
.side-auth{margin:10px 0 4px}
.cf-auth-guest{display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(148,173,212,.16);border-radius:12px;background:linear-gradient(150deg,rgba(18,32,56,.72),rgba(8,15,26,.62))}
.cf-auth-guest-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.cf-auth-guest-copy b{color:#eaf1ff;font-size:11.5px;font-weight:780;letter-spacing:-.1px}
.cf-auth-guest-copy small{color:#8d9ab0;font-size:9.5px;line-height:1.4}
.cf-auth-guest-actions{display:flex;gap:6px}
.cf-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 12px;border:1px solid rgba(148,173,212,.22);border-radius:9px;background:rgba(255,255,255,.03);color:#c9d6ea;font-size:10.5px;font-weight:760;letter-spacing:.2px;cursor:pointer;white-space:nowrap;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}
.cf-auth-btn:hover{border-color:rgba(120,160,225,.42);color:#eaf1ff}
.cf-auth-btn:focus-visible{outline:2px solid #4b8ef7;outline-offset:2px}
.cf-auth-btn.is-primary{border-color:transparent;background:linear-gradient(135deg,#287cf5,#0b61df);color:#fff;box-shadow:0 6px 18px rgba(11,97,223,.28),inset 0 1px 0 rgba(220,236,255,.22)}
.cf-auth-btn.is-primary:hover{background:linear-gradient(135deg,#3a8bfb,#1168e8);transform:translateY(-1px)}
.cf-auth-btn.is-outline{background:transparent;color:#c6d5ea;border-color:rgba(150,178,220,.34)}
.cf-auth-btn.is-quiet{height:26px;padding:0 9px;border-color:rgba(215,120,120,.24);background:rgba(70,20,26,.22);color:#f0c8c8;font-size:10px}
.cf-auth-btn.is-wide{width:100%;height:36px;font-size:12px}
.cf-auth-btn[disabled]{opacity:.6;cursor:progress;transform:none}
.cf-auth-guest-actions .cf-auth-btn{flex:1;padding:0 8px}
.cf-auth-user{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(70,213,154,.22);border-radius:12px;background:linear-gradient(150deg,rgba(12,40,32,.62),rgba(8,20,18,.5))}
.cf-auth-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(140deg,#287cf5,#0a4fbe);color:#fff;font-size:11px;font-weight:820;letter-spacing:.2px;box-shadow:inset 0 1px 0 rgba(220,236,255,.28)}
.cf-auth-id{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.cf-auth-id b{color:#f1f6ff;font-size:11.5px;font-weight:780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-auth-id small{color:#8fd7b6;font-size:8.5px;font-weight:700;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-auth{margin-top:10px}
.hero-auth .cf-auth-guest,.hero-auth .cf-auth-user{max-width:420px}
.hero-auth .cf-auth-guest{flex-direction:row;align-items:center;gap:10px;padding:9px 11px}
.hero-auth .cf-auth-guest-copy{flex:1}
.hero-auth .cf-auth-guest-actions{flex:none}
.cf-auth-offline{position:fixed;left:0;right:0;top:0;z-index:1200;padding:7px 14px;text-align:center;background:linear-gradient(90deg,rgba(120,60,20,.96),rgba(140,74,20,.96));color:#ffe9cf;font-size:10.5px;font-weight:760;letter-spacing:.3px;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.cf-auth-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:1200;max-width:min(420px,90vw);padding:9px 14px;border-radius:10px;border:1px solid rgba(120,170,255,.28);background:rgba(10,20,36,.95);color:#dce9ff;font-size:11px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.cf-auth-panel{margin:0 0 12px;padding:14px;border-radius:14px}
.cf-auth-panel h2{margin:6px 0 3px;color:#f3f7ff;font-size:17px;font-weight:800;letter-spacing:-.4px}
.cf-auth-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cf-auth-chip{padding:3px 8px;border-radius:999px;border:1px solid rgba(70,213,154,.3);background:rgba(18,60,45,.4);color:#9fe8c4;font-size:8.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.cf-auth-chip.is-warn{border-color:rgba(255,197,49,.34);background:rgba(70,52,10,.4);color:#ffd979}
.cf-auth-lead{margin:0 0 10px;color:#93a2b8;font-size:11px;line-height:1.5}
.cf-auth-tabs{display:flex;gap:4px;margin-bottom:10px;padding:3px;border:1px solid rgba(148,173,212,.14);border-radius:10px;background:rgba(6,12,22,.6)}
.cf-auth-tab{flex:1;height:29px;border:0;border-radius:7px;background:transparent;color:#93a2b8;font-size:10.5px;font-weight:760;letter-spacing:.2px;cursor:pointer;transition:background .18s,color .18s}
.cf-auth-tab.is-active{background:linear-gradient(135deg,rgba(40,124,245,.28),rgba(11,97,223,.2));color:#f0f6ff;box-shadow:inset 0 1px 0 rgba(200,224,255,.16)}
.cf-auth-form{display:flex;flex-direction:column;gap:9px}
.cf-auth-field{display:flex;flex-direction:column;gap:4px}
.cf-auth-field>span{color:#a9b7cb;font-size:9.5px;font-weight:780;letter-spacing:.7px;text-transform:uppercase}
.cf-auth-field small{color:#71809a;font-size:9px}
.cf-auth-input{height:36px;padding:0 11px;border:1px solid rgba(148,173,212,.2);border-radius:9px;background:rgba(7,14,26,.72);color:#f2f7ff;font-size:12px;outline:none;transition:border-color .18s,box-shadow .18s}
.cf-auth-input:focus{border-color:rgba(88,140,232,.6);box-shadow:0 0 0 3px rgba(40,124,245,.16)}
.cf-auth-flash{margin:0;padding:8px 10px;border-radius:9px;font-size:10.5px;font-weight:700;line-height:1.45}
.cf-auth-flash.is-err{border:1px solid rgba(230,120,120,.34);background:rgba(60,18,20,.4);color:#ffc9c9}
.cf-auth-flash.is-ok{border:1px solid rgba(70,213,154,.3);background:rgba(14,52,40,.4);color:#a9edcb}
.cf-auth-switch{align-self:flex-start;margin:2px 0 0;border:0;background:transparent;color:#7fa9e8;font-size:10px;font-weight:720;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.cf-auth-identity{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 10px;border:1px solid rgba(70,213,154,.2);border-radius:11px;background:rgba(10,28,24,.42)}
.cf-auth-balance{display:inline-flex;align-items:baseline;gap:4px;margin-left:auto;color:#8fd7b6}
.cf-auth-balance i{font-style:normal;color:#7f93ab;font-size:8.5px;font-weight:760;letter-spacing:.6px;text-transform:uppercase}
.cf-auth-balance b{color:#eafff5;font-size:16px;font-weight:820;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.cf-auth-balance small{color:#84a396;font-size:8.5px}
.cf-auth-note{margin:8px 0 0;color:#7f93ab;font-size:9.5px;line-height:1.5}
.cf-auth-actions{display:flex;gap:7px;margin-top:10px}
.account-auth{margin-bottom:12px}
.pw-tx-server{padding:9px 11px;border:1px solid rgba(148,173,212,.12);border-radius:10px;background:rgba(8,15,26,.55)}
.pw-tx-server .pw-tx-amount{color:#cfe0f8}
.pw-empty-note{margin:6px 0 0;color:#7f93ab;font-size:9.5px}
@media (max-width:767px){.hero-auth .cf-auth-guest{flex-direction:column;align-items:stretch;gap:8px}.hero-auth .cf-auth-guest-actions{width:100%}.cf-auth-panel{padding:12px}}
.cf-auth-detail{margin:0;padding:0 2px 8px;color:#7f93ab;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word;opacity:.9}
.cf-auth-forgot{margin:0 0 2px}
.cf-auth-recovery{padding:10px 11px;border:1px solid rgba(148,173,212,.14);border-radius:10px;background:rgba(7,14,26,.55)}
.cf-auth-recovery p{margin:0 0 9px;color:#a9b7cb;font-size:11px;line-height:1.65}
.cf-auth-recovery .cf-auth-recovery-note{margin:0 0 10px;color:#c6e4d1;font-size:10.5px;font-weight:700;line-height:1.55}
.cf-auth-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0 0 10px;padding:8px 12px;border-radius:9px;background:#25D366;color:#062b17;font-size:11px;font-weight:800;text-align:center;text-decoration:none;transition:filter .18s}
.cf-auth-whatsapp:hover{filter:brightness(1.08)}
.cf-auth-whatsapp-glyph{flex:none;width:20px;height:20px}
.account-password{margin-top:10px}
.account-password-form{display:flex;flex-direction:column;gap:9px}
.account-password-detail{margin:0;color:#7f93ab;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.lineup-subs{margin-top:2px;padding-top:7px;border-top:1px dashed rgba(148,171,210,.12)}
.lineup-subs>span{display:block;margin-bottom:3px;color:#9fb0c6;font-size:7px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.lineup-subs ol{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.lineup-subs li{opacity:.88}

/* Signed-in server entries */
.predict-tiebreak{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:3px 10px;margin:0 0 2px;padding:9px 11px;border:1px solid rgba(70,213,154,.2);border-radius:10px;background:rgba(12,42,34,.35)}
.predict-tiebreak[hidden]{display:none}
.predict-tiebreak>span{color:#b9e8d3;font-size:10px;font-weight:760;letter-spacing:.3px}
.predict-tiebreak>small{grid-column:1;color:#7f9e91;font-size:8px}
.predict-tiebreak input{grid-column:2;grid-row:1/3;width:100%;height:34px;padding:0 8px;border:1px solid rgba(70,213,154,.28);border-radius:8px;background:rgba(5,18,15,.65);color:#effff7;font-size:15px;font-weight:800;text-align:center;outline:none;font-variant-numeric:tabular-nums}
.predict-tiebreak input:focus{border-color:rgba(70,213,154,.65);box-shadow:0 0 0 3px rgba(70,213,154,.12)}
.tier-chip.is-entered,.tier-chip:disabled{border-color:rgba(70,213,154,.3);background:rgba(19,58,45,.28);color:#8fd7b6;cursor:default;opacity:.85}
.tier-chip.is-entered b,.tier-chip:disabled b{color:#b9e8d3}
.server-error-code{display:inline-block;margin-left:7px;padding:1px 5px;border:1px solid rgba(255,120,120,.22);border-radius:4px;background:rgba(0,0,0,.24);color:#ffd1d1;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2px;vertical-align:1px}
.entry-card.server-entry{border-color:rgba(70,213,154,.14)}
.rank-server{margin:0 0 12px;padding:13px 14px;border-radius:14px}
.rank-server[hidden]{display:none}
.rank-server-head{margin-bottom:9px}
.rank-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rank-server-tier{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid rgba(148,173,212,.12);border-radius:10px;background:rgba(7,15,27,.45)}
.rank-server-tier>span{font-size:8px;font-weight:820;letter-spacing:.7px;color:#b9c8dc}
.rank-server-tier>b{color:#f0f5ff;font-size:19px;font-weight:820;letter-spacing:-.7px;font-variant-numeric:tabular-nums}
.rank-server-tier>small{color:#7f8da2;font-size:8px}
.rank-server-tier>em{color:#8fd7b6;font-size:8px;font-style:normal;font-weight:700}
.rank-server-tier.is-bronze{border-color:rgba(206,140,92,.22)}
.rank-server-tier.is-silver{border-color:rgba(196,214,240,.2)}
.rank-server-tier.is-gold{border-color:rgba(255,197,49,.24)}
@media(max-width:440px){.rank-server-grid{grid-template-columns:1fr}.predict-tiebreak{grid-template-columns:minmax(0,1fr) 72px}}
/* header identity: nothing personal without a session */
.user-profile[hidden],.header-auth[hidden],.greeting-user[hidden],.greeting-guest[hidden]{display:none}
.header-auth{display:flex;align-items:center;gap:6px;min-width:0}
.header-auth .cf-auth-guest{flex-direction:row;align-items:center;gap:6px;padding:0;border:0;background:none;max-width:none}
.header-auth .cf-auth-guest-copy{display:none}
.header-auth .cf-auth-guest-actions{gap:6px}
.header-auth .cf-auth-btn{height:31px;padding:0 10px;font-size:9.5px}
.header-auth .cf-auth-user{padding:4px 6px;gap:6px;border-radius:10px}
/* closed-day padlock on the prediction cards */
.pick-lock{display:none;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid rgba(255,191,102,.35);border-radius:6px;background:rgba(58,44,12,.55);font-size:9px;line-height:1;flex:none}
.pick-card.is-closed .pick-lock{display:inline-flex}
/* B6 contest sessions */
.adm-session-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.adm-session-bar-settle{margin:0 0 8px}
.adm-session-chip{padding:6px 11px;border:1px solid rgba(88,140,232,.32);border-radius:8px;background:rgba(75,142,247,.1);color:#cfe2ff;font-family:inherit;font-size:8.5px;font-weight:820;letter-spacing:.3px;cursor:pointer;transition:background .18s,border-color .18s,opacity .18s}
.adm-session-chip:hover:not(:disabled){background:rgba(75,142,247,.22)}
.adm-session-chip.is-active{border-color:rgba(120,170,255,.75);background:rgba(75,142,247,.32);color:#fff}
.adm-session-chip.is-off,.adm-session-chip:disabled{opacity:.38;cursor:not-allowed;border-color:rgba(148,171,210,.18);background:rgba(255,255,255,.02);color:#8e9aaf}
.adm-pick-note{margin-left:6px;padding:2px 6px;border:1px solid rgba(240,198,117,.35);border-radius:6px;background:rgba(58,44,12,.45);color:#f0cd8a;font-size:7.5px;font-weight:760;white-space:nowrap}
.adm-history-session{display:inline-block;margin-left:6px;color:#93a6c2;font-size:8px;font-weight:760}

/* B6 part 2 — contest sessions on the player side */
.session-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.session-tab{padding:8px 14px;border:1px solid rgba(88,140,232,.32);border-radius:9px;background:rgba(75,142,247,.1);color:#cfe2ff;font-family:inherit;font-size:10px;font-weight:820;letter-spacing:.3px;cursor:pointer;transition:background .18s,border-color .18s,opacity .18s}
.session-tab:hover{background:rgba(75,142,247,.22)}
.session-tab.is-active{border-color:rgba(120,170,255,.75);background:rgba(75,142,247,.32);color:#fff}
.session-tab.is-closed{opacity:.72}
.session-lock{margin-left:4px}
.history-group{margin:0 0 16px}
.history-group-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px;color:#a9bcd8;font-size:10px;font-weight:850;letter-spacing:.6px;text-transform:uppercase}
.history-group-head b{color:#e7f0ff}
.live-session-head{margin:14px 0 6px;padding:6px 10px;border-left:2px solid rgba(120,170,255,.6);color:#cfe2ff;font-size:10px;font-weight:850;letter-spacing:.6px;text-transform:uppercase}
.rank-session-tabs{margin:0 0 12px}

/* ---------- contest sessions: ranges, queued state, auto-select ---------- */
.session-range{margin-left:6px;color:#9fb3d0;font-size:8px;font-weight:700;letter-spacing:.2px}
.live-session-head{display:flex;align-items:center;gap:8px}
.live-session-head small{color:#93a7c4;font-size:8px;font-weight:700;letter-spacing:.3px}
.adm-chip-range{margin-left:5px;color:#9fb3d0;font-size:7px;font-weight:750;letter-spacing:.2px}
.adm-daystate.is-queued{border-color:rgba(120,170,255,.42);background:rgba(20,42,80,.55);color:#bcd6ff}
.adm-daystate.is-auto{border-color:rgba(177,129,255,.42);background:rgba(40,26,66,.55);color:#d6c2ff}
.adm-queued-hint{color:#a9c1e6}
.adm-pick-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adm-pick-tools .adm-input{flex:1;min-width:0}
.adm-pick-views{display:inline-flex;gap:3px;padding:2px;border:1px solid rgba(148,171,210,.14);border-radius:8px;background:rgba(8,13,23,.5)}
.adm-view-chip{padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#93a3ba;font-family:inherit;font-size:7.5px;font-weight:800;letter-spacing:.3px;cursor:pointer}
.adm-view-chip.is-active{background:rgba(75,142,247,.22);color:#e3efff}
.adm-auto-chip{margin-left:5px;padding:1px 5px;border:1px solid rgba(177,129,255,.4);border-radius:5px;background:rgba(60,38,98,.45);color:#dcc7ff;font-size:6.5px;font-weight:850;letter-spacing:.3px;white-space:nowrap}
.adm-auto-reason{margin-left:4px;color:#a99bc4;font-size:6.5px;font-weight:700;white-space:nowrap}
.adm-switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.adm-switch{position:relative;display:inline-flex;flex:none;width:38px;height:22px}
.adm-switch input{position:absolute;width:1px;height:1px;opacity:0}
.adm-switch i{position:absolute;inset:0;border-radius:22px;background:rgba(148,171,210,.22);transition:background .2s}
.adm-switch i::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#e9f1ff;transition:transform .2s}
.adm-switch input:checked+i{background:#3f9d6d}
.adm-switch input:checked+i::after{transform:translateX(16px)}
.adm-switch input:focus-visible+i{outline:2px solid #4b8ef7;outline-offset:2px}

/* ---------- B8 jackpot rules ---------- */
.jackpot-active-chip{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;border:1px solid rgba(255,197,49,.38);border-radius:20px;background:rgba(255,197,49,.1);color:#ffd76a;font-size:7px;font-weight:850;letter-spacing:.4px;white-space:nowrap;vertical-align:middle}
.jackpot-active-chip[hidden]{display:none}
.adm-jackpot-note{margin:4px 0 0}
.adm-jackpot-winners{display:flex;flex-direction:column;gap:4px;margin-top:6px}

/* ---------- Club VIP lock ---------- */
button.club-benefit{width:100%;text-align:left;font:inherit;border:1px solid rgba(148,171,210,.13);background:linear-gradient(150deg,rgba(16,26,44,.9),rgba(9,15,26,.94));cursor:pointer;appearance:none}
button.club-benefit:hover{transform:translateY(-2px);border-color:rgba(255,197,49,.34);background:linear-gradient(150deg,rgba(24,36,58,.95),rgba(11,18,31,.96))}
.club-benefit.is-locked .club-benefit-open{color:#8d9ab0}

/* ---------- B4 Tranzak deposits / withdrawals ---------- */
.pw-field{display:flex;align-items:center;gap:6px;padding:0 12px;height:44px;border:1px solid rgba(148,171,210,.18);border-radius:11px;background:rgba(10,16,28,.7)}
.pw-field input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#eef4ff;font-size:13px;font-weight:700;letter-spacing:.4px;outline:none}
.pw-field input::placeholder{color:#5d6a80;font-weight:600}
.pw-testline{margin:0;padding:8px 10px;border:1px dashed rgba(255,197,49,.35);border-radius:10px;color:#c8d3e4;font-size:9px;line-height:1.5}
.pw-testline .demo-tag{margin-right:4px}
.pw-redirect{color:#ffd76a}
.pw-pending-wrap{margin:0 0 10px}
.pw-pending{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;border:1px solid rgba(148,171,210,.18)}
.pw-pending.is-ok{border-color:rgba(88,214,141,.45)}
.pw-pending.is-bad{border-color:rgba(255,107,107,.45)}
.pw-pending-icon{font-size:16px}
.pw-pending b{display:block;color:#eef4ff;font-size:12px}
.pw-pending small{display:block;color:#8794a8;font-size:9px;margin-top:2px}
.pw-pending-close{margin-left:auto;border:0;background:transparent;color:#8794a8;font-size:16px;cursor:pointer}
.pw-tx.is-pending .pw-tx-label{color:#ffd76a}
.pw-success.is-pending .pw-success-icon{background:rgba(255,197,49,.15);color:#ffd76a}

/* Admin — player password reset (Case B) */
.adm-reset-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,8,14,.74);backdrop-filter:blur(6px)}
.adm-reset-modal{width:min(440px,100%);max-height:88vh;overflow:auto;padding:14px;border-radius:15px;border:1px solid rgba(148,171,210,.18);background:rgba(9,15,25,.97)}
.adm-reset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.adm-reset-head h3{margin:0;color:#f1f4fb;font-size:13px;font-weight:800;letter-spacing:.2px}
.adm-reset-x{flex:none;width:24px;height:24px;border:1px solid rgba(148,171,210,.2);border-radius:7px;background:rgba(148,171,210,.08);color:#a9b7cb;font-size:10px;cursor:pointer}
.adm-reset-body{display:flex;flex-direction:column;gap:9px}
.adm-reset-lead{margin:0;color:#a9b7cb;font-size:10px;line-height:1.6}
.adm-reset-facts{margin:0}
.adm-reset-reason{resize:vertical;min-height:64px;font-family:inherit;line-height:1.5}
.adm-reset-error{margin:0;padding:7px 9px;border:1px solid rgba(240,96,110,.4);border-radius:9px;background:rgba(240,96,110,.12);color:#ffb9c0;font-size:9.5px;font-weight:750;line-height:1.5}
.adm-reset-pass{display:block;padding:12px;border:1px solid rgba(255,197,49,.35);border-radius:11px;background:rgba(255,197,49,.1);color:#ffd76a;font:800 20px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px;text-align:center;word-break:break-all;user-select:all}
.adm-reset-instruction{margin:0;color:#cfe2ff;font-size:10px;line-height:1.6}
.adm-reset-once{margin:0;color:#8fa3bd;font-size:8.5px;line-height:1.5}
.adm-reset-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.adm-btn.is-ghost{border-color:rgba(148,171,210,.25);background:rgba(148,171,210,.08);color:#c3d1e6}