:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101828;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 10%,rgba(234,88,12,.24),transparent 28rem),radial-gradient(circle at 90% 20%,rgba(20,184,166,.22),transparent 25rem),linear-gradient(135deg,#101828,#172033 42%,#111827)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}button{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.splash-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:18px;overflow:hidden;background:radial-gradient(circle at 50% 24%,rgba(249,115,22,.28),transparent 24rem),radial-gradient(circle at 52% 48%,rgba(20,184,166,.18),transparent 28rem),linear-gradient(180deg,#020617,#0b101d 48%,#030712);animation:splashExit .32s ease 1.18s forwards}.splash-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 46%,black,transparent 70%);mask-image:radial-gradient(circle at 50% 46%,black,transparent 70%)}.splash-tunnel{position:absolute;inset:0;pointer-events:none;perspective:900px}.splash-tunnel span{position:absolute;top:50%;width:36vw;height:42vh;border-top:3px solid rgba(249,115,22,.7);border-bottom:3px solid rgba(249,115,22,.7);filter:drop-shadow(0 0 18px rgba(249,115,22,.48))}.splash-tunnel span:first-child{left:-6vw;transform:translateY(-50%) rotateY(58deg)}.splash-tunnel span:last-child{right:-6vw;transform:translateY(-50%) rotateY(-58deg)}.splash-logo-wrap{position:relative;z-index:1;width:min(34vw,142px);aspect-ratio:1;overflow:hidden;border-radius:22%;box-shadow:0 0 0 1px #ffffff2e,0 0 44px #f9731685,0 28px 72px #0000008f;animation:logoDrop .84s cubic-bezier(.16,1,.3,1) both}.splash-logo-wrap img{width:100%;height:100%;display:block;object-fit:cover}.splash-wordmark{position:relative;z-index:1;display:grid;justify-items:center;gap:2px;text-transform:uppercase;animation:splashTextIn .72s ease .16s both}.splash-wordmark strong{color:#fff;font-size:clamp(1.55rem,8vw,3.2rem);font-style:italic;font-weight:1000;line-height:.9;transform:skew(-8deg);text-shadow:0 0 24px rgba(255,255,255,.18),0 7px 22px rgba(0,0,0,.58)}.splash-wordmark b{color:#ff4d16;margin-right:4px;text-shadow:0 0 24px rgba(249,115,22,.62)}.splash-wordmark em{color:#ff8a2a;font-size:clamp(.78rem,4vw,1.28rem);font-style:normal;font-weight:950;letter-spacing:.45em;text-shadow:0 0 20px rgba(249,115,22,.42)}.splash-loader{position:relative;z-index:1;width:min(220px,58vw);height:8px;overflow:hidden;border-radius:999px;background:#ffffff1f}.splash-loader i{display:block;height:100%;width:58%;border-radius:inherit;background:linear-gradient(90deg,#ef4444,#f97316,#facc15);box-shadow:0 0 18px #f9731694;animation:splashLoad 1.16s ease-in-out both}.onboarding-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:end center;padding:18px 14px calc(96px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 66%,rgba(249,115,22,.2),transparent 22rem),linear-gradient(180deg,#0206171a,#020617b8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onboarding-card{width:min(420px,100%);padding:16px;border:1px solid rgba(249,115,22,.34);border-radius:10px;background:radial-gradient(circle at 12% 0,rgba(249,115,22,.22),transparent 42%),#0f172af0;box-shadow:0 24px 70px #00000070,inset 0 1px #ffffff24;animation:onboardingIn .26s ease both}.onboarding-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:12px}.onboarding-progress span{height:5px;border-radius:999px;background:#ffffff24}.onboarding-progress span.active{background:linear-gradient(90deg,#ef4444,#f97316,#facc15);box-shadow:0 0 14px #f9731652}.onboarding-eyebrow{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#14b8a629;color:#99f6e4;font-size:.68rem;font-weight:950;text-transform:uppercase}.onboarding-card h2{margin:10px 0 8px;font-size:1.9rem;line-height:.95}.onboarding-card p{margin:0;color:#dbeafe;line-height:1.42}.onboarding-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:14px}.onboarding-actions button{min-height:48px}@keyframes onboardingIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoDrop{0%{opacity:0;transform:translateY(18px) scale(.84)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashTextIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes splashLoad{0%{transform:translate(-105%)}to{transform:translate(76%)}}@keyframes splashExit{to{opacity:0;visibility:hidden;pointer-events:none}}.topbar,.score-strip,.tabs,.arena-grid,.create-grid,.trivia-grid,.rank-grid,.premium-grid,.profile-grid{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-copy{min-width:0;display:grid;gap:1px}.brand-mark,.icon-button{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#f97316,#ef4444);color:#fff;box-shadow:0 14px 32px #00000040}.brand-logo-mark{overflow:hidden;padding:0;background:#020617;border-color:#fff3;box-shadow:0 0 0 1px #f973163d,0 14px 32px #00000047,0 0 30px #f9731647}.brand-logo-mark img{width:100%;height:100%;object-fit:cover;display:block}.icon-button{background:#ffffff14;cursor:pointer}.profile-chip{min-height:54px;min-width:196px;border:1px solid color-mix(in srgb,var(--rank-color) 52%,rgba(255,255,255,.18));border-radius:10px;background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 22%,rgba(255,255,255,.16) 42%,transparent 64%),linear-gradient(135deg,color-mix(in srgb,var(--rank-color) 18%,rgba(255,255,255,.08)),#ffffff0f);color:#f8fafc;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:6px 10px;cursor:pointer;text-align:left;box-shadow:0 12px 34px color-mix(in srgb,var(--rank-glow) 22%,transparent),inset 0 1px #ffffff47}.profile-chip span{display:grid;gap:1px}.profile-chip strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip em{color:var(--rank-color);font-size:.72rem;font-style:normal;font-weight:900;text-transform:uppercase}.eyebrow{margin:0;color:#a7f3d0;font-size:.72rem;text-transform:uppercase;font-weight:800;white-space:nowrap}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.7rem,2.7rem,2.85rem);line-height:.96;letter-spacing:0}.wordmark{display:grid;gap:2px;text-transform:uppercase;line-height:.82}.wordmark span{display:inline-flex;align-items:center;gap:4px;font-size:1.26rem;font-weight:1000;letter-spacing:0;font-style:italic;transform:skew(-8deg);text-shadow:0 2px 0 rgba(0,0,0,.36),0 8px 22px rgba(0,0,0,.46)}.wordmark b,.wordmark strong{display:inline-block}.wordmark b{color:#ff4d16;text-shadow:0 0 14px rgba(249,115,22,.4),0 2px 0 rgba(0,0,0,.38)}.wordmark strong{color:#fff;margin-left:-1px;text-shadow:0 0 16px rgba(255,255,255,.18),0 2px 0 rgba(0,0,0,.42)}.wordmark span svg{color:#f97316;filter:drop-shadow(0 0 8px rgba(249,115,22,.48))}.wordmark em{color:#ff8a2a;font-size:.8rem;font-style:normal;font-weight:950;letter-spacing:.42em;text-shadow:0 0 16px rgba(249,115,22,.32)}h2{font-size:clamp(1.75rem,4.4vw,4.25rem);line-height:.95;margin-bottom:26px;max-width:850px;letter-spacing:0;overflow-wrap:anywhere}h3{font-size:1rem;margin-bottom:12px}.score-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 14px}.stat{min-height:58px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:10px 12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:radial-gradient(circle at 12% 0,rgba(249,115,22,.22),transparent 44%),#ffffff12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stat:after{content:"";position:absolute;inset:auto 10px 8px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f97316,#facc15);opacity:.82}.stat-teal{background:radial-gradient(circle at 12% 0,rgba(20,184,166,.2),transparent 44%),#ffffff12}.stat-teal:after{background:linear-gradient(90deg,#14b8a6,#38bdf8,#a78bfa)}.stat svg{grid-row:span 2;color:#fbbf24;filter:drop-shadow(0 0 9px rgba(251,191,36,.36))}.stat span{color:#cbd5e1;font-size:.72rem;font-weight:700}.stat strong{font-size:.98rem;position:relative;z-index:1}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.tabs button,.arena-tab-control{min-height:48px;border:1px solid rgba(249,115,22,.28);border-radius:8px;color:#fed7aa;background:linear-gradient(180deg,#f9731633,#9a341229),#ffffff0b;box-shadow:inset 0 1px #ffffff17}.tabs button{display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-transform:capitalize;font-weight:800}.tabs button.active,.arena-tab-control.active{background:linear-gradient(180deg,#ffffff1a,#ffffff0b),#0f172ae6;color:#fb923c;border-color:#fb923c7a;box-shadow:0 0 18px #f9731629,inset 0 1px #ffffff29}.arena-tab-control{display:grid;grid-template-columns:1fr;gap:2px;padding:4px}.arena-tab-control button{min-height:22px;padding:0;border:0;background:transparent;color:inherit}.arena-tab-control select{width:100%;min-height:22px;border:0;border-radius:6px;padding:0 6px;background:#431407d6;color:#ffedd5;font-size:.68rem;font-weight:900;text-align:center}.arena-tab-control.active select{background:#7c2d1257;color:#fff7ed}.arena-grid,.create-grid,.trivia-grid,.rank-grid,.premium-grid,.profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.premium-grid{grid-template-columns:1fr}.panel,.ad-slot{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0f172ac2;box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.native-ad{min-height:76px;padding:12px 14px;margin-bottom:16px;border:1px dashed rgba(255,255,255,.18);border-radius:8px;background:#ffffff0e}.native-ad span,.banner-ad span{color:#94a3b8;font-size:.7rem;text-transform:uppercase;font-weight:900}.native-ad strong,.banner-ad strong{display:block;color:#f8fafc;font-size:.9rem}.native-ad p{margin:4px 0 0;color:#cbd5e1;line-height:1.35;font-size:.9rem}.compact-native-ad{min-height:62px}.arena-inline-ad{min-height:46px;margin:10px 0 0;padding:9px 11px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;border-style:solid;background:#ffffff0a}.arena-inline-ad span{grid-row:span 2;padding:3px 6px;border-radius:999px;background:#94a3b824}.arena-inline-ad strong{font-size:.78rem}.arena-inline-ad p{margin:0;font-size:.78rem}.banner-ad{position:fixed;z-index:11;left:50%;bottom:72px;transform:translate(-50%);width:min(420px,calc(100% - 32px));min-height:42px;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0f172aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px #00000057}.poll-panel,.trivia-panel,.leaderboard,.premium-panel,.profile-panel,.creator-panel{padding:22px}.poll-panel{position:relative;overflow:hidden}.poll-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(249,115,22,.12),transparent 28%),linear-gradient(315deg,rgba(20,184,166,.1),transparent 34%)}.poll-panel>*{position:relative;z-index:1}.poll-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.poll-header span{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border-radius:999px;background:#14b8a629;color:#99f6e4;font-size:.76rem;font-weight:900;text-transform:uppercase}.take-run{display:grid;grid-template-columns:auto minmax(88px,1fr);align-items:center;gap:8px;margin:-2px 0 12px;color:#cbd5e1;font-size:.72rem;font-weight:900;text-transform:uppercase}.take-run span{white-space:nowrap}.take-run i{height:7px;overflow:hidden;border-radius:999px;background:#ffffff1c}.take-run b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f97316,#ef4444,#14b8a6);box-shadow:0 0 18px #f9731657}.versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-row{position:relative;margin-bottom:14px;padding:13px 14px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--question-a) 32%,rgba(255,255,255,.12));border-radius:8px;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--question-a) 28%,transparent),transparent 42%),radial-gradient(circle at 94% 12%,color-mix(in srgb,var(--question-b) 24%,transparent),transparent 42%),linear-gradient(90deg,color-mix(in srgb,var(--question-a) 12%,transparent),transparent 38%,color-mix(in srgb,var(--question-b) 13%,transparent)),linear-gradient(135deg,#ffffff13,#ffffff09);box-shadow:inset 0 1px #ffffff24,0 14px 32px color-mix(in srgb,var(--question-glow) 18%,transparent)}.question-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--question-a),var(--question-b))}.question-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;margin-bottom:7px;color:#fed7aa;font-size:.68rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.question-kicker em{margin-left:5px;padding-left:8px;border-left:1px solid rgba(255,255,255,.18);color:#fff;font-style:normal}.question-kicker svg{color:color-mix(in srgb,var(--question-a) 72%,#ffffff)}.question-row h2{position:relative;z-index:1;margin-bottom:0;padding:2px 0;text-wrap:balance;text-shadow:0 8px 24px rgba(0,0,0,.34)}.question-row.question-long h2{font-size:clamp(1.46rem,3.9vw,2.04rem);line-height:1}.question-row.question-extra-long{padding-block:11px}.question-row.question-extra-long h2{font-size:clamp(1.26rem,3.35vw,1.78rem);line-height:1.05}.question-matchup{position:relative;z-index:1;display:inline-flex;max-width:100%;margin-top:8px;color:#fed7aa;font-size:.74rem;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}.next-take-button{min-height:82px;align-self:stretch;justify-content:center;border-color:#f973167a;background:linear-gradient(135deg,#f9731647,#14b8a61c),#ffffff14;font-weight:950;box-shadow:inset 0 1px #ffffff2e}.pick{min-height:170px;padding:18px;border-radius:8px;border:1px solid rgba(255,255,255,.14);color:#f8fafc;background:linear-gradient(180deg,#ffffff1c,#ffffff0a),#172033;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer}.pick span{font-size:clamp(1.2rem,3vw,2.15rem);line-height:1;font-weight:950}.pick strong{font-size:2rem;color:#fbbf24}.pick.selected{border-color:#f97316;background:linear-gradient(160deg,#f9731659,#14b8a61f),#172033}.matchup-card{position:relative;isolation:isolate;min-height:410px;overflow:hidden;padding:0;border-color:color-mix(in srgb,var(--card-primary) 58%,rgba(255,255,255,.18));background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--card-primary) 50%,transparent),transparent 36%),linear-gradient(180deg,color-mix(in srgb,var(--card-primary) 18%,var(--card-surface)),var(--card-surface));box-shadow:0 16px 38px #0000006b,inset 0 1px #ffffff2e}.matchup-card:before,.matchup-card:after{content:"";position:absolute;pointer-events:none}.matchup-card:before{inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0 10%,rgba(255,255,255,.08) 10% 10.5%,transparent 10.5% 20%),repeating-linear-gradient(0deg,transparent 0 13px,rgba(255,255,255,.045) 13px 14px);opacity:.56}.matchup-card:after{inset:auto 0 0;height:46%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.matchup-card:not(:disabled):active{transform:scale(.985)}.card-spotlight{position:absolute;inset:0;background:radial-gradient(circle at 42% 30%,color-mix(in srgb,var(--card-secondary) 42%,transparent),transparent 26%),radial-gradient(circle at 88% 14%,rgba(255,255,255,.16),transparent 24%);filter:blur(.2px)}.card-spotlight:after{content:"";position:absolute;inset:-18%;opacity:0;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--card-primary) 56%,white),transparent 38%),linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.28) 46%,transparent 64% 100%);filter:blur(4px);transition:opacity .18s ease}.matchup-card.selected .card-spotlight:after{opacity:.78;animation:selectedGlowIn .52s ease both}.card-silhouette{position:absolute;left:50%;bottom:62px;width:min(76%,280px);height:76%;transform:translate(-50%);display:grid;place-items:end center}.card-silhouette:before,.card-silhouette:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(145deg,color-mix(in srgb,var(--card-primary) 76%,#ffffff),var(--card-primary) 48%,color-mix(in srgb,var(--card-primary) 54%,#000000));box-shadow:0 0 34px color-mix(in srgb,var(--card-primary) 62%,transparent),inset 0 1px #ffffff52}.card-silhouette:before{top:4%;width:42%;aspect-ratio:1;border-radius:999px}.card-silhouette:after{bottom:0;width:100%;height:70%;clip-path:polygon(34% 0,66% 0,88% 26%,100% 100%,0 100%,12% 26%);border-radius:38px 38px 10px 10px}.card-silhouette span,.card-silhouette em{position:relative;z-index:1;color:#ffffffeb;text-shadow:0 4px 18px rgba(0,0,0,.35)}.card-silhouette span{align-self:center;margin-top:42%;font-size:clamp(2.2rem,6vw,4rem);font-weight:950;letter-spacing:0}.card-silhouette em{align-self:end;margin-bottom:24px;font-style:normal;font-size:clamp(2.5rem,7vw,4.8rem);font-weight:950;line-height:.8;opacity:.82}.stat-matchup-card .card-silhouette{inset:22px 14px auto;width:auto;height:112px;opacity:1;display:block;border:0;border-radius:0;background:transparent;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--card-secondary) 34%,transparent))}.stat-matchup-card .card-silhouette:before,.stat-matchup-card .card-silhouette:after{content:none}.stat-matchup-card .card-silhouette span{position:absolute;left:6px;top:-4px;margin:0;font-size:clamp(3.9rem,9.4vw,7rem);line-height:.78;color:color-mix(in srgb,var(--card-secondary) 76%,#ffffff);text-shadow:0 2px 0 rgba(255,255,255,.22),0 16px 28px rgba(0,0,0,.55)}.stat-matchup-card .card-silhouette em{position:absolute;right:6px;top:36px;margin:0;font-size:clamp(1.6rem,4vw,2.7rem);line-height:1;opacity:.78;color:#f8fafc}.stat-card-identity{position:absolute;z-index:3;inset:20px 14px auto;min-height:98px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:#f8fafc;pointer-events:none}.stat-card-identity strong{color:color-mix(in srgb,var(--card-secondary) 76%,#ffffff);font-size:clamp(4rem,9.5vw,7rem);font-weight:950;line-height:.76;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(255,255,255,.22),0 16px 28px rgba(0,0,0,.55)}.stat-card-identity em{margin-top:32px;color:#f8fafc;font-size:clamp(1.5rem,3.8vw,2.5rem);font-style:normal;font-weight:950;line-height:1;opacity:.78}.player-stat-stack{position:absolute;z-index:4;left:14px;right:14px;bottom:70px;display:grid;gap:8px}.player-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.player-stat-row span{min-width:0;display:grid;place-items:center;justify-items:center;gap:1px;aspect-ratio:1;padding:4px;border-radius:999px;border:2px solid color-mix(in srgb,var(--card-secondary) 54%,transparent);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.14),transparent 54%),linear-gradient(180deg,#ffffff14,#ffffff08),color-mix(in srgb,var(--card-surface) 74%,#020617);box-shadow:0 0 20px color-mix(in srgb,var(--card-secondary) 30%,transparent),inset 0 1px #ffffff21}.player-stat-row strong{color:color-mix(in srgb,var(--card-secondary) 84%,#ffffff);font-size:clamp(.95rem,2.6vw,1.28rem);font-weight:950;line-height:1}.player-stat-row em,.player-stat-stack small{color:#cbd5e1;font-size:.56rem;font-style:normal;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.player-stat-row em{max-width:5.8ch;line-height:.9;text-align:center}.player-stat-stack small{justify-self:center;max-width:100%;padding:0;border-radius:999px;background:transparent;color:color-mix(in srgb,var(--card-secondary) 62%,#e2e8f0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-copy{position:absolute;z-index:2;inset:auto 14px 18px;display:grid;gap:5px}.stat-matchup-card .card-copy{inset:124px 14px auto;gap:3px}.card-copy small{color:color-mix(in srgb,var(--card-secondary) 76%,#ffffff);font-size:.74rem;font-weight:950;text-transform:uppercase}.card-copy span{font-size:clamp(1.35rem,3.6vw,2.2rem);text-transform:uppercase}.stat-matchup-card .card-copy span{font-size:clamp(1rem,2.8vw,1.5rem);letter-spacing:.02em}.result-strip{position:absolute;z-index:4;left:14px;right:14px;bottom:96px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}.stat-matchup-card .result-strip{bottom:116px}.result-strip strong{min-width:54px;color:#fff;font-size:1.72rem;text-shadow:0 3px 12px rgba(0,0,0,.4)}.result-strip span{height:15px;overflow:hidden;border-radius:999px;background:#ffffff29}.result-strip i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--card-primary),var(--card-secondary));box-shadow:0 0 18px color-mix(in srgb,var(--card-primary) 66%,transparent)}.matchup-card.revealed .result-strip{opacity:1;transform:translateY(0)}.matchup-card.revealed .result-strip i{width:var(--result-width);transition:width 1.9s cubic-bezier(.16,1,.3,1)}.matchup-card.revealed .result-strip strong{animation:percentPop 1.9s ease both}.stat-matchup-card.revealed .player-stat-stack{opacity:1;transform:translateY(0);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.matchup-card.selected{border-color:color-mix(in srgb,var(--card-primary) 70%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-primary) 68%,white),0 0 24px color-mix(in srgb,var(--card-primary) 54%,transparent),0 0 58px color-mix(in srgb,var(--card-primary) 46%,transparent),0 20px 48px #0000007a;animation:selectedPulse .72s ease both}.matchup-card.selected-majority{border-color:#22c55e;background:radial-gradient(circle at 50% 24%,rgba(34,197,94,.36),transparent 38%),linear-gradient(160deg,color-mix(in srgb,#16a34a 38%,var(--card-surface)),var(--card-surface) 54%,#03120a);box-shadow:0 0 0 2px #22c55e61,0 0 44px #22c55e47,0 20px 48px #0000007a}.matchup-card.selected-majority .result-strip strong{color:#bbf7d0;text-shadow:0 0 18px rgba(34,197,94,.58)}.matchup-card.selected-majority .player-stat-row span{border-color:#22c55ea8;background:#14532d85;box-shadow:0 0 22px #22c55e33}.matchup-card.selected-majority .player-stat-row strong,.matchup-card.selected-majority .player-stat-stack small{color:#bbf7d0}.matchup-card.selected-majority .result-strip i{background:linear-gradient(90deg,#16a34a,#22c55e 54%,#bbf7d0);box-shadow:0 0 16px #22c55e9e,0 0 34px #22c55e52}.matchup-card.selected-minority{border-color:#ef4444;background:radial-gradient(circle at 50% 24%,rgba(239,68,68,.36),transparent 38%),linear-gradient(160deg,color-mix(in srgb,#b91c1c 38%,var(--card-surface)),var(--card-surface) 54%,#160505);box-shadow:0 0 0 2px #ef44445c,0 0 36px #ef444447,0 20px 48px #0000007a}.matchup-card.selected-minority .result-strip strong{color:#fecaca;text-shadow:0 0 18px rgba(239,68,68,.58)}.matchup-card.selected-minority .player-stat-row span{border-color:#ef4444a8;background:#7f1d1d85;box-shadow:0 0 22px #ef444433}.matchup-card.selected-minority .player-stat-row strong,.matchup-card.selected-minority .player-stat-stack small{color:#fecaca}.matchup-card.selected-minority .result-strip i{background:linear-gradient(90deg,#b91c1c,#ef4444 56%,#fecaca);box-shadow:0 0 16px #ef44449e,0 0 34px #ef444452}.matchup-card.unselected{opacity:.48;filter:saturate(.68)}.matchup-card.revealed.unselected{opacity:.74}.matchup-card.card-majority{border-color:#22c55e94}.matchup-card.card-majority .result-strip strong{color:#bbf7d0;text-shadow:0 0 18px rgba(34,197,94,.5)}.matchup-card.card-majority .result-strip i{background:linear-gradient(90deg,#16a34a,#22c55e 54%,#bbf7d0);box-shadow:0 0 16px #22c55e94,0 0 30px #22c55e47}.matchup-card.card-minority{border-color:#ef444494}.matchup-card.card-minority .result-strip strong{color:#fecaca;text-shadow:0 0 18px rgba(239,68,68,.5)}.matchup-card.card-minority .result-strip i{background:linear-gradient(90deg,#b91c1c,#ef4444 56%,#fecaca);box-shadow:0 0 16px #ef444494,0 0 30px #ef444447}.matchup-card.tally-selected{animation:selectedPulse .72s ease both}.versus{position:relative}.take-box{min-height:54px;margin:12px 0 0;padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;background:#ffffff14;color:#e2e8f0}.take-quality{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:7px;margin-top:9px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.take-quality span{color:#cbd5e1;font-size:.72rem;font-weight:900;text-transform:uppercase}.take-quality button{min-height:34px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#0f172ab8;color:#e2e8f0;font-size:.75rem;font-weight:850;cursor:pointer}.take-quality button.active{border-color:#fb923c94;background:#f9731638;color:#fed7aa}.vote-feedback{position:relative;overflow:hidden;isolation:isolate;min-height:64px;display:grid;gap:3px;margin-top:12px;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;opacity:0;transform:translateY(8px) scale(.98);animation:feedbackPop .52s ease 1.28s forwards}.vote-feedback strong{color:#f8fafc;font-size:1rem;text-transform:uppercase}.vote-feedback span{color:#cbd5e1;line-height:1.35}.majority-feedback{border-color:#22c55e57;background:radial-gradient(circle at 12% 0,rgba(34,197,94,.28),transparent 44%),#ffffff12}.majority-feedback strong{color:#86efac}.minority-feedback{border-color:#ef444461;background:radial-gradient(circle at 12% 0,rgba(239,68,68,.28),transparent 44%),#ffffff12}.minority-feedback strong{color:#fca5a5}.take-box p{margin:0}.daily-drop{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:8px;background:linear-gradient(135deg,#f9731638,#14b8a624);border:1px solid rgba(255,255,255,.12)}.compact-drop{min-height:44px;padding:8px 10px;margin:12px 0 8px;background:#ffffff0e}.daily-drop div{display:grid;gap:3px}.daily-drop span,.daily-drop em{color:#cbd5e1;font-style:normal;font-size:.78rem;font-weight:900;text-transform:uppercase}.daily-drop strong{font-size:.92rem}.arena-mode-select{min-width:172px;display:grid;gap:5px}.arena-mode-select span,.league-counts{color:#cbd5e1;font-size:.72rem;font-weight:900;text-transform:uppercase}.arena-mode-select select{min-height:38px;border:1px solid rgba(153,246,228,.26);border-radius:8px;padding:0 10px;background:#0f172aeb;color:#f8fafc;font-weight:900}.league-counts{margin:0 0 10px;color:#99f6e4}.comments{margin:0;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);overflow:hidden}.comments-title{min-height:46px;padding:0 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:#e2e8f0}.comments-title span{color:#99f6e4;font-weight:900}.comment-list{display:grid}.comment{padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment strong,.reply strong{color:#fbbf24;font-size:.85rem}.comment-head span{color:#99f6e4;font-size:.68rem;font-weight:900;text-transform:uppercase}.comment p{margin:4px 0 0;color:#dbeafe;line-height:1.35}.comment-actions{min-height:34px;display:flex;align-items:center;gap:10px;margin-top:8px}.comment-actions button{min-height:30px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 10px;background:#ffffff12;color:#cbd5e1;font-weight:900;cursor:pointer}.comment-actions button.liked{color:#fff7ed;border-color:#f973168a;background:#f973163d}.comment-actions span{color:#94a3b8;font-size:.78rem;font-weight:850}.reply-list{display:grid;gap:7px;margin:4px 0 8px 18px;padding-left:10px;border-left:2px solid rgba(249,115,22,.28)}.nested-comment{padding:8px;border-top:0;border-radius:8px;background:#ffffff0e}.nested-comment .comment-head span{display:none}.nested-comment p{font-size:.88rem}.reply-form{display:grid;grid-template-columns:1fr 36px;gap:7px;margin-top:8px}.reply-form input{min-height:36px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;background:#0f172ab8;color:#f8fafc;outline:0}.reply-form button{min-height:36px;border:0;border-radius:8px;display:grid;place-items:center;background:#f97316;color:#fff7ed;cursor:pointer}.comment-form{min-height:52px;padding:8px;display:grid;grid-template-columns:1fr 44px;gap:8px;border-top:1px solid rgba(255,255,255,.08)}.comment-form input,.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f172ae6;color:#f8fafc;outline:0}.comment-form input{min-height:42px;padding:0 12px}.comment-form button{width:44px;min-height:42px;border:0;border-radius:8px;background:#14b8a6;color:#052e2b;display:grid;place-items:center;cursor:pointer}.actions{display:flex;gap:10px;flex-wrap:wrap}.debate-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 0}.next-take-button{min-height:72px;background:linear-gradient(135deg,#fb923c,#f97316 48%,#ef4444),#ffffff14;border:1px solid rgba(251,146,60,.62);color:#190602;box-shadow:0 12px 30px #f9731638,inset 0 1px #ffffff57}.next-take-wide{width:100%;min-height:66px;margin-top:10px;font-size:1.06rem}.has-results .debate-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.has-results .debate-quick-actions .secondary{min-height:46px;color:#dbeafe;background:#fff1;border-color:#ffffff1f}.comment-open-button strong{min-width:24px;min-height:24px;display:inline-grid;place-items:center;border-radius:999px;background:#fbbf242e;color:#fbbf24;font-size:.8rem}.modal-backdrop{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#020617b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.comment-modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 36px));display:grid;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:linear-gradient(160deg,#14b8a61f,#f9731614),#101828;box-shadow:0 30px 90px #00000094;overflow:auto}.comment-modal-header{display:grid;grid-template-columns:1fr 48px;gap:12px;align-items:start}.comment-modal-header span{color:#99f6e4;font-size:.76rem;font-weight:900;text-transform:uppercase}.comment-modal-header h3{margin:4px 0 0;font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.05}.primary,.secondary{min-height:46px;border:0;border-radius:8px;padding:0 16px;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary{background:#f97316;color:#fff}.secondary{background:#ffffff1a;color:#f8fafc}.primary.next-take-button{min-height:72px;background:linear-gradient(135deg,#fb923c,#f97316 48%,#ef4444),#ffffff14;color:#190602}.secondary.voted-next-take{background:linear-gradient(135deg,#fb923c,#f97316);border-color:#ffedd594;color:#fff7ed;box-shadow:0 16px 34px #f9731647,inset 0 1px #ffffff52}.flash-next{animation:nextFlash .92s ease-out 1}@keyframes nextFlash{0%{transform:scale(1);box-shadow:0 0 #fb923c00,0 16px 34px #f9731647}34%{transform:scale(1.025);box-shadow:0 0 0 7px #fb923c33,0 0 34px #fb923c8a}to{transform:scale(1);box-shadow:0 16px 34px #f9731647,inset 0 1px #ffffff52}}@keyframes selectedPulse{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.025);filter:brightness(1.35)}to{transform:scale(1);filter:brightness(1)}}@keyframes percentPop{0%{opacity:0;transform:translateY(8px) scale(.92)}58%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedbackPop{0%{opacity:0;transform:translateY(8px) scale(.98)}60%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes selectedGlowIn{0%{opacity:0;transform:scale(.92)}55%{opacity:.95;transform:scale(1.02)}to{opacity:.78;transform:scale(1)}}.side-stack{display:grid;gap:16px}.ad-slot{min-height:132px;padding:16px;background:linear-gradient(135deg,#14b8a629,#f9731624),#0f172ad1}.ad-slot span{color:#94a3b8;font-size:.72rem;text-transform:uppercase;font-weight:900}.ad-slot strong{display:block;margin:8px 0 4px}.ad-slot p{margin-bottom:0;color:#cbd5e1;line-height:1.45}.trend-panel{padding:16px}.hot{width:100%;min-height:96px;display:grid;grid-template-columns:54px 1fr;align-items:center;gap:10px;border:0;border-top:1px solid rgba(255,255,255,.1);background:transparent;color:#f8fafc;text-align:left;cursor:pointer}.hot span{color:#a7f3d0;font-size:.75rem;font-weight:900}.hot em{grid-column:2;color:#fbbf24;font-size:.76rem;font-style:normal;font-weight:900;text-transform:uppercase}.active-trend strong{color:#fbbf24}.creator-panel h2{max-width:760px}.league-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.league-switch button{min-height:44px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;color:#f8fafc;cursor:pointer;font-weight:900}.league-switch button.active{background:#f8fafc;color:#101828}.field{display:grid;gap:8px;margin-bottom:14px}.field span{color:#cbd5e1;font-size:.82rem;font-weight:900;text-transform:uppercase}.field select,.field input{min-height:48px;padding:0 12px}.field textarea{min-height:112px;resize:vertical;padding:12px;line-height:1.45}.selected-player{min-height:58px;display:grid;gap:4px;padding:12px;margin-bottom:14px;border-radius:8px;background:#14b8a61f;border:1px solid rgba(153,246,228,.18)}.selected-player strong{color:#f8fafc}.selected-player span{color:#99f6e4;font-size:.82rem;font-weight:800}.library-note{min-height:44px;display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#cbd5e1}.library-note strong{color:#fbbf24;font-size:1.2rem}.library-note span{line-height:1.25}.media-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}.media-tile{min-height:172px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff12;color:#f8fafc;display:grid;grid-template-rows:96px auto auto;align-content:start;justify-items:stretch;gap:8px;padding:10px;cursor:pointer;text-align:center}.media-preview{position:relative;min-height:96px;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 60%,#111827),#0f172ae6),repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.14) 14px 16px);display:grid;place-items:center}.media-preview:before{content:"";position:absolute;inset:12px;border:2px solid rgba(255,255,255,.22);border-radius:50%}.video-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.32))}.media-lines{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.4}.media-lines i{border-right:1px solid rgba(255,255,255,.2)}.media-icon,.play-dot{position:relative;z-index:1;display:grid;place-items:center;color:#fff}.media-icon{width:42px;height:42px;border-radius:999px;background:#0f172a8a}.play-dot{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:999px;background:var(--accent);color:#101828}.media-tile strong{font-size:.84rem;line-height:1.1}.media-tile span{color:#cbd5e1;font-size:.72rem;text-transform:uppercase;font-weight:900}.selected-media{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.07))}.database-card,.feed-panel{padding:16px}.database-card{display:grid;gap:10px}.database-card svg{color:#99f6e4}.database-card p,.database-card small,.empty-feed{color:#cbd5e1;line-height:1.45}.database-card p{margin-bottom:0}.database-card small{display:block;font-weight:800}.feed-panel{display:grid;gap:10px}.empty-feed{margin-bottom:0}.feed-item{padding:12px;border-radius:8px;background:#ffffff12}.feed-item .media-preview{min-height:86px;margin-bottom:10px}.feed-item div{display:grid;gap:2px;margin-bottom:8px}.feed-item span,.feed-item em{color:#99f6e4;font-size:.72rem;font-style:normal;font-weight:900;text-transform:uppercase}.feed-item p{color:#e2e8f0;line-height:1.4;margin-bottom:8px}.mini-comments{display:grid;gap:8px;margin-top:10px}.mini-comment{padding:8px;border-radius:8px;background:#0f172ab8;display:grid;gap:2px}.mini-comment strong{color:#fbbf24;font-size:.78rem}.mini-comment span{color:#dbeafe;font-size:.86rem;text-transform:none}.mini-comment-form{display:grid;grid-template-columns:1fr 38px;gap:8px}.mini-comment-form input{min-height:38px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f172ae6;color:#f8fafc;padding:0 10px;outline:0}.mini-comment-form button{min-height:38px;border:0;border-radius:8px;background:#14b8a6;color:#052e2b;display:grid;place-items:center;cursor:pointer}.answers{display:grid;gap:10px;margin-bottom:16px}.answers button{min-height:56px;border-radius:8px;border:1px solid rgba(255,255,255,.12);color:#f8fafc;background:#ffffff14;text-align:left;padding:0 16px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.answers button strong{color:#fbbf24;white-space:nowrap}.answers button.correct{border-color:#22c55e;background:#22c55e33}.answers button.wrong{border-color:#ef4444;background:#ef444433}.answers button:disabled,.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.55}.trivia-score{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;margin-bottom:12px;border-radius:8px;background:linear-gradient(135deg,#f973163d,#14b8a624);border:1px solid rgba(255,255,255,.12)}.trivia-score strong{font-size:2rem;color:#fbbf24}.trivia-score span,.trivia-score em{color:#e2e8f0;font-style:normal;font-weight:900;text-transform:uppercase}.timer-track{height:10px;overflow:hidden;border-radius:999px;background:#ffffff1a;margin-bottom:18px}.timer-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#14b8a6,#fbbf24,#f97316);transition:width .1s linear}.reward-gate,.result-card,.rank-rules{display:grid;gap:10px;padding:16px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.reward-gate svg{color:#fbbf24}.reward-gate p,.result-card p{margin-bottom:0;color:#cbd5e1;line-height:1.45}.result-card strong,.rank-rules strong{color:#fbbf24;font-size:1.65rem}.result-card span,.rank-rules span{color:#e2e8f0;font-weight:850}.leader{min-height:64px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.1)}.leader span,.leader em{color:#cbd5e1;font-style:normal}.leader.you,.leader.you strong,.leader.you em{color:#fbbf24}.user-rank{min-height:48px;margin-top:18px;display:flex;align-items:center;gap:10px;color:#99f6e4;font-weight:800}.trivia-user-rank{border-top:1px solid rgba(255,255,255,.1);margin-top:8px}.profile-panel,.friends-panel,.rank-ladder{padding:16px}.rank-badge{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;padding:20px;margin-bottom:14px;border-radius:8px;background:linear-gradient(118deg,rgba(255,255,255,.36),transparent 19%,rgba(255,255,255,.1) 40%,transparent 62%),radial-gradient(circle at 20% 15%,color-mix(in srgb,var(--rank-color) 44%,transparent),transparent 22rem),linear-gradient(135deg,color-mix(in srgb,var(--rank-color) 26%,transparent),#ffffff0f),#ffffff12;border:1px solid color-mix(in srgb,var(--rank-color) 58%,rgba(255,255,255,.16));box-shadow:0 20px 58px color-mix(in srgb,var(--rank-color) 18%,transparent),inset 0 1px #ffffff42}.previous-rank{opacity:.9}.rank-icon{position:relative;width:112px;height:112px;display:grid;place-items:center;border-radius:24px;color:#101828;background:linear-gradient(125deg,rgba(255,255,255,.9),transparent 16%,rgba(255,255,255,.18) 35%,transparent 58%),radial-gradient(circle at 30% 20%,#ffffff,transparent 24%),conic-gradient(from 225deg,color-mix(in srgb,var(--rank-color) 86%,#ffffff),var(--rank-glow),color-mix(in srgb,var(--rank-color) 64%,#111827),color-mix(in srgb,var(--rank-color) 88%,#ffffff));font-size:3rem;font-weight:950;box-shadow:0 24px 62px color-mix(in srgb,var(--rank-glow) 48%,transparent),0 0 0 1px color-mix(in srgb,var(--rank-color) 42%,rgba(255,255,255,.14)),inset 0 0 0 2px #ffffff57,inset 0 -20px 34px #02061742;overflow:hidden}.rank-icon:after{content:"";position:absolute;inset:-20%;z-index:1;background:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.76) 38%,transparent 48%),radial-gradient(circle at 72% 20%,rgba(255,255,255,.65),transparent 14%);transform:rotate(8deg);opacity:.68;mix-blend-mode:screen}.rank-shape-shield{clip-path:polygon(50% 3%,91% 16%,84% 70%,50% 98%,16% 70%,9% 16%);border-radius:0}.rank-shape-hex{clip-path:polygon(26% 4%,74% 4%,98% 50%,74% 96%,26% 96%,2% 50%);border-radius:0}.rank-shape-badge{clip-path:polygon(50% 0,62% 14%,82% 10%,90% 30%,100% 50%,88% 68%,86% 91%,62% 86%,50% 100%,38% 86%,14% 91%,12% 68%,0 50%,10% 30%,18% 10%,38% 14%);border-radius:0}.rank-shape-starburst{clip-path:polygon(50% 0,60% 27%,88% 12%,73% 40%,100% 50%,73% 60%,88% 88%,60% 73%,50% 100%,40% 73%,12% 88%,27% 60%,0 50%,27% 40%,12% 12%,40% 27%);border-radius:0}.rank-shape-trophy{clip-path:polygon(18% 8%,82% 8%,92% 25%,80% 50%,62% 59%,62% 76%,80% 88%,80% 98%,20% 98%,20% 88%,38% 76%,38% 59%,20% 50%,8% 25%);border-radius:0}.rank-shape-crest{clip-path:polygon(50% 0,86% 10%,98% 38%,88% 76%,50% 100%,12% 76%,2% 38%,14% 10%);border-radius:0}.rank-shape-diamond{clip-path:polygon(18% 8%,82% 8%,100% 34%,50% 100%,0 34%);border-radius:0}.compact-rank-icon{width:40px;height:40px;font-size:1.1rem;box-shadow:0 10px 24px color-mix(in srgb,var(--rank-glow) 28%,transparent),inset 0 0 0 1px #ffffff3d}.compact-rank-icon i{inset:8px}.compact-rank-icon b{inset:14px}.rank-icon span{position:relative;z-index:2;text-shadow:0 2px 10px rgba(255,255,255,.28)}.rank-icon i,.rank-icon b{content:"";position:absolute;inset:12px;border:1px solid rgba(15,23,42,.22);transform:rotate(45deg)}.rank-icon b{inset:22px;border-color:#ffffff5c}.goat-icon{color:#082f49;background:linear-gradient(150deg,rgba(255,255,255,.96),transparent 20%,rgba(186,230,253,.48) 42%,transparent 68%),linear-gradient(90deg,transparent 0 18%,rgba(255,255,255,.6) 18% 20%,transparent 20% 49%,rgba(255,255,255,.42) 49% 51%,transparent 51% 80%,rgba(255,255,255,.5) 80% 82%,transparent 82%),linear-gradient(180deg,#f8fafc 0 32%,#bae6fd 32% 58%,#67e8f9 58% 100%);box-shadow:0 28px 72px #67e8f975,0 0 0 1px #e0f2fead,inset 0 0 0 2px #ffffff94,inset 0 -22px 38px #082f4938}.goat-icon:before{content:"";position:absolute;inset:9px 14px auto;height:32px;clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);background:linear-gradient(115deg,#ffffffeb,#bae6fd38),repeating-linear-gradient(90deg,transparent 0 24%,rgba(8,47,73,.18) 24% 26%)}.compact-rank-icon.goat-icon:before{inset:4px 6px auto;height:11px}.rank-badge strong{color:#f8fafc;font-size:1.55rem}.rank-badge span{display:block;color:#cbd5e1;margin-top:4px;line-height:1.35}.badge-showcase{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:16px 0}.showcase-badge{min-height:176px;display:grid;align-content:center;justify-items:center;gap:7px;padding:12px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--rank-color) 44%,rgba(255,255,255,.12));background:linear-gradient(128deg,rgba(255,255,255,.26),transparent 28%,rgba(255,255,255,.1) 48%,transparent 72%),linear-gradient(180deg,color-mix(in srgb,var(--rank-color) 18%,transparent),#ffffff0b)}.showcase-badge .rank-icon{width:74px;height:74px;border-radius:18px;font-size:1.95rem}.showcase-badge strong{color:#f8fafc;font-size:.78rem;text-align:center}.showcase-badge span{color:#cbd5e1;font-size:.7rem;font-weight:900}.active-showcase-badge{border-color:color-mix(in srgb,var(--rank-color) 74%,#ffffff);box-shadow:0 16px 38px color-mix(in srgb,var(--rank-glow) 26%,transparent)}.profile-form{display:grid;gap:10px}.field-hint{margin-top:-4px;color:#fed7aa;font-size:.72rem;font-weight:800;line-height:1.35}.friends-panel h3,.rank-ladder h3,.rivalry-panel h3{margin-bottom:12px}.rivalry-panel{padding:16px;display:grid;gap:10px}.rivalry{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:12px;border-radius:8px;background:#ffffff12}.rivalry div{display:grid;gap:2px}.rivalry div:last-of-type{text-align:right}.rivalry span,.rivalry small{color:#cbd5e1;font-size:.78rem;font-weight:800}.rivalry em{color:#fbbf24;font-style:normal;font-weight:950}.rivalry small{grid-column:1 / -1;color:#99f6e4}.friend-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.friend-list span{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff14;color:#dbeafe;font-weight:800;font-size:.82rem}.rank-ladder{display:grid;gap:8px}.rank-step{min-height:46px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px;border-radius:8px;background:#ffffff0f}.rank-step span{color:var(--rank-color);font-size:1.2rem}.rank-step em{color:#cbd5e1;font-style:normal;font-size:.78rem;font-weight:800}.premium-panel{text-align:center;width:100%;max-width:none;min-height:430px;margin:0 auto;display:grid;align-content:center;justify-items:center;gap:10px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(249,115,22,.14),transparent 34%),linear-gradient(315deg,rgba(20,184,166,.1),transparent 42%),#0f172ac2}.premium-panel:before{content:"";position:absolute;inset:14px;border:1px solid rgba(249,115,22,.22);border-radius:8px;pointer-events:none}.premium-art{width:104px;height:104px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.72),transparent 22%),linear-gradient(145deg,#fb923c,#f97316 52%,#14b8a6);box-shadow:0 24px 58px #f9731647,inset 0 1px #ffffff52}.premium-panel p{max-width:620px;margin:0 auto 8px;color:#cbd5e1;line-height:1.55}.premium-cosmetic-card{width:min(100%,420px);margin-top:8px;padding:14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-radius:8px;border:1px solid rgba(249,115,22,.24);background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 26%,rgba(255,255,255,.1) 48%,transparent 68%),radial-gradient(circle at 12% 0,rgba(249,115,22,.2),transparent 46%),#ffffff12;text-align:left;box-shadow:0 18px 50px color-mix(in srgb,currentColor 16%,transparent),inset 0 1px #ffffff29}.premium-cosmetic-card div{display:grid;gap:2px}.premium-cosmetic-card span,.premium-cosmetic-card em{color:#cbd5e1;font-size:.72rem;font-style:normal;font-weight:800;text-transform:uppercase}.premium-cosmetic-card strong{width:fit-content;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 16%,rgba(15,23,42,.88));font-size:1.34rem;font-weight:950;text-shadow:0 0 14px currentColor,0 0 30px currentColor}.color-picker-field{width:48px;height:48px;overflow:hidden;border-radius:999px;border:2px solid rgba(255,255,255,.18);box-shadow:0 0 22px #f9731638;position:relative;display:grid;place-items:center}.color-picker-field input{width:68px;height:68px;margin:-10px;border:0;padding:0;cursor:pointer}.color-picker-field span{position:absolute;z-index:1;pointer-events:none;color:#fff;font-size:.58rem;font-weight:950;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.55)}.premium-color-hint{width:min(100%,420px);margin:-2px 0 0;color:#fed7aa;font-size:.68rem;font-weight:850;text-align:left}.premium-color-swatches{width:min(100%,420px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.premium-color-swatches button{min-height:34px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.74),transparent 18%),var(--swatch-color);box-shadow:0 0 18px color-mix(in srgb,var(--swatch-color) 44%,transparent),inset 0 1px #ffffff6b;cursor:pointer}.premium-color-swatches button.active{outline:2px solid #ffffff;outline-offset:2px}.premium-launch-note{width:min(100%,420px);color:#99f6e4;font-size:.72rem;font-weight:850;line-height:1.35}.legal-links{display:flex;justify-content:center;gap:14px;margin:18px 0 84px;color:#94a3b8;font-size:.76rem;font-weight:800}.legal-links a{color:#cbd5e1;text-decoration:none}.legal-links a:hover{color:#fed7aa}.price{font-size:2rem;font-weight:950;margin-bottom:8px}.price span{display:block;color:#cbd5e1;font-size:.95rem}.wide{width:min(100%,440px)}.feature-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px;width:min(100%,440px)}.feature-list span{min-height:44px;display:grid;place-items:center;padding:8px;border-radius:8px;background:#ffffff14;color:#e2e8f0;font-weight:800;font-size:.82rem}@media(max-width:820px){body{background:radial-gradient(circle at 50% -12%,rgba(249,115,22,.28),transparent 18rem),linear-gradient(180deg,#020617,#07111d 48%,#030712)}.shell{width:min(100% - 12px,430px);padding:6px 0 108px}.topbar{min-height:58px;gap:8px}.profile-chip{min-width:132px;max-width:148px;width:auto;grid-template-columns:28px minmax(0,1fr);min-height:44px;gap:6px;padding:4px 7px}.profile-chip span{display:grid;min-width:0}.profile-chip strong{max-width:96px;font-size:.72rem}.profile-chip em{font-size:.56rem}.brand-mark,.icon-button{width:44px;height:44px}h1{font-size:1.22rem}.wordmark span{font-size:1.42rem;gap:3px}.wordmark em{font-size:.78rem;letter-spacing:.42em}h2{font-size:1.62rem;line-height:1;margin-bottom:10px}.eyebrow{font-size:.62rem}.question-row{grid-template-columns:1fr;gap:6px;margin-bottom:10px;padding:10px 11px 11px}.question-row h2{margin-bottom:0;font-size:1.44rem;line-height:.98}.question-row.question-long h2{font-size:1.2rem;line-height:1.02}.question-row.question-extra-long h2{font-size:1.06rem;line-height:1.05}.question-kicker{margin-bottom:5px;font-size:.62rem}.question-matchup{margin-top:6px;font-size:.62rem}.stat-matchup-card .card-silhouette{inset:18px 10px auto;width:auto;height:86px}.stat-matchup-card .card-silhouette span{left:4px;font-size:2.46rem}.stat-matchup-card .card-silhouette em{right:4px;top:20px;font-size:1.22rem}.stat-card-identity{inset:18px 10px auto;min-height:72px;gap:6px}.stat-card-identity strong{font-size:2.74rem}.stat-card-identity em{margin-top:20px;font-size:1.06rem}.player-stat-stack{left:10px;right:10px;bottom:56px;gap:4px}.stat-matchup-card .result-strip{bottom:112px}.player-stat-row{gap:4px}.player-stat-row span{padding:3px}.player-stat-row strong{font-size:.74rem}.player-stat-row em,.player-stat-stack small{font-size:.47rem;letter-spacing:.05em}.stat-matchup-card .card-copy span{font-size:.86rem}.stat-matchup-card .card-copy{inset:98px 10px auto}.take-run{grid-template-columns:auto 1fr;gap:6px;margin:-2px 0 9px;font-size:.64rem}.take-run i{height:6px}.debate-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.debate-quick-actions .primary,.debate-quick-actions .secondary{min-height:46px;padding:0 6px;flex-direction:column;gap:3px;font-size:.7rem}.primary.next-take-button{min-height:58px;font-size:1rem}.take-quality{grid-template-columns:1fr 1fr;gap:6px;padding:7px}.take-quality span{grid-column:1 / -1;font-size:.64rem}.take-quality button{min-height:32px;font-size:.68rem}.arena-grid,.create-grid,.trivia-grid,.rank-grid,.premium-grid,.profile-grid,.score-strip{grid-template-columns:1fr}.arena-grid .side-stack,.has-results .take-box{display:none}.score-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0 8px}.stat{min-height:42px;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;text-align:center;gap:2px;padding:6px}.stat:after{inset:auto 8px 5px;height:2px}.stat svg{display:none}.stat strong{font-size:.86rem}.stat span{font-size:.66rem}.versus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pick{min-height:118px}.matchup-card{min-height:278px}.card-silhouette{bottom:42px;width:88%;height:70%}.result-strip{bottom:76px;left:10px;right:10px;grid-template-columns:1fr;gap:4px}.result-strip strong{min-width:0;font-size:1.52rem}.has-results .matchup-card{min-height:238px}.has-results .card-silhouette{bottom:40px;width:86%;height:68%}.has-results .card-copy span{font-size:1rem}.has-results .card-copy small{font-size:.62rem}.has-results .result-strip{left:10px;right:10px;bottom:72px;grid-template-columns:1fr;gap:4px}.has-results .result-strip strong{min-width:0;font-size:1.55rem}.card-copy{inset:auto 10px 12px}.card-copy span{font-size:1rem}.card-copy small{font-size:.62rem}.card-silhouette span{font-size:2rem}.card-silhouette em{font-size:2.4rem;margin-bottom:20px}.poll-panel,.trivia-panel,.leaderboard,.premium-panel,.creator-panel{padding:10px}.poll-panel{padding-top:9px}.creator-panel{overflow:hidden}.creator-panel h2{font-size:1.62rem;line-height:1.05}.poll-header span{min-height:26px;font-size:.64rem}.league-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.league-switch button{min-width:0;font-size:.9rem}.field{gap:6px;margin-bottom:10px}.field span{font-size:.74rem}.field input,.field select{min-height:44px}.field textarea{min-height:82px}.selected-player{min-height:50px;margin-bottom:10px}.library-note{margin-bottom:8px}.library-note span{font-size:.86rem}.media-grid{display:flex;overflow-x:auto;max-width:100%;gap:8px;margin:10px -4px 12px;padding:0 4px 4px;scroll-snap-type:x mandatory}.media-tile{min-width:152px;min-height:154px;grid-template-rows:82px auto auto;scroll-snap-align:start}.tabs{position:fixed;z-index:12;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#020617e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -16px 44px #00000085;margin-bottom:0}.banner-ad{position:static;transform:none;width:100%;min-height:34px;margin:14px auto 0;font-size:.78rem;opacity:.86}.tabs span{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1}.tabs button{min-height:50px;border-radius:11px;flex-direction:column;gap:4px;padding:5px 1px;font-size:.62rem}.tabs button svg{width:17px;height:17px}.arena-tab-control{min-height:48px;gap:1px;padding:3px;border-radius:12px}.arena-tab-control button{min-height:22px}.arena-tab-control select{min-height:17px;padding:0 2px;font-size:.56rem}.native-ad{min-height:48px;padding:9px 10px;margin-bottom:10px}.native-ad p,.ad-slot p{display:none}.ad-slot{min-height:64px;padding:12px}.rank-badge{grid-template-columns:78px 1fr;padding:12px}.rank-icon{width:78px;height:78px;border-radius:18px;font-size:2.15rem}.compact-rank-icon{width:36px;height:36px;font-size:1rem}.rank-badge strong{font-size:1.2rem}.badge-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-badge{min-height:146px}.showcase-badge .rank-icon{width:62px;height:62px;font-size:1.65rem}.feature-list{grid-template-columns:1fr}.media-preview{min-height:82px}.daily-drop{align-items:flex-start;flex-direction:column;min-height:0;margin-bottom:10px;padding:10px}}