/* Predicta Ultra V9 — cohesive visual system and mobile polish */
:root{
  --v9-bg:#070a0c;
  --v9-surface:#111719;
  --v9-surface-2:#161d20;
  --v9-surface-3:#1d2529;
  --v9-line:rgba(255,255,255,.075);
  --v9-line-soft:rgba(255,255,255,.045);
  --v9-text:#f5f7f8;
  --v9-muted:#9aa4aa;
  --v9-subtle:#667178;
  --v9-primary:var(--primary,#827cff);
  --v9-primary-soft:color-mix(in srgb,var(--v9-primary) 14%,transparent);
  --v9-green:#48cf82;
  --v9-red:#f2737b;
  --v9-amber:#efc764;
  --v9-radius-xl:22px;
  --v9-radius-lg:17px;
  --v9-radius-md:13px;
  --v9-shadow:0 18px 55px rgba(0,0,0,.28);
  --v9-ease:cubic-bezier(.2,.72,.25,1);
}
html{background:var(--v9-bg)}
body.public-body{background:
 radial-gradient(circle at 16% -5%,color-mix(in srgb,var(--v9-primary) 10%,transparent),transparent 31rem),
 radial-gradient(circle at 88% 0,rgba(48,192,128,.045),transparent 26rem),var(--v9-bg)}
.site-shell{background:transparent!important}
.page-content{position:relative}
.content-card,.side-card,.admin-card,.league-group,.social-post-v8,.payment-card,.post-composer-v8{
  border-color:var(--v9-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 42%),var(--v9-surface)!important;
  box-shadow:var(--v9-shadow);
}
.content-card,.side-card,.admin-card{border-radius:var(--v9-radius-xl)}
.primary-button,.secondary-button,.ghost-button,.danger-button,.admin-primary,.admin-secondary{
  min-height:42px;border-radius:12px;gap:8px;font-weight:800;transition:transform .18s var(--v9-ease),border-color .18s,background .18s,box-shadow .18s;
}
.primary-button:hover,.admin-primary:hover{transform:translateY(-1px);box-shadow:0 11px 27px color-mix(in srgb,var(--v9-primary) 23%,transparent)}
.primary-button:active,.secondary-button:active,.ghost-button:active,.admin-primary:active,.admin-secondary:active{transform:scale(.985)}
input,textarea,select{border-radius:12px!important;border-color:var(--v9-line)!important;background:#0b1012!important;transition:border-color .18s,box-shadow .18s,background .18s}
input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--v9-primary) 58%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--v9-primary) 11%,transparent)!important;background:#0d1315!important}

/* Stable navigation icons — fixes the invisible community icon on active state. */
.bottom-nav a{isolation:isolate;color:#a8b1b6!important}
.bottom-nav a .bottom-nav-icon{width:36px;height:34px;display:grid;place-items:center;border-radius:12px;position:relative;transition:.2s var(--v9-ease)}
.bottom-nav a .bottom-nav-icon svg{display:block!important;width:21px!important;height:21px!important;stroke:currentColor!important;opacity:1!important;visibility:visible!important}
.bottom-nav a.active{color:#fff!important}
.bottom-nav a.active .bottom-nav-icon{color:#fff!important;background:var(--v9-primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--v9-primary) 24%,transparent)}
.bottom-nav .nav-main-action .bottom-nav-icon{width:40px;height:38px;background:var(--v9-primary-soft)}
.bottom-nav .nav-main-action.active .bottom-nav-icon{background:var(--v9-primary)!important;color:#fff!important;box-shadow:0 9px 22px color-mix(in srgb,var(--v9-primary) 26%,transparent)}
.bottom-nav .nav-main-action.active svg,.bottom-nav a.active svg{color:inherit!important;stroke:currentColor!important}
.bottom-nav a.active::after{display:none!important}
.sport-item svg{display:block!important;stroke:currentColor!important;opacity:1!important}
.sport-item.active{color:#fff!important}

/* Shimmer is used as a subtle loading and emphasis layer, never as a permanent glare. */
@keyframes v9Shimmer{0%{transform:translateX(-145%) skewX(-16deg)}100%{transform:translateX(240%) skewX(-16deg)}}
@keyframes v9Reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes v9Skeleton{0%{background-position:180% 0}100%{background-position:-180% 0}}
.page-content>section,.page-content>.desktop-layout,.community-layout-v8{animation:v9Reveal .42s var(--v9-ease) both}
.page-content>section:nth-child(2){animation-delay:.035s}.page-content>section:nth-child(3){animation-delay:.07s}
.shimmer-button,.plan-cta-v8,.premium-mini{position:relative;overflow:hidden}
.shimmer-button::after,.plan-cta-v8::after,.premium-mini::after{content:"";position:absolute;inset:-50% auto -50% -36%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-145%) skewX(-16deg);animation:v9Shimmer 5.8s ease-in-out infinite;pointer-events:none}
.skeleton{color:transparent!important;border-color:transparent!important;background:linear-gradient(100deg,#12191c 25%,#222b2f 42%,#12191c 59%)!important;background-size:300% 100%!important;animation:v9Skeleton 1.25s linear infinite!important}
.is-submitting{position:relative;pointer-events:none;opacity:.78}.is-submitting::before{content:"";width:17px;height:17px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:spin .7s linear infinite}

/* Community V9: simple publishing flow, no discussion/comment UI. */
.community-page-v9{max-width:1180px}
.community-hero-v8{border-radius:24px!important;border:1px solid var(--v9-line)!important;background:
 linear-gradient(120deg,color-mix(in srgb,var(--v9-primary) 11%,transparent),transparent 42%),
 linear-gradient(180deg,#141b1e,#0e1315)!important;box-shadow:var(--v9-shadow)}
.community-layout-v8{grid-template-columns:minmax(0,760px) minmax(260px,330px)!important;justify-content:center;gap:18px!important}
.post-composer-v8{padding:17px!important}
.post-composer-v8 textarea{min-height:92px!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important}
.composer-type-pills{flex-wrap:wrap;overflow:visible!important}
.composer-type-pills span{min-height:38px;padding-inline:12px!important}
.social-feed-v8{gap:14px!important}
.social-post-v8{border-radius:21px!important;transition:transform .22s var(--v9-ease),border-color .22s,box-shadow .22s}
.social-post-v8:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--v9-primary) 25%,var(--v9-line))!important;box-shadow:0 24px 58px rgba(0,0,0,.31)}
.post-header-v8{padding:15px 16px 12px!important}.post-content-v8{font-size:14px!important;line-height:1.9!important;padding:6px 17px 16px!important}
.post-footer-v8{padding:10px 12px!important;gap:7px!important}.post-action-v8{min-height:36px;padding-inline:11px!important;border:1px solid transparent}.post-action-v8:hover{border-color:var(--v9-line);background:rgba(255,255,255,.035)!important}
.post-detail-link{margin-inline-start:auto;padding:8px 10px;border-radius:10px;background:var(--v9-primary-soft);color:#c6c3ff!important;font-weight:800}
.community-discovery-card,.community-rules-v8{background:var(--v9-surface)!important;border:1px solid var(--v9-line)!important;box-shadow:var(--v9-shadow)}
.suggested-user-v8{min-height:62px;padding:9px 8px!important}.suggested-follow{min-width:86px!important;height:34px!important}
.suggested-follow.following,.mini-follow.following{background:rgba(72,207,130,.11)!important;border:1px solid rgba(72,207,130,.24)!important;color:#85e4ad!important}
.comments-card,.comment-form,.comments-list{display:none!important}

/* Payment routes and screens */
.checkout-layout{gap:18px!important}.checkout-summary,.checkout-method,.payment-card{border-radius:24px!important}
.payment-card{max-width:720px!important;margin-inline:auto!important;padding:22px!important}
.coin-options{gap:9px!important}.coin-options label{border-radius:15px!important;min-height:72px!important;border-color:var(--v9-line)!important}.coin-options input:checked+span{border-color:var(--v9-primary)!important}
.payment-qr{background:#fff!important;padding:13px!important;border-radius:18px!important;width:max-content!important;margin-inline:auto!important}.payment-qr img{display:block;max-width:220px;width:100%;height:auto}
.payment-address>div,.payment-amount>div{border-radius:14px!important;border:1px solid var(--v9-line)!important;background:#0a0f11!important}

/* Admin import center and clearer controls */
.admin-nav a.active{box-shadow:inset -3px 0 var(--v9-primary);background:linear-gradient(90deg,color-mix(in srgb,var(--v9-primary) 14%,transparent),rgba(255,255,255,.025))!important}
.admin-page-intro{border:1px solid var(--v9-line)!important;border-radius:18px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--v9-primary) 7%,transparent),transparent),var(--v9-surface)!important;padding:15px 17px!important}
.admin-card-head{gap:12px}.admin-card-head>i{width:38px!important;height:38px!important;padding:9px;border-radius:12px;background:var(--v9-primary-soft);color:#bbb7ff}
.admin-form .form-grid{gap:13px!important}.admin-form label>span{margin-bottom:6px!important;font-weight:750;color:#bdc5c9}.admin-form textarea{line-height:1.7}
.import-hero-v9{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:15px;padding:22px!important;overflow:hidden;position:relative}
.import-hero-v9::after{content:"{}";position:absolute;inset-inline-end:24px;top:-26px;font:800 150px/1 Inter;color:rgba(255,255,255,.018);direction:ltr}
.import-hero-copy{position:relative;z-index:1}.import-hero-copy h2{font-size:25px;margin:7px 0}.import-hero-copy p{max-width:690px;color:var(--v9-muted);line-height:1.8}
.import-hero-steps{display:grid;gap:8px;position:relative;z-index:1}.import-hero-steps div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px;border-radius:13px;background:#0c1113;border:1px solid var(--v9-line)}.import-hero-steps b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--v9-primary-soft);color:#c8c5ff;font:800 12px Inter}.import-hero-steps span{font-size:11px;color:#cbd1d4}
.import-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.import-type-grid label{cursor:pointer}.import-type-grid input{position:absolute;opacity:0}.import-type-grid span{min-height:88px;padding:12px;border-radius:15px;border:1px solid var(--v9-line);background:#0c1113;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:var(--v9-muted);transition:.2s}.import-type-grid svg{width:22px}.import-type-grid input:checked+span{color:#fff;border-color:color-mix(in srgb,var(--v9-primary) 50%,transparent);background:var(--v9-primary-soft);box-shadow:0 9px 24px rgba(0,0,0,.2)}
.json-drop-zone{position:relative;border:1px dashed color-mix(in srgb,var(--v9-primary) 38%,var(--v9-line));background:linear-gradient(180deg,color-mix(in srgb,var(--v9-primary) 5%,transparent),transparent),#0b1012;border-radius:17px;padding:16px}.json-drop-zone textarea{min-height:280px!important;font:500 12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr}.json-file-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}.json-file-row label{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid var(--v9-line);border-radius:11px;cursor:pointer}.json-file-name{color:var(--v9-muted);font-size:11px}
.import-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.import-actions .admin-primary{min-width:170px}.import-report-v9{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.import-report-v9 div{padding:13px;border-radius:14px;background:#0c1113;border:1px solid var(--v9-line)}.import-report-v9 span{display:block;color:var(--v9-muted);font-size:10px}.import-report-v9 b{display:block;font:800 23px Inter;margin-top:4px}.import-report-v9 .success b{color:var(--v9-green)}.import-report-v9 .warning b{color:var(--v9-amber)}.import-report-v9 .danger b{color:var(--v9-red)}
.import-downloads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.import-downloads a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--v9-line);border-radius:14px;background:#0c1113}.import-downloads a:hover{border-color:color-mix(in srgb,var(--v9-primary) 35%,var(--v9-line));background:var(--v9-primary-soft)}.import-downloads svg{width:20px;color:#aaa6ff}.import-downloads b{display:block}.import-downloads small{display:block;color:var(--v9-muted);font-size:9px}
.json-example{border-radius:15px!important;max-height:390px;overflow:auto;background:#080c0e!important;border:1px solid var(--v9-line)!important;padding:14px!important;font:500 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#cbd4d7;direction:ltr;white-space:pre-wrap}
.quick-json-banner{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;border:1px solid color-mix(in srgb,var(--v9-primary) 24%,var(--v9-line));background:linear-gradient(90deg,var(--v9-primary-soft),transparent)}.quick-json-banner>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--v9-primary-soft);color:#c7c3ff}.quick-json-banner>div{flex:1}.quick-json-banner b,.quick-json-banner small{display:block}.quick-json-banner small{color:var(--v9-muted)}

@media(max-width:980px){.community-layout-v8{grid-template-columns:1fr!important}.community-sidebar-v8{position:static!important;grid-template-columns:1fr 1fr}.import-hero-v9{grid-template-columns:1fr}.import-type-grid{grid-template-columns:repeat(3,1fr)}.import-downloads{grid-template-columns:repeat(2,1fr)}}
@media(max-width:759px){
  :root{--v9-radius-xl:17px}.page-content{padding:9px 9px 84px!important}.content-card,.side-card,.admin-card,.social-post-v8{border-radius:17px!important}
  .bottom-nav{height:calc(66px + env(safe-area-inset-bottom,0px))!important;background:rgba(17,23,25,.96)!important;backdrop-filter:blur(22px) saturate(140%);border-top-color:rgba(255,255,255,.08)!important}
  .bottom-nav a{font-size:8px!important;gap:2px!important}.bottom-nav a .bottom-nav-icon{width:33px;height:31px}.bottom-nav .nav-main-action .bottom-nav-icon{width:37px;height:35px}
  .community-hero-v8{padding:18px!important}.community-hero-visual{display:none!important}.community-stat-row{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%;gap:5px}.community-stat-row span{justify-content:center;min-width:0!important;padding-inline:5px!important}
  .post-composer-v8{padding:13px!important}.composer-head-v8 img{width:40px!important;height:40px!important}.post-composer-v8 textarea{font-size:16px!important;min-height:82px!important}.composer-tools-v8{align-items:stretch!important;flex-direction:column!important}.composer-left-tools{display:grid!important;grid-template-columns:1fr 1fr}.char-counter{grid-column:1/-1}.composer-submit{width:100%!important}
  .post-header-v8{padding:12px 12px 9px!important}.post-type-chip{display:none!important}.post-content-v8{font-size:13px!important;padding-inline:13px!important}.post-image-v8{width:calc(100% - 20px)!important;margin-inline:10px!important}.post-footer-v8{padding-inline:8px!important}.post-action-v8{padding-inline:9px!important}.post-detail-link span{display:none}.community-sidebar-v8{grid-template-columns:1fr!important}.suggested-user-v8{grid-template-columns:auto minmax(0,1fr) auto!important}.suggested-follow{min-width:78px!important}
  .checkout-layout{grid-template-columns:1fr!important}.payment-card{padding:15px!important}.payment-status-head{align-items:flex-start!important}.payment-details{grid-template-columns:1fr!important}.payment-address code{font-size:10px!important;word-break:break-all}
  .import-hero-v9{padding:16px!important}.import-hero-copy h2{font-size:20px}.import-type-grid{grid-template-columns:1fr 1fr}.import-type-grid span{min-height:78px}.import-report-v9{grid-template-columns:1fr 1fr}.import-downloads{grid-template-columns:1fr}.json-drop-zone{padding:10px}.json-file-row{align-items:stretch;flex-direction:column}.import-actions{display:grid;grid-template-columns:1fr}.import-actions>*{width:100%!important}
  .admin-content{padding:10px 9px 28px!important}.admin-page-intro{padding:13px!important}.admin-card-head>i{width:34px!important;height:34px!important}.admin-form .form-grid{gap:10px!important}
}
@media(max-width:380px){.import-type-grid{grid-template-columns:1fr}.community-stat-row{grid-template-columns:1fr 1fr}.community-stat-row span:last-child{grid-column:1/-1}.post-footer-v8{gap:2px!important}.post-action-v8{font-size:10px!important;padding-inline:7px!important}.post-action-v8 svg{width:15px!important}.post-detail-link{padding-inline:8px!important}}
@media(prefers-reduced-motion:reduce){.page-content>section,.page-content>.desktop-layout,.community-layout-v8,.shimmer-button::after,.plan-cta-v8::after,.premium-mini::after{animation:none!important}}

/* V9 advertisements: editorial cards without warning/red framing. */
.smart-ad,.content-ad,.rail-ad,.top-ad,.community-ad-v8{
  border:1px solid var(--v9-line)!important;
  outline:0!important;
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--v9-primary) 5%,transparent),transparent 44%),
    var(--v9-surface)!important;
  box-shadow:0 15px 42px rgba(0,0,0,.24)!important;
  border-radius:18px!important;
  color:var(--v9-text)!important;
}
.smart-ad{min-height:86px!important;padding:14px!important;gap:12px!important;grid-template-columns:72px minmax(0,1fr) auto auto!important;transition:transform .2s var(--v9-ease),border-color .2s,box-shadow .2s}
.smart-ad:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--v9-primary) 22%,var(--v9-line))!important;box-shadow:0 20px 50px rgba(0,0,0,.3)!important}
.smart-ad::before{display:none!important}
.smart-ad>img{width:72px!important;height:58px!important;border-radius:13px!important;object-fit:cover!important;background:#0b1012}
.smart-ad b{font-size:13px!important;line-height:1.4!important;color:#f4f6f7!important}
.smart-ad p{font-size:10px!important;line-height:1.65!important;color:var(--v9-muted)!important;margin-top:3px!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ad-disclosure{position:absolute!important;top:7px!important;inset-inline-start:9px!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:rgba(6,9,11,.72)!important;color:#8e999f!important;font:700 7px/1.4 Inter,sans-serif!important;letter-spacing:.05em!important;z-index:3}
.smart-ad>a,.smart-ad .ad-action{min-height:37px!important;padding:0 13px!important;border-radius:11px!important;background:#f5f7f8!important;color:#0b0f11!important;font-size:10px!important;font-weight:850!important;white-space:nowrap;display:inline-flex!important;align-items:center;justify-content:center}
.smart-ad .ad-expand,.smart-ad>button{width:36px!important;height:36px!important;border:1px solid var(--v9-line)!important;border-radius:11px!important;background:#0a0f11!important;color:#dce1e3!important;display:grid!important;place-items:center!important}
.smart-ad .ad-expand svg,.smart-ad>button svg{width:16px!important;height:16px!important}
.ad-code{grid-column:1/-1!important;width:100%;overflow:auto;border-radius:12px}
.ad-modal{position:fixed!important;inset:0!important;margin:auto!important;width:min(540px,calc(100vw - 24px))!important;max-height:min(86dvh,760px)!important;padding:0 0 22px!important;border:1px solid var(--v9-line)!important;border-radius:24px!important;background:linear-gradient(180deg,#171e21,#0d1214)!important;color:#fff!important;box-shadow:0 40px 130px rgba(0,0,0,.72)!important;overflow:auto!important;text-align:start!important}
.ad-modal::backdrop{background:rgba(0,0,0,.78)!important;backdrop-filter:blur(10px) saturate(115%)}
.ad-modal>button{position:sticky!important;float:inline-end;top:12px!important;inset-inline-end:12px!important;width:39px!important;height:39px!important;margin:12px 12px -51px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;background:rgba(7,10,12,.82)!important;color:#fff!important;backdrop-filter:blur(12px);display:grid!important;place-items:center!important;z-index:5}
.ad-modal>img{display:block!important;width:100%!important;max-height:330px!important;object-fit:cover!important;border-radius:0!important;margin:0!important;background:#0a0f11}
.ad-modal .eyebrow{display:inline-flex!important;margin:18px 20px 0!important;color:#aaa6ff!important}
.ad-modal h2{padding:7px 20px 3px!important;margin:0!important;font-size:22px!important;line-height:1.35!important}
.ad-modal p{padding:5px 20px 18px!important;margin:0!important;color:var(--v9-muted)!important;font-size:13px!important;line-height:1.9!important;white-space:pre-line}
.ad-modal>a{min-height:43px!important;margin:0 20px!important;padding:0 17px!important;border-radius:12px!important;background:var(--v9-primary)!important;color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;font-weight:850!important}

/* More consistent information density across public and admin pages. */
.page-content{width:min(100%,1240px);margin-inline:auto}
.card-title-row,.admin-card-head,.account-header{gap:14px}
.form-grid{column-gap:14px!important;row-gap:15px!important}
.form-grid label,.admin-form label{min-width:0}
.form-grid label>span,.admin-form label>span{display:block;margin-bottom:7px!important}
.form-actions,.dialog-actions,.notification-bulk,.intro-actions{gap:10px!important}
.empty-state{border:1px dashed var(--v9-line)!important;border-radius:18px!important;background:rgba(255,255,255,.015)!important}
.empty-state>i,.empty-state>svg{width:28px!important;height:28px!important;color:#aaa6ff!important}

@media(max-width:759px){
  .smart-ad{grid-template-columns:54px minmax(0,1fr) 34px!important;min-height:76px!important;padding:11px!important;gap:9px!important}
  .smart-ad>img{width:54px!important;height:48px!important;border-radius:11px!important}
  .smart-ad>a,.smart-ad .ad-action{grid-column:1/-1!important;width:100%!important;min-height:39px!important}
  .smart-ad b{font-size:11px!important}.smart-ad p{font-size:9px!important;line-height:1.55!important}
  .ad-modal{width:calc(100vw - 16px)!important;max-height:89dvh!important;border-radius:20px!important}
  .ad-modal h2{font-size:19px!important;padding-inline:16px!important}.ad-modal p{font-size:11px!important;padding-inline:16px!important}.ad-modal>a{margin-inline:16px!important;width:calc(100% - 32px)!important}
  .form-actions,.dialog-actions{display:grid!important;grid-template-columns:1fr 1fr}.form-actions>*{min-width:0!important;width:100%!important}
}
@media(max-width:390px){.dialog-actions,.form-actions{grid-template-columns:1fr}.smart-ad{grid-template-columns:48px minmax(0,1fr) 32px!important}.smart-ad>img{width:48px!important;height:44px!important}}