/* Predicta Ultra V4 — cohesive product design system */
:root{--glass:rgba(21,27,30,.86);--surface:#101518;--surface-2:#151c20;--surface-3:#1b2429;--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.13);--soft-shadow:0 12px 34px rgba(0,0,0,.24);--deep-shadow:0 24px 70px rgba(0,0,0,.42);--ease:cubic-bezier(.22,1,.36,1);--success:#46c879;--danger:#ff6f67;--warning:#f4c84b}
body{background:radial-gradient(circle at 50% -18%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 34%),linear-gradient(180deg,#080c0e,#050707 48%);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}
.site-shell{isolation:isolate}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 70%)}
.ultra-header{border-bottom:1px solid var(--line);background:rgba(10,14,16,.88);backdrop-filter:blur(22px) saturate(145%)}
.brand-row{height:62px;padding-inline:15px}.brand-mark{font-size:18px;transition:transform .25s var(--ease)}.brand-mark:hover{transform:translateY(-1px)}.uploaded-logo{height:30px;width:auto;max-width:130px;object-fit:contain}.logo-shape{filter:drop-shadow(0 5px 14px color-mix(in srgb,var(--primary) 32%,transparent))}
.header-icon,.notification-button,.language-menu>button,.points-mini,.topbar-icon{border:1px solid var(--line);background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.22s var(--ease)}.header-icon:hover,.notification-button:hover,.language-menu>button:hover,.points-mini:hover{background:rgba(255,255,255,.085);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));transform:translateY(-1px)}
.points-mini{height:34px;padding:0 9px;border-radius:10px;display:flex;align-items:center;gap:5px;color:#fff;font-size:10px;font-weight:800}.points-mini svg{width:14px;color:#f6d15a}.language-menu{position:relative}.language-menu>button{height:34px;padding:0 8px;border-radius:10px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:900}.language-menu svg{width:15px}.language-popover{position:absolute;top:42px;inset-inline-end:0;width:190px;padding:7px;border:1px solid var(--line-strong);border-radius:15px;background:#11181c;box-shadow:var(--deep-shadow);z-index:90;animation:popoverIn .22s var(--ease)}.language-popover a{height:34px;padding:0 9px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.language-popover a:hover,.language-popover a.active{background:rgba(255,255,255,.06);color:#fff}.language-popover a span{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.6px;color:var(--primary-2)}
.premium-mini{background:linear-gradient(135deg,#fff,#dfe2e4);box-shadow:0 7px 22px rgba(255,255,255,.1);transition:.22s var(--ease)}.premium-mini:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,255,255,.16)}
.sports-nav{height:70px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.sport-item{height:70px;flex-basis:96px;gap:6px;font-size:10px;transition:.22s var(--ease)}.sport-item svg{width:19px;height:19px;transition:.25s var(--ease)}.sport-item:hover svg,.sport-item.active svg{transform:translateY(-2px) scale(1.04)}.sport-item.active{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.sport-item.active:after{height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}
.league-tabs{height:54px;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 8%,transparent),rgba(255,255,255,.018),rgba(255,131,74,.035))}.league-tab{height:54px;gap:8px;transition:.2s var(--ease)}.league-tab:hover{color:#fff;background:rgba(255,255,255,.025)}.league-tab-icon{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.04)}
.top-ad,.ad-slot{margin:10px 11px 0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.ad-slot img{width:100%;height:auto}.ad-slot-html{padding:12px}.ad-label-mini{display:block;padding:4px 8px;font-size:8px;color:var(--muted-2);text-align:center}
.site-announcement{position:relative;overflow:hidden;min-height:52px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 55%),var(--surface-2);box-shadow:var(--soft-shadow);transition:.22s var(--ease)}.site-announcement:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 34%,var(--line))}.site-announcement:after{content:"";position:absolute;inset:-60% auto -60% -25%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(14deg);animation:softSweep 7s infinite}
.announcement-dialog{width:min(calc(100% - 24px),460px);border:1px solid var(--line-strong);border-radius:22px;padding:27px;background:linear-gradient(145deg,#182126,#101518);color:#fff;box-shadow:0 40px 110px rgba(0,0,0,.65);text-align:center}.announcement-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.announcement-dialog>button{position:absolute;top:12px;inset-inline-end:12px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center}.announcement-dialog>svg{width:34px;color:var(--primary-2);margin:4px auto 12px}.announcement-dialog h2{font-size:20px}.announcement-dialog p{margin:8px 0 19px;color:var(--muted);font-size:12px;line-height:1.8}
.page-content{padding:13px;gap:13px}.content-card,.filter-card,.responsible-note,.subscription-summary,.match-hero-card,.prediction-main-card,.market-card,.premium-lock-card,.profile-hero-v4,.side-card,.post-card,.team-explorer-card,.player-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 44%),var(--glass);box-shadow:var(--soft-shadow);backdrop-filter:blur(12px)}
.content-card,.filter-card,.responsible-note,.subscription-summary{border-radius:18px}.section-heading{margin-top:7px}.section-heading h2{font-size:17px;letter-spacing:-.2px}.section-heading span,.eyebrow{letter-spacing:.2px}.section-heading>a{height:30px;padding:0 9px;border-radius:9px;background:rgba(255,255,255,.035);transition:.2s}.section-heading>a:hover{background:rgba(255,255,255,.075);color:#fff}
.home-hero{position:relative;min-height:183px;padding:23px 19px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 84% 18%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 27%),linear-gradient(145deg,#182126,#0e1316);border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line));box-shadow:var(--deep-shadow)}.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035),transparent 65%);transform:translateX(-100%);animation:heroSweep 9s infinite}.hero-copy{position:relative;z-index:2;max-width:72%}.hero-copy h1{font-size:26px;line-height:1.18;letter-spacing:-.8px;margin:7px 0}.hero-copy p{font-size:11px;line-height:1.8;color:#abb4ba}.hero-actions{display:flex;gap:7px;margin-top:15px}.hero-orb{position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);width:104px;height:104px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.13),transparent 29%),color-mix(in srgb,var(--primary) 22%,#11181c);box-shadow:0 0 0 10px rgba(255,255,255,.018),0 25px 50px rgba(0,0,0,.35);animation:orbFloat 5s ease-in-out infinite}.hero-orb span{font-family:Inter,sans-serif;font-size:25px;font-weight:800}.hero-orb small{font-size:8px;color:#cad0d3}.hero-orb svg{position:absolute;bottom:11px;width:14px;color:var(--primary-2)}
.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-stats article{min-height:72px;padding:11px;border-radius:15px;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;gap:8px;transition:.22s var(--ease)}.quick-stats article:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.quick-stats article>svg{width:19px;color:var(--primary-2)}.quick-stats div{display:flex;flex-direction:column}.quick-stats span{font-size:8px;color:var(--muted)}.quick-stats b{font-family:Inter,sans-serif;font-size:18px}
.featured-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);gap:9px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.featured-scroll::-webkit-scrollbar{display:none}.featured-pick{scroll-snap-align:start;padding:13px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,transparent),transparent 48%),var(--surface-2);box-shadow:var(--soft-shadow);transition:.25s var(--ease)}.featured-pick:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.feature-top,.feature-tip{display:flex;align-items:center;justify-content:space-between}.feature-league{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.feature-league img{width:17px;height:17px;object-fit:contain}.feature-top>b{font-family:Inter;font-size:13px;color:var(--primary-2)}.feature-teams{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;margin:16px 0}.feature-teams>div{text-align:center;min-width:0}.feature-teams img{width:44px;height:44px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.3))}.feature-teams span{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-teams em{font-family:Inter;font-size:8px;font-style:normal;color:var(--muted-2);text-align:center}.feature-tip{padding-top:9px;border-top:1px solid var(--line)}.feature-tip span{font-size:8px;color:var(--muted)}.feature-tip strong{font-size:10px}.feature-tip svg{width:13px;color:var(--primary-2)}
.date-strip{display:grid;grid-auto-flow:column;grid-auto-columns:57px;gap:6px;overflow:auto;scrollbar-width:none;padding:2px 0}.date-strip::-webkit-scrollbar{display:none}.date-item{height:68px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.22s var(--ease)}.date-item small,.date-item span{font-size:8px;color:var(--muted)}.date-item b{font:800 18px/1.2 Inter}.date-item:hover{transform:translateY(-2px)}.date-item.active{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 80%,#111),var(--primary));border-color:transparent;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 22%,transparent)}.date-item.active small,.date-item.active span{color:rgba(255,255,255,.78)}
.league-filter{display:grid;grid-auto-flow:column;grid-auto-columns:78px;gap:7px;overflow:auto;scrollbar-width:none}.league-filter::-webkit-scrollbar{display:none}.league-filter-item{height:77px;padding:8px 5px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;transition:.22s}.league-filter-item img,.all-leagues{width:28px;height:28px;object-fit:contain}.all-leagues{border-radius:9px;background:rgba(255,255,255,.05);display:grid;place-items:center}.all-leagues svg{width:15px}.league-filter-item b{font-size:8px;max-width:68px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-filter-item:hover,.league-filter-item.active{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--primary) 8%,var(--surface-2));transform:translateY(-2px)}
.match-card{position:relative;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.015),transparent),var(--surface-2);box-shadow:var(--soft-shadow);transition:.28s var(--ease)}.match-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.025),transparent 70%);opacity:0;transition:.25s}.match-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.34)}.match-card:hover:after{opacity:1}.match-card-link{padding:13px}.match-card-body{grid-template-columns:1fr 72px 1fr}.match-team img{width:45px;height:45px}.match-team strong{font-size:11px}.match-state{border:1px solid rgba(255,255,255,.04)}.match-prediction{min-height:30px}.match-prediction em{padding:3px 7px;border-radius:7px;background:rgba(130,124,255,.1)}
.recent-results,.feature-section{display:flex;flex-direction:column;gap:9px}.result-grid{display:flex;flex-direction:column;gap:7px}.result-mini{min-height:55px;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;transition:.2s}.result-mini:hover{background:var(--surface-3)}.result-dot{width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.result-dot svg{width:14px}.result-dot.win{background:rgba(70,200,121,.13);color:var(--success)}.result-dot.loss{background:rgba(255,111,103,.12);color:var(--danger)}.result-mini div{min-width:0}.result-mini b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-mini small{font-size:8px;color:var(--muted)}.result-mini>strong{font-size:8px;color:var(--muted)}
.premium-promo{position:relative;overflow:hidden;min-height:116px;padding:17px;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--primary) 25%,transparent),transparent 33%),linear-gradient(135deg,#1c202a,#11161a);display:grid;grid-template-columns:49px 1fr auto;align-items:center;gap:12px;box-shadow:var(--deep-shadow)}.promo-icon{width:49px;height:49px;border-radius:15px;background:linear-gradient(145deg,var(--primary),#5f59d7);display:grid;place-items:center;box-shadow:0 12px 30px color-mix(in srgb,var(--primary) 30%,transparent)}.promo-icon svg{width:23px}.premium-promo span{font-size:8px;color:var(--primary-2)}.premium-promo h2{font-size:15px}.premium-promo p{font-size:9px;color:var(--muted)}.premium-promo>a{height:35px;padding:0 10px;border-radius:10px;background:#fff;color:#111;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:900}.premium-promo>a svg{width:13px}
.responsible-note{padding:12px;display:flex;gap:9px;align-items:flex-start;background:rgba(242,200,75,.035)}.responsible-note>svg{width:17px;color:var(--warning)}.responsible-note strong{font-size:10px}.responsible-note p{font-size:8px;color:var(--muted)}
/* match detail */
.breadcrumbs{min-height:28px;display:flex;align-items:center;gap:4px;overflow:auto;white-space:nowrap;color:var(--muted);font-size:9px}.breadcrumbs svg{width:12px}.breadcrumbs b{color:#d9dfe2}.match-hero-card{position:relative;overflow:hidden;padding:14px 14px 20px;border-radius:22px;background:radial-gradient(circle at 50% -20%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 44%),linear-gradient(180deg,#192126,#11171a)}.match-hero-card:before{content:"";position:absolute;inset:auto -30% -67% -30%;height:75%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035),transparent 68%)}.match-hero-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.competition-badge{display:flex;align-items:center;gap:7px}.competition-badge img{width:27px;height:27px;object-fit:contain}.competition-badge div{display:flex;flex-direction:column}.competition-badge strong{font-size:10px}.competition-badge span{font-size:8px;color:var(--muted)}.favorite-button,.team-favorite{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-items:center;transition:.2s}.favorite-button svg,.team-favorite svg{width:16px}.favorite-button:hover,.favorite-button.active,.team-favorite.active{color:#f5c94c;background:rgba(245,201,76,.1);border-color:rgba(245,201,76,.3)}.match-date-pill{width:max-content;margin:8px auto 12px;height:28px;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.045);display:flex;align-items:center;gap:5px;font-size:9px;color:#dce1e3}.match-date-pill svg{width:13px}.hero-score-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 82px 1fr;align-items:center}.hero-team{text-align:center;min-width:0}.team-logo-wrap{width:68px;height:68px;margin:0 auto 8px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.04),0 14px 25px rgba(0,0,0,.25)}.team-logo-wrap img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.32))}.hero-team h2{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-team>span{font-size:8px;color:var(--muted)}.hero-score-center{text-align:center}.big-score,.kickoff-time{font:800 31px/1 Inter,sans-serif;letter-spacing:-1px}.big-score span{color:var(--muted-2);margin:0 3px}.hero-score-center .match-state{margin-top:8px}
.sticky-tabs{position:sticky;top:0;z-index:40;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(82px,1fr);overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(14,19,22,.94);backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(0,0,0,.24);scrollbar-width:none}.sticky-tabs::-webkit-scrollbar{display:none}.sticky-tabs button{height:45px;color:var(--muted);font-size:9px;font-weight:800;position:relative}.sticky-tabs button.active{color:#fff}.sticky-tabs button.active:after{content:"";position:absolute;bottom:0;inset-inline:10px;height:2px;border-radius:2px;background:var(--primary)}.tab-panel{display:none;animation:panelIn .3s var(--ease)}.tab-panel.active{display:flex;flex-direction:column;gap:10px}.prediction-main-card{padding:17px;border-radius:20px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--primary) 18%,transparent),transparent 32%),var(--surface-2)}.prediction-main-head{display:flex;align-items:center;justify-content:space-between}.prediction-main-head span{font-size:8px;color:var(--muted)}.prediction-main-head h2{font-size:21px}.prediction-main-head small{font-size:8px;color:var(--primary-2)}.confidence-ring{--p:calc(var(--value)*1%);width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#141b1f 57%,transparent 59%),conic-gradient(var(--primary) var(--p),rgba(255,255,255,.07) 0);box-shadow:0 12px 28px rgba(0,0,0,.25)}.confidence-ring b{font:800 18px/1 Inter}.confidence-ring small{font-size:7px;color:var(--muted)}.predicted-score{margin:17px 0 12px;padding:12px;border-radius:15px;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:space-between}.predicted-score span{font-size:9px;color:var(--muted)}.predicted-score strong{font:800 27px/1 Inter}.predicted-score em{font-style:normal;color:var(--muted-2);margin:0 5px}.prediction-tags{display:flex;gap:6px;flex-wrap:wrap}.prediction-tags>span{min-height:27px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.prediction-tags svg{width:12px}.risk-low{color:var(--success)!important}.risk-high{color:var(--danger)!important}.main-tip{margin-top:12px;padding:11px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));display:flex;gap:8px}.main-tip>svg{width:18px;color:#f5cf5e}.main-tip div{display:flex;flex-direction:column}.main-tip span{font-size:7px;color:var(--muted)}.main-tip b{font-size:10px}
.probabilities-card,.momentum-card,.analysis-card,.signal-list{padding:15px}.probability-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.odd{min-height:75px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.odd:hover{transform:translateY(-2px)}.odd.active{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));background:color-mix(in srgb,var(--primary) 9%,var(--surface-2));box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 9%,transparent)}.odd b{font:700 10px Inter;color:var(--muted)}.odd span{font:800 18px Inter;margin:3px 0}.odd small{font-size:8px;color:var(--muted);max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmaker-odds{margin-top:9px;padding-top:10px;border-top:1px solid var(--line)}.bookmaker-odds>span{font-size:8px;color:var(--muted)}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.market-card{padding:15px;border-radius:16px}.market-card span{font-size:9px;color:var(--muted)}.market-card b{display:block;font:800 21px Inter;margin:3px 0 9px}.market-card>div{height:5px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}.market-card i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2));animation:meterGrow .8s var(--ease)}
.ai-momentum{display:grid;grid-template-columns:47px 1fr 47px;align-items:center;gap:8px}.momentum-label{text-align:center}.momentum-label img{width:31px;height:31px;object-fit:contain;margin:auto}.momentum-label span{font:700 10px Inter}.momentum-chart{height:112px;display:flex;align-items:center;justify-content:center;gap:3px;padding:8px;border-radius:14px;background:linear-gradient(180deg,rgba(57,184,100,.05),rgba(239,91,80,.045));border:1px solid var(--line)}.momentum-chart .bar{width:5px;min-height:9px;border-radius:4px;transform-origin:center;animation:barRise .65s var(--ease) both}.momentum-chart .bar.home{background:var(--success);align-self:flex-start;margin-top:50%}.momentum-chart .bar.away{background:var(--danger);align-self:flex-end;margin-bottom:50%}.signal-note,.analysis-disclaimer{font-size:8px;color:var(--muted);margin-top:8px}.signal-list{display:flex!important;flex-direction:column}.signal-list>div{min-height:44px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px}.signal-list>div:last-child{border-bottom:0}.signal-list svg{width:15px;color:var(--primary-2)}.signal-list span{font-size:9px;color:var(--muted)}.signal-list b{font-size:10px}.analysis-card p{font-size:11px;line-height:1.95;color:#c2c9cd;white-space:pre-line}.info-list>div{min-height:48px;display:grid;grid-template-columns:25px 1fr;align-items:center;border-bottom:1px solid var(--line)}.info-list>div:last-child{border-bottom:0}.info-list svg{width:15px;color:var(--muted)}.info-list span{display:block;font-size:8px;color:var(--muted)}.info-list b{font-size:10px}
.premium-lock-card,.empty-prediction{padding:30px 18px;text-align:center;border-radius:21px}.premium-lock-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--primary) 27%,transparent),transparent 42%),var(--surface-2)}.lock-glow{width:59px;height:59px;margin:0 auto 10px;border-radius:18px;background:linear-gradient(145deg,var(--primary),#625cda);display:grid;place-items:center;box-shadow:0 14px 36px color-mix(in srgb,var(--primary) 30%,transparent)}.lock-glow svg{width:25px}.premium-lock-card>span{font-size:8px;color:var(--primary-2)}.premium-lock-card h2{font-size:18px}.premium-lock-card p,.empty-prediction p{font-size:10px;color:var(--muted);max-width:390px;margin:4px auto 15px}.locked-preview{margin:14px auto;max-width:230px;display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border-radius:12px;background:rgba(0,0,0,.2);filter:blur(2px)}
/* generic accounts, pages, community, team directories */
.page-banner,.community-hero,.teams-hero,.leaderboard-hero,.pricing-hero,.performance-hero,.legal-hero{position:relative;overflow:hidden;padding:20px;border-radius:21px;border:1px solid var(--line);background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),linear-gradient(145deg,#182126,#101518);box-shadow:var(--deep-shadow)}.page-banner h1,.community-hero h1,.teams-hero h1,.leaderboard-hero h1,.pricing-hero h1,.legal-hero h1{font-size:23px;line-height:1.25}.page-banner p,.community-hero p,.teams-hero p,.leaderboard-hero p,.pricing-hero p,.legal-hero p{font-size:10px;color:var(--muted);max-width:500px}.banner-symbol,.trophy-orb,.pricing-crown{position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);width:68px;height:68px;border-radius:20px;background:color-mix(in srgb,var(--primary) 15%,rgba(255,255,255,.04));display:grid;place-items:center}.banner-symbol svg,.trophy-orb svg,.pricing-crown svg{width:29px;color:var(--primary-2)}
.profile-hero-v4,.public-profile-hero,.team-profile-hero{overflow:hidden;border-radius:22px}.profile-cover-v4,.profile-cover,.team-profile-banner{height:118px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 45%,#192126),#101518);background-size:cover;background-position:center}.profile-identity,.profile-main,.team-profile-main{position:relative;padding:0 16px 16px;margin-top:-34px}.user-avatar,.profile-identity>img,.profile-main>img{width:72px;height:72px;border-radius:22px;object-fit:cover;border:4px solid #12181b;background:#212a2f;box-shadow:0 12px 28px rgba(0,0,0,.38)}.profile-identity h1,.profile-main h1,.team-profile-main h1{font-size:19px;margin-top:6px}.member-badge{display:inline-flex;min-height:24px;padding:0 8px;border-radius:8px;background:rgba(130,124,255,.12);color:var(--primary-2);font-size:8px;align-items:center}.profile-social-stats,.profile-stats,.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.profile-social-stats div,.profile-stats div,.account-stats article{padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);text-align:center}.profile-social-stats b,.profile-stats b,.account-stats b{display:block;font:800 16px Inter}.profile-social-stats span,.profile-stats span,.account-stats span{font-size:7px;color:var(--muted)}.level-strip{padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.level-strip>div:first-child{display:flex;justify-content:space-between;font-size:9px}.level-strip .track,.risk-meter .track{height:6px;margin-top:8px;border-radius:10px;background:rgba(255,255,255,.06);overflow:hidden}.level-strip .track i,.risk-meter .track i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#b2aeff);border-radius:inherit}.profile-grid,.security-overview-grid{display:grid;grid-template-columns:1fr;gap:10px}.account-menu{display:flex;flex-direction:column;gap:5px}.account-menu a{min-height:45px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);display:flex;align-items:center;gap:8px;font-size:10px;transition:.2s}.account-menu a:hover{background:var(--surface-3);transform:translateX(-2px)}.account-menu svg{width:16px;color:var(--muted)}.account-menu i:last-child{margin-inline-start:auto}
.notification-list,.session-list,.security-event-list{display:flex;flex-direction:column;gap:7px}.notification-item,.session-card{padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.notification-item.unread{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 6%,var(--surface-2))}.notification-icon{width:35px;height:35px;border-radius:11px;background:rgba(255,255,255,.05);display:grid;place-items:center}.notification-icon svg{width:16px}.notification-item h3{font-size:10px}.notification-item p{font-size:8px;color:var(--muted)}.notification-actions{display:flex;gap:4px}.notification-actions button{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.04);display:grid;place-items:center}.notification-actions svg{width:13px}
.site-footer{margin-top:25px;padding:22px 15px 85px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.025))}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.footer-grid>div{display:flex;flex-direction:column;gap:5px}.footer-grid b{font-size:10px}.footer-grid a,.footer-grid span,.footer-grid p{font-size:8px;color:var(--muted)}.site-footer>small{display:block;margin-top:18px;padding-top:12px;border-top:1px solid var(--line);font-size:8px;color:var(--muted-2)}
.bottom-navigation{background:rgba(24,31,35,.94)!important;backdrop-filter:blur(20px);border-top:1px solid var(--line)!important}.bottom-navigation a{transition:.2s}.bottom-navigation a.active{color:#fff}.bottom-navigation a.active svg{filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--primary) 40%,transparent))}
.search-overlay{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:grid;align-items:start;justify-items:center;padding:70px 12px}.search-panel{width:min(100%,520px);padding:17px;border-radius:20px;border:1px solid var(--line-strong);background:#11181c;box-shadow:var(--deep-shadow);animation:panelIn .25s var(--ease)}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.search-head h2{font-size:16px}.search-head button{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.05);display:grid;place-items:center}.search-input,.field-with-icon,.input-wrap{position:relative}.search-input svg,.field-with-icon svg,.input-wrap>svg{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}.search-input input,.field-with-icon input,.input-wrap input{padding-inline-start:34px}.search-panel form{display:grid;grid-template-columns:1fr auto;gap:7px}
.cookie-banner{position:fixed;inset-inline:12px;bottom:74px;z-index:110;max-width:630px;margin:auto;padding:13px;border:1px solid var(--line-strong);border-radius:17px;background:rgba(17,24,28,.97);box-shadow:var(--deep-shadow);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:10px;animation:slideUp .35s var(--ease)}.cookie-banner>div{display:flex;gap:8px}.cookie-banner svg{width:18px;color:#f1c762}.cookie-banner b{font-size:10px}.cookie-banner p{font-size:8px;color:var(--muted)}.cookie-banner a{color:var(--primary-2)}
.flash-stack{position:fixed;top:12px;inset-inline:12px;z-index:150;display:flex;flex-direction:column;gap:7px;pointer-events:none}.flash-message{max-width:520px;margin:auto;width:100%;min-height:44px;padding:0 11px;border-radius:13px;border:1px solid var(--line-strong);background:#161e22;box-shadow:var(--deep-shadow);display:flex;align-items:center;justify-content:space-between;pointer-events:auto;animation:toastIn .28s var(--ease)}.flash-message span{font-size:10px}.flash-success{border-color:rgba(70,200,121,.3)}.flash-error{border-color:rgba(255,111,103,.35)}
.primary-button,.secondary-button,.ghost-button{transition:.22s var(--ease)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:scale(.98)}.empty-state{padding:38px 16px;border:1px dashed var(--line-strong);border-radius:18px;background:rgba(255,255,255,.018);text-align:center}.empty-state>svg,.empty-prediction>svg{width:32px;color:var(--muted);margin:0 auto 9px}.empty-state h3{font-size:13px}.empty-state p{font-size:9px;color:var(--muted)}
@keyframes panelIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes popoverIn{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes softSweep{0%,75%{left:-25%}100%{left:125%}}@keyframes heroSweep{0%,72%{transform:translateX(-100%)}100%{transform:translateX(120%)}}@keyframes orbFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 6px))}}@keyframes meterGrow{from{width:0}}@keyframes barRise{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.reveal-item{opacity:0;transform:translateY(13px);transition:opacity .5s var(--ease) var(--reveal-delay,0ms),transform .5s var(--ease) var(--reveal-delay,0ms)}.reveal-item.is-visible{opacity:1;transform:none}.smart-ad{position:relative;overflow:hidden;min-height:72px;padding:12px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent),var(--surface-2);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;box-shadow:var(--soft-shadow)}.smart-ad>img{width:68px;height:52px;border-radius:11px;object-fit:cover}.smart-ad>div:not(.ad-code){min-width:0}.smart-ad small{font-size:7px;color:var(--muted)}.smart-ad b{display:block;font-size:10px}.smart-ad p{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smart-ad>a{height:30px;padding:0 9px;border-radius:9px;background:#fff;color:#111;display:flex;align-items:center;font-size:8px;font-weight:800}.smart-ad>button{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.05);display:grid;place-items:center}.smart-ad>button svg{width:14px}.ad-code{grid-column:1/-1;overflow:auto}.ad-modal{width:min(calc(100% - 24px),480px);padding:0 0 22px;border:1px solid var(--line-strong);border-radius:22px;background:#11181c;color:#fff;overflow:hidden;box-shadow:var(--deep-shadow);text-align:center}.ad-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(7px)}.ad-modal>button{position:absolute;top:10px;inset-inline-end:10px;width:32px;height:32px;border-radius:10px;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:2}.ad-modal>img{width:100%;max-height:270px;object-fit:cover}.ad-modal h2{font-size:19px;padding:17px 17px 3px}.ad-modal p{font-size:10px;line-height:1.8;color:var(--muted);padding:0 17px 15px}.ad-modal>a{min-height:36px;padding:0 13px;border-radius:10px;background:var(--primary);display:inline-flex;align-items:center;font-size:9px;font-weight:800}.filter-pills{display:flex;gap:6px;overflow:auto}.filter-pills a{height:33px;padding:0 11px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;font-size:8px;color:var(--muted)}.filter-pills a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));border-color:color-mix(in srgb,var(--primary) 35%,var(--line));color:#fff}.teams-hero form{position:relative;margin-top:13px;display:grid;grid-template-columns:1fr auto;gap:6px}.teams-hero form>svg{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);width:14px;color:var(--muted)}.teams-hero form input{padding-inline-start:32px;background:rgba(0,0,0,.18)}.teams-hero form button{padding:0 12px;border-radius:10px;background:#fff;color:#111;font-size:8px;font-weight:800}.team-cover{background-image:linear-gradient(135deg,rgba(130,124,255,.26),rgba(8,11,13,.5)),var(--team-cover);background-size:cover;background-position:center}.team-profile-banner{background-image:linear-gradient(135deg,rgba(130,124,255,.28),rgba(8,11,13,.6)),var(--banner);background-size:cover;background-position:center}.public-profile-hero .profile-cover{background-image:linear-gradient(135deg,rgba(130,124,255,.25),rgba(8,11,13,.55)),var(--cover);background-size:cover;background-position:center}.team-meta{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0 15px 15px}.team-meta>div{padding:8px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);text-align:center}.team-meta b{display:block;font:800 14px Inter}.team-meta span{font-size:7px;color:var(--muted)}
.cookie-settings-card form{display:grid;gap:12px}.cookie-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border,#293236);border-radius:14px;background:rgba(255,255,255,.025)}.cookie-setting>div{display:flex;align-items:center;gap:12px}.cookie-setting svg{width:22px;color:var(--primary)}.cookie-setting span{display:grid;gap:3px}.cookie-setting small{color:var(--muted)}.cookie-setting input{width:21px;height:21px;accent-color:var(--primary)}.cookie-setting.locked{opacity:.8}.cookie-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}@media(max-width:520px){.cookie-settings-actions{display:grid}.cookie-setting{padding:13px}.cookie-setting small{font-size:11px}}


/* V4.1 search, connectivity and mobile interaction components */
.search-overlay[hidden],.language-popover[hidden],.search-results[hidden],.search-recent[hidden],.connection-banner[hidden],.scroll-top-button[hidden]{display:none!important}
.search-overlay{opacity:0;visibility:hidden;transition:opacity .17s ease,visibility .17s ease;overscroll-behavior:contain}
.search-overlay.is-open{opacity:1;visibility:visible}
.search-panel{max-height:calc(100dvh - 92px);overflow:auto;overscroll-behavior:contain;transform:translateY(10px) scale(.99);transition:transform .2s var(--ease)}
.search-overlay.is-open .search-panel{transform:none}
.search-head>div{display:flex;flex-direction:column;gap:1px}.search-kicker{font-size:8px;color:var(--primary-2);font-weight:800}.search-input{min-width:0}.search-input input{min-height:43px;padding-inline-end:40px!important}.search-clear{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);width:29px;height:29px;border-radius:8px;background:rgba(255,255,255,.05);display:grid;place-items:center}.search-clear svg{position:static!important;transform:none!important;width:13px!important}.search-submit{min-height:43px;white-space:nowrap}.search-submit svg{width:14px}.search-meta{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:7px;font-size:8px;color:var(--muted)}.search-shortcut{padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.03);font:700 7px Inter}.search-section-title{display:flex;align-items:center;justify-content:space-between;margin:5px 0 7px;font-size:8px;color:var(--muted)}.search-section-title button{color:var(--primary-2);font-size:8px}.search-chips{display:flex;gap:6px;flex-wrap:wrap}.search-chips button{height:29px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:5px;font-size:8px}.search-chips svg{width:12px;color:var(--muted)}.search-results{margin-top:9px;border-top:1px solid var(--line);padding-top:8px;display:flex;flex-direction:column;gap:4px}.search-results.is-loading:before{content:"";display:block;height:3px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:180% 100%;animation:searchLoading .9s linear infinite}.search-result-item{min-height:55px;padding:7px;border-radius:12px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 16px;align-items:center;gap:8px;transition:.18s ease}.search-result-item:hover,.search-result-item:focus{background:rgba(255,255,255,.055);outline:none}.search-result-logo,.search-dual-logo{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#192126;display:grid;place-items:center;overflow:hidden}.search-result-logo img{width:30px;height:30px;object-fit:contain}.search-dual-logo{position:relative}.search-dual-logo img{position:absolute;width:25px;height:25px;object-fit:contain}.search-dual-logo img:first-child{inset-inline-start:4px;top:4px}.search-dual-logo img:last-child{inset-inline-end:4px;bottom:4px}.search-result-copy{min-width:0}.search-result-copy b,.search-result-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-copy b{font-size:10px}.search-result-copy small{font-size:8px;color:var(--muted)}.search-result-type{height:23px;padding:0 7px;border-radius:7px;background:rgba(255,255,255,.045);display:flex;align-items:center;font-size:7px;color:var(--muted)}.search-result-item>svg{width:13px;color:var(--muted)}.search-empty{min-height:72px;padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.search-empty>svg{width:24px}.search-empty b,.search-empty span{display:block}.search-empty b{font-size:10px;color:#fff}.search-empty span{font-size:8px}.connection-banner{position:fixed;z-index:170;inset-inline:10px;top:max(10px,env(safe-area-inset-top));max-width:560px;margin:auto;min-height:42px;padding:8px 11px;border:1px solid rgba(244,200,75,.3);border-radius:13px;background:rgba(31,29,18,.96);box-shadow:var(--deep-shadow);display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#f7df91}.connection-banner svg{width:15px}.scroll-top-button{position:fixed;z-index:75;inset-inline-end:max(14px,calc((100vw - min(100vw,700px))/2 + 14px));bottom:calc(76px + env(safe-area-inset-bottom));width:38px;height:38px;border-radius:13px;border:1px solid var(--line-strong);background:rgba(21,28,32,.92);backdrop-filter:blur(14px);box-shadow:var(--soft-shadow);display:grid;place-items:center;color:#fff;animation:slideUp .2s ease}.scroll-top-button svg{width:16px}.body.search-open{touch-action:none}.search-open .bottom-navigation,.search-open .bottom-nav{pointer-events:none}
@keyframes searchLoading{to{background-position:-180% 0}}
@media(max-width:600px){.search-overlay{padding:0;align-items:end;background:rgba(0,0,0,.76)}.search-panel{width:100%;max-height:min(82dvh,720px);border-radius:22px 22px 0 0;border-inline:0;border-bottom:0;padding:15px 12px calc(15px + env(safe-area-inset-bottom));transform:translateY(100%);animation:none}.search-overlay.is-open .search-panel{transform:translateY(0)}.search-panel:before{content:"";display:block;width:38px;height:4px;margin:-5px auto 9px;border-radius:5px;background:rgba(255,255,255,.18)}.search-panel form{grid-template-columns:minmax(0,1fr) 43px}.search-submit{width:43px;padding:0}.search-submit span{display:none}.search-result-item{grid-template-columns:38px minmax(0,1fr) auto 14px;padding:6px}.search-result-logo,.search-dual-logo{width:38px;height:38px}.search-result-type{display:none}.search-shortcut{display:none}.scroll-top-button{inset-inline-end:12px;bottom:calc(75px + env(safe-area-inset-bottom))}}