@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,400..800&family=Teko:wght@500;600;700&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f8fafb;--surface-hover: #f4f7f6;--ink: #111314;--muted: #6d747c;--faint: #9aa3ad;--line: #e7ebef;--line-strong: #d7dde3;--accent: #00a95a;--accent-dark: #008a49;--accent-soft: #e9fbf2;--red: #ef5350;--red-soft: #fff0f0;--blue: #5aa9ff;--blue-soft: #edf6ff;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .05);--radius: 12px;--font-ui: "Roboto Flex", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand: "Teko", "Roboto Flex", ui-sans-serif, system-ui, sans-serif;color:var(--ink);font-family:var(--font-ui)}*{box-sizing:border-box}body{background:var(--bg);margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(0,169,90,.35);outline-offset:2px}h1,h2,h3,h4,p{letter-spacing:0;margin-top:0}.app-shell{min-height:100vh}.site-header{background:var(--surface);border-bottom:1px solid var(--line-strong);position:sticky;top:0;z-index:20}.header-main{align-items:center;display:grid;gap:22px;grid-template-columns:248px minmax(260px,560px) auto;margin:0 auto;max-width:1510px;min-height:74px;padding:0 26px}.brand-lockup{align-items:center;background:transparent;border:0;color:var(--ink);display:inline-flex;gap:9px;justify-self:start;min-width:0;padding:0}.brand-logo{display:block;height:36px;width:36px}.brand-lockup span{font-family:var(--font-brand);font-size:32px;font-weight:700;letter-spacing:0;line-height:.9;text-transform:uppercase;white-space:nowrap}.search-box{align-items:center;background:#f7f7f8;border:1px solid #dce1e6;border-radius:7px;color:var(--faint);display:flex;gap:10px;height:44px;padding:0 14px}.search-box input{background:transparent;border:0;color:var(--ink);flex:1;font-size:18px;font-weight:650;min-width:0;outline:0}.search-box input::placeholder{color:#a6abb1}.auth-actions,.user-menu-wrap{justify-self:end}.auth-actions{align-items:center;display:flex;gap:8px}.login-button,.signup-button,.user-button,.settle-button{align-items:center;border-radius:7px;display:inline-flex;font-weight:780;gap:8px;justify-content:center;min-height:40px;padding:0 15px;white-space:nowrap}.login-button{background:var(--surface);border:1px solid var(--line-strong);color:var(--accent-dark);font-size:20px}.signup-button{background:var(--accent);border:1px solid var(--accent);color:#fff;font-size:20px}.login-button:hover,.signup-button:hover,.user-button:hover,.settle-button:hover{transform:translateY(-1px)}.user-menu-wrap{position:relative}.user-button{background:var(--accent);border:1px solid var(--accent);color:#fff;height:42px;padding:0 12px}.user-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:4px;min-width:210px;padding:8px;position:absolute;right:0;top:calc(100% + 8px)}.menu-row{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);display:flex;font-weight:720;gap:10px;min-height:38px;padding:0 10px;text-align:left}.menu-row svg{height:17px;width:17px}.menu-row:hover{background:var(--surface-hover)}.menu-row.danger{color:#b42318}.category-nav{align-items:center;display:flex;gap:38px;margin:0 auto;max-width:1510px;overflow-x:auto;padding:0 26px 13px}.category-nav button{align-items:center;background:transparent;border:0;color:var(--ink);display:inline-flex;flex:0 0 auto;font-size:23px;font-weight:780;gap:7px;line-height:1;padding:0}.category-nav button.is-active{color:var(--accent-dark)}.feed-notice{align-items:center;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);color:#6b4f12;display:flex;gap:10px;margin:16px auto 0;max-width:1510px;padding:12px 14px}.arena-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 480px;margin:28px auto 44px;max-width:1510px;padding:0 16px}.primary-column,.insight-column,.account-stack{display:grid;gap:20px}.insight-column{align-content:start}.featured-market-card,.lineup-panel,.insight-panel,.account-card,.balance-hero,.prediction-card,.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.featured-market-card{display:grid;gap:22px;min-height:500px;padding:22px}.featured-toolbar,.market-type,.icon-actions,.card-title-row,.card-footer,.panel-heading,.team-compact,.lineup-top,.lineup-subhead,.history-row,.leaderboard-row,.badge-item,.metric{align-items:center;display:flex}.featured-toolbar,.panel-heading,.lineup-subhead,.card-footer{justify-content:space-between}.market-type{gap:13px}.market-icon{align-items:center;background:#050706;border-radius:12px;color:#fff;display:inline-flex;height:58px;justify-content:center;width:58px}.market-type span{color:var(--faint);display:block;font-size:15px;font-weight:720;margin-bottom:3px}.market-type strong{display:block;font-size:19px}.icon-actions{gap:8px}.icon-actions button{align-items:center;background:transparent;border:0;border-radius:8px;color:#2c3034;display:inline-flex;height:36px;justify-content:center;width:36px}.icon-actions button:hover{background:var(--surface-hover)}.featured-content{display:grid;gap:26px;grid-template-columns:minmax(320px,.78fr) minmax(360px,1fr)}.featured-copy h1{font-size:clamp(36px,4vw,58px);font-weight:820;letter-spacing:0;line-height:.98;margin:0 0 22px;max-width:780px}.market-status-row{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;font-weight:720;gap:9px;margin-bottom:10px}.market-status-row span{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;padding:5px 9px}.outcome-stack{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;margin:0 0 22px}.outcome-row{align-items:center;display:grid;gap:12px;grid-template-columns:42px minmax(0,1fr) 72px;min-height:58px}.outcome-row+.outcome-row{border-top:1px solid var(--line)}.outcome-row strong{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outcome-row span{font-size:24px;font-weight:820;text-align:right}.team-avatar{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;color:var(--accent-dark);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:850;height:34px;justify-content:center;object-fit:contain;width:34px}.team-avatar.fallback{background:var(--accent-soft)}.market-meta-grid,.ticket-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;gap:8px;min-width:0;padding:10px 11px}.metric svg{color:var(--accent-dark);height:18px;width:18px}.metric span{color:var(--muted);display:block;font-size:11px;font-weight:760;line-height:1;text-transform:uppercase}.metric strong{display:block;font-size:14px;font-weight:820;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.position-chart-card{align-self:stretch;background:linear-gradient(180deg,#fff,#fbfcfd);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:16px;min-height:300px;padding:20px}.chart-heading{display:flex;justify-content:space-between;gap:14px}.chart-heading span,.section-title span{color:var(--muted);display:block;font-size:13px;font-weight:760;margin-bottom:4px}.chart-heading strong{display:block;font-size:54px;letter-spacing:0;line-height:.9}.chart-heading small{color:var(--muted);font-weight:700;padding-top:8px;text-align:right}.position-bars{background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;display:flex;height:18px;overflow:hidden}.position-bar.yes{background:#ff5a57}.position-bar.no{background:#80bdff}.chart-grid{border-bottom:1px dashed var(--line-strong);border-top:1px dashed var(--line-strong);display:grid;grid-template-columns:repeat(5,1fr);min-height:112px;padding-top:96px}.chart-grid span{color:var(--faint);font-size:12px;font-weight:700}.chart-grid span:not(:first-child){text-align:center}.chart-grid span:last-child{text-align:right}.legend-row{align-items:center;display:flex;justify-content:space-between}.legend-row span{align-items:center;color:var(--muted);display:flex;font-weight:720;gap:8px}.legend-row strong{font-size:18px}.dot{border-radius:50%;display:inline-block;height:9px;width:9px}.dot.yes{background:#ff5a57}.dot.no{background:#80bdff}.trade-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:14px;padding:14px}.trade-inputs{display:grid;gap:12px;grid-template-columns:160px minmax(0,1fr)}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:12px;font-weight:780;text-transform:uppercase}.field input,.field select,.field textarea{background:#fff;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);min-height:42px;padding:0 12px;width:100%}.field textarea{min-height:120px;padding:12px;resize:vertical}.compact-field select{min-height:38px}.boost-selectors{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.trade-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.yes-button,.no-button{border:0;border-radius:8px;font-weight:850;min-height:44px}.yes-button{background:#dcf8e9;color:#087a42}.no-button{background:#ffeded;color:#d14343}.settle-button{background:#111314;border:1px solid #111314;color:#fff;min-height:44px}.market-stat-band{border-top:1px solid var(--line);display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px}.stat-comparison{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;min-height:44px;padding:10px}.stat-comparison strong{font-size:16px}.stat-comparison strong:last-child{text-align:right}.stat-comparison span{color:var(--muted);font-size:12px;font-weight:760;text-align:center}.section-title{margin-bottom:14px}.section-title h2{font-size:26px;line-height:1;margin:0}.prediction-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.prediction-card{color:var(--ink);display:grid;gap:16px;min-height:178px;padding:14px;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.prediction-card:hover,.prediction-card.is-selected{border-color:#00a95a6b;transform:translateY(-1px)}.prediction-card.is-selected{box-shadow:inset 0 0 0 2px #00a95a33,var(--shadow)}.card-title-row{gap:10px}.card-title-row span{color:var(--muted);display:block;font-size:12px;font-weight:730;margin-bottom:3px}.card-title-row strong{display:-webkit-box;font-size:15px;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mini-outcomes{display:grid;gap:8px}.mini-outcomes div{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 54px 44px}.mini-outcomes span{font-weight:720}.mini-outcomes strong{font-size:18px;text-align:right}.mini-outcomes em{background:#dcf8e9;border-radius:6px;color:#087a42;font-size:13px;font-style:normal;font-weight:820;padding:5px 7px;text-align:center}.mini-outcomes div:last-child em{background:#ffeded;color:#d14343}.card-footer{color:var(--muted);font-size:13px;font-weight:720}.card-footer div{align-items:center;color:#8a95a1;display:flex;gap:9px}.lineup-panel,.insight-panel{padding:14px}.lineup-top{gap:12px;justify-content:space-between}.team-compact{gap:8px;min-width:0}.team-compact.align-right{flex-direction:row-reverse;text-align:right}.team-compact strong{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lineup-subhead{color:var(--muted);font-size:12px;font-weight:730;margin:12px 0 10px}.lineup-subhead span{text-transform:uppercase}.pitch-surface{background:linear-gradient(90deg,rgba(255,255,255,.11) 0 12.5%,transparent 12.5% 25%,rgba(255,255,255,.08) 25% 37.5%,transparent 37.5% 50%,rgba(255,255,255,.08) 50% 62.5%,transparent 62.5% 75%,rgba(255,255,255,.08) 75% 87.5%,transparent 87.5%),#2c875d;border-radius:8px;min-height:270px;overflow:hidden;position:relative}.pitch-surface:before,.pitch-surface:after{border:1px solid rgba(255,255,255,.55);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pitch-surface:before{height:100%;width:0}.pitch-surface:after{border-radius:50%;height:78px;width:78px}.lineup-empty{align-items:center;color:#ffffffeb;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;margin:auto;max-width:300px;padding:24px;place-content:center;position:absolute;text-align:center;z-index:2}.lineup-empty svg{margin-bottom:8px}.lineup-empty strong{font-size:18px}.lineup-empty p{color:#ffffffc7;font-size:13px;line-height:1.35;margin:7px 0 0}.lineup-side{top:0;right:0;bottom:0;left:0;position:absolute;z-index:3}.formation-label{background:#ffffffe6;border-radius:999px;color:#13543a;font-size:11px;font-weight:850;padding:4px 7px;position:absolute;top:10px}.lineup-side.home .formation-label{left:10px}.lineup-side.away .formation-label{right:10px}.player-chip{align-items:center;background:#fffffff0;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#17372a;display:flex;gap:4px;max-width:92px;min-height:22px;padding:2px 6px 2px 3px;position:absolute;transform:translate(-50%,-50%)}.player-chip span{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:10px;font-weight:850;height:18px;justify-content:center;width:18px}.player-chip strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-heading h2{font-size:25px;margin:0}.panel-heading svg{color:var(--muted)}.panel-note{border-bottom:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:650;line-height:1.35;margin:10px 0 0;padding-bottom:12px}.insight-list{display:grid;gap:4px;padding-top:12px}.insight-row{align-items:start;background:transparent;border:0;border-radius:9px;color:var(--ink);display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 58px;padding:12px 8px;text-align:left}.insight-row:hover{background:var(--surface-hover)}.insight-row strong{display:block;font-size:16px;line-height:1.2;margin-bottom:4px}.insight-row span,.insight-row small{color:var(--muted);display:block;font-size:14px;line-height:1.25}.insight-row small{margin-top:4px}.insight-row em{color:var(--ink);font-size:20px;font-style:normal;font-weight:820;text-align:right}.account-layout{display:grid;gap:20px;grid-template-columns:250px minmax(0,1fr);margin:28px auto 44px;max-width:1510px;padding:0 16px}.account-nav{align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:6px;padding:8px}.account-nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--ink);display:flex;font-weight:780;gap:10px;min-height:42px;padding:0 12px;text-align:left}.account-nav button:hover,.account-nav button.is-active{background:var(--accent-soft);color:var(--accent-dark)}.account-content{min-width:0}.account-card,.balance-hero{padding:18px}.profile-grid,.help-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.field.wide{grid-column:1 / -1}.account-action{margin-top:16px}.balance-hero{align-items:center;display:flex;justify-content:space-between}.balance-hero span{color:var(--muted);display:block;font-size:13px;font-weight:760;margin-bottom:5px;text-transform:uppercase}.balance-hero strong{display:block;font-size:44px;line-height:1}.account-grid.two,.leaderboard-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-list,.card-shelf,.badge-shelf{display:grid;gap:9px}.history-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;gap:10px;padding:10px}.history-row svg{color:var(--accent-dark)}.history-row div{min-width:0}.history-row strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row span{color:var(--muted);display:block;font-size:12px;font-weight:720;margin-top:2px}.history-row em{font-style:normal;font-weight:850;margin-left:auto}.is-positive{color:var(--accent-dark)}.is-negative{color:#d14343}.nft-card{border:1px solid var(--line);border-radius:10px;display:grid;gap:8px;padding:12px}.nft-card.basic{background:#f9fbfc}.nft-card.rare{background:#edf6ff;border-color:#c8e3ff}.nft-card.legendary{background:#fff8e7;border-color:#ffe0a3}.card-topline{align-items:center;display:flex;justify-content:space-between}.card-topline span,.nft-card small{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.nft-card h3{font-size:18px;margin:0}.nft-card p{color:var(--muted);font-size:13px;line-height:1.35;margin:0}.badge-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;color:var(--muted);gap:10px;padding:10px}.badge-item.is-earned{background:var(--accent-soft);border-color:#00a95a47;color:var(--accent-dark)}.badge-item strong{color:var(--ink);display:block;font-size:14px}.badge-item small{display:block;font-size:12px;line-height:1.3;margin-top:2px}.leaderboard-card h3{font-size:20px;margin-bottom:14px}.leaderboard-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;gap:9px;padding:11px}.leaderboard-row span{color:var(--muted);font-weight:850}.leaderboard-row strong{flex:1}.leaderboard-row em{font-style:normal;font-weight:850}.leaderboard-card small{color:var(--muted);display:block;font-size:12px;margin-top:10px}.help-grid>div{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:14px}.help-grid svg{color:var(--accent-dark)}.help-grid strong{display:block;font-size:18px;margin-top:8px}.help-grid p{color:var(--muted);line-height:1.45;margin:6px 0 0}.empty-state{align-items:center;color:var(--muted);display:grid;justify-items:center;padding:34px 20px;text-align:center}.empty-state.tall{min-height:340px}.empty-state.compact{box-shadow:none;padding:22px 14px}.empty-state svg{color:var(--accent-dark);margin-bottom:8px}.empty-state strong{color:var(--ink);font-size:18px}.empty-state p,.event-empty{color:var(--muted);line-height:1.4;margin:6px 0 0}.toast{background:#111314;border-radius:999px;bottom:20px;color:#fff;font-weight:720;left:50%;opacity:0;padding:12px 16px;pointer-events:none;position:fixed;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease;z-index:50}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:1320px){.arena-layout{grid-template-columns:minmax(0,1fr) 420px}.prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-content{grid-template-columns:1fr}}@media(max-width:1040px){.header-main{grid-template-columns:1fr auto}.search-box{grid-column:1 / -1;grid-row:2}.category-nav{gap:26px}.arena-layout,.account-layout{grid-template-columns:1fr}.insight-column{grid-template-columns:repeat(2,minmax(0,1fr))}.lineup-panel{grid-column:1 / -1}.account-nav{display:flex;overflow-x:auto}.leaderboard-grid,.account-grid.two{grid-template-columns:1fr}}@media(max-width:760px){.header-main{gap:14px;padding:12px 14px}.brand-lockup span{font-size:26px}.brand-logo{height:30px;width:30px}.auth-actions{gap:6px}.login-button,.signup-button{font-size:16px;min-height:36px;padding:0 11px}.category-nav{gap:20px;padding:0 14px 12px}.category-nav button{font-size:18px}.arena-layout,.account-layout{margin-top:16px;padding:0 10px}.featured-market-card{padding:16px}.featured-copy h1{font-size:34px}.market-meta-grid,.ticket-metrics,.boost-selectors,.trade-inputs,.trade-actions,.market-stat-band,.prediction-grid,.insight-column,.profile-grid,.help-grid{grid-template-columns:1fr}.trade-actions{grid-auto-rows:minmax(44px,auto)}.settle-button{width:100%}.balance-hero{align-items:start;display:grid;gap:14px}.balance-hero strong{font-size:36px}}
