@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f8f8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f6f8f8;--muted:#89909f;--muted-2:#626977;--panel:#111723;--panel-2:#171e2b;--line:#ffffff1a;--green:#4ac172;--green-bright:#67e18d;--danger:#ff6275;background:#080b12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080b12}body{background:radial-gradient(circle at 50% -20%,#17253a 0,#080b12 42%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(100%,1180px);min-height:100vh;padding-bottom:calc(86px + env(safe-area-inset-bottom));background:#0b1019;margin:0 auto;box-shadow:0 0 90px #0000008c}.app-header{min-height:146px;padding:max(26px, env(safe-area-inset-top)) clamp(22px, 5vw, 58px) 50px;background:radial-gradient(circle at 90% 0,#b2ffc138,#0000 30%),linear-gradient(145deg,#53c578 0%,#3caf69 62%,#238654 100%);justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;gap:11px;font:900 clamp(24px,4vw,34px)/1 Manrope,sans-serif;display:inline-flex}.brand-mark{width:31px;height:25px;display:inline-block;position:relative;transform:skew(-8deg)}.brand-mark i{border:5px solid;border-right:0;border-radius:5px 0 0 5px;width:14px;position:absolute;inset:0 auto 0 0}.brand-mark i:last-child{border:5px solid;border-left:0;border-radius:0 5px 5px 0;inset:0 0 0 auto}.header-actions{align-items:center;gap:10px;display:flex}.icon-button{cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .16s;display:grid}.icon-button:hover{background:#fff3;transform:translateY(-1px)}.balance-pill{cursor:pointer;background:#ffffff21;border:0;border-radius:24px;align-items:center;gap:8px;height:42px;padding:0 17px;display:flex}.balance-pill b{font-size:15px}.hero-zone{margin-top:-30px;padding:0 clamp(18px,5vw,58px) 32px}.feed-zone{padding:6px clamp(18px,5vw,58px) 50px}.section-heading{justify-content:space-between;align-items:center;margin:0 0 14px;display:flex}.section-heading h1,.section-heading h2{margin:3px 0 0;font:800 clamp(21px,3vw,28px)/1.15 Manrope,sans-serif}.kicker{color:#87e5a7;letter-spacing:1.8px;font-size:10px;font-weight:900}.live-radio{color:#85efab;filter:drop-shadow(0 0 8px #5be18b8c)}.battle-card{--accent:#5ae28f;isolation:isolate;background:linear-gradient(90deg,#000e1ced,#0a0c19ad 50%,#190315e0),#101725;border:1px solid #ffffff14;border-radius:23px;min-height:184px;padding:15px 16px 17px;transition:transform .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #0000004d}.battle-card:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);transform:translateY(-2px);box-shadow:0 22px 55px #0000006b}.battle-card-featured{min-height:218px}.battle-card:after{content:"";z-index:-1;opacity:.6;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.battle-glow{aspect-ratio:1;filter:blur(42px);opacity:.24;z-index:-1;border-radius:50%;width:52%;position:absolute;top:0}.battle-glow-a{background:#16a9cc;left:-18%}.battle-glow-b{background:#d43e78;right:-18%}.art-ai .battle-glow-a{background:#02d4c8}.art-ai .battle-glow-b{background:#8d4cff}.art-geopolitics .battle-glow-a{background:#3175d9}.art-geopolitics .battle-glow-b{background:#e7351e}.art-economy .battle-glow-a{background:#79a5bb}.art-economy .battle-glow-b{background:#e7a72e}.art-crypto .battle-glow-a{background:#f7931a}.art-crypto .battle-glow-b{background:#715cff}.art-space .battle-glow-a{background:#317ed4}.art-space .battle-glow-b{background:#b24ad1}.art-energy .battle-glow-a{background:#f2cb40}.art-energy .battle-glow-b{background:#39c987}.battle-card-topline{color:#9aa2af;justify-content:space-between;align-items:center;min-height:22px;display:flex}.status-dot{letter-spacing:1.4px;color:#8b93a1;align-items:center;gap:6px;font-size:9px;font-weight:900;display:inline-flex}.status-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-dot.is-live{color:#ff6575}.status-dot.is-live:before{animation:1.8s infinite pulse;box-shadow:0 0 0 5px #ff65751c}@keyframes pulse{50%{box-shadow:0 0 0 8px #ff657500}}.battle-card-content{grid-template-columns:1fr minmax(140px,1.3fr) 1fr;align-items:center;gap:6px;min-height:128px;display:grid}.battle-score{text-align:center;min-width:0}.battle-score small{color:#c2c6d0;letter-spacing:1.5px;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.battle-score strong{letter-spacing:-2px;justify-content:center;align-items:center;gap:8px;font:900 clamp(31px,7vw,48px)/1 Manrope,sans-serif;display:flex}.battle-score strong b:first-child{color:#42cfff}.battle-score strong b:last-child{color:#ff6d58}.art-ai .battle-score strong b:first-child{color:#40e8e3}.art-ai .battle-score strong b:last-child{color:#a37aff}.battle-score strong em{color:#646b78;font-style:normal}.battle-time{color:#ff7885;justify-content:center;align-items:center;gap:7px;margin-top:9px;font-size:12px;font-weight:800;display:flex}.battle-time i{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px}.battle-time.is-frozen{color:#858c99;text-transform:uppercase;letter-spacing:.8px;font-size:10px}.mini-lineup{justify-content:center;align-items:center;display:flex}.mini-lineup span{background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--fighter) 85%, white), color-mix(in srgb, var(--fighter) 32%, #111));color:#081018;border:2px solid #fff3;border-radius:50%;place-items:center;width:clamp(32px,8vw,48px);height:clamp(32px,8vw,48px);margin-left:-9px;font-size:10px;font-weight:900;display:grid;box-shadow:0 5px 15px #00000073}.mini-lineup span:first-child{margin-left:0}.mini-lineup-b{flex-direction:row-reverse}.battle-card h3{color:#e5e8ee;white-space:nowrap;text-overflow:ellipsis;margin:3px 3px 0;font-size:13px;font-weight:700;overflow:hidden}.category-strip{scrollbar-width:none;gap:9px;padding:2px 1px 16px;display:flex;overflow-x:auto}.category-strip::-webkit-scrollbar{display:none}.category-strip button{border:1px solid var(--line);cursor:pointer;color:#b1b7c1;background:#141a25;border-radius:17px;flex:none;padding:12px 16px;font-size:12px;font-weight:700}.category-strip button.active{color:#ebfff1;background:#45be6e24;border-color:#53d082;box-shadow:inset 0 0 0 1px #53d0822e}.battle-feed{grid-template-columns:1fr;gap:13px;display:grid}.battle-feed .battle-card{min-height:166px}.bottom-nav{z-index:30;width:min(100%,1180px);min-height:calc(70px + env(safe-area-inset-bottom));padding:8px 14px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d15e6;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;translate:-50%}.bottom-nav a{color:#6f7786;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.bottom-nav svg{width:20px}.bottom-nav a.active{color:#5ed48a}.battle-page{background:#090e16;min-height:100vh;padding-bottom:40px}.battle-hero{--accent:#55d987;min-height:410px;padding:max(25px, env(safe-area-inset-top)) clamp(20px, 5vw, 60px) 34px;background:radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 33%), radial-gradient(circle at 85% 60%, #8f4fff57, transparent 35%), linear-gradient(155deg, #172333, #090c15 70%);grid-template-columns:52px 1fr auto;align-content:start;gap:16px;display:grid;position:relative;overflow:hidden}.battle-hero:after{content:"";opacity:.18;pointer-events:none;background:repeating-linear-gradient(120deg,#0000 0 24px,#ffffff0f 25px 26px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.battle-hero>*{z-index:1;position:relative}.back-button{grid-column:1}.battle-hero>.brand{align-self:center}.battle-hero>.status-dot{align-self:center;padding-right:5px}.battle-hero-copy{text-align:center;grid-column:1/-1;max-width:720px;margin:36px auto 0}.battle-hero-copy h1{letter-spacing:-2px;margin:7px 0 9px;font:900 clamp(29px,7vw,58px)/1 Manrope,sans-serif}.battle-hero-copy p{color:#a9b0bd;max-width:620px;margin:0 auto;font-size:clamp(12px,2vw,15px);line-height:1.55}.detail-score{letter-spacing:-4px;grid-column:1/-1;justify-content:center;align-items:center;gap:17px;margin-top:18px;font:900 clamp(50px,13vw,88px)/.9 Manrope,sans-serif;display:flex}.detail-score em{color:#5d6470;font-style:normal}.detail-meta{color:#b1b7c2;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.detail-meta svg{width:15px}.data-status{text-transform:uppercase;letter-spacing:.8px;border-radius:8px;margin-left:7px;padding:5px 8px;font-size:8px}.status-live{color:#70e49a;background:#52d8811f}.status-cached{color:#ffc66d;background:#ffc05b1f}.status-frozen{color:#9ba1ad;background:#ffffff12}.battle-main{width:min(100%,1050px);margin:0 auto;padding:24px clamp(17px,4vw,40px)}.rosters{gap:16px;display:grid}.team-roster{--team:#4dd9d2;border:1px solid color-mix(in srgb, var(--team) 22%, var(--line));background:linear-gradient(150deg, color-mix(in srgb, var(--team) 8%, #121824), #0e141e 55%);border-radius:22px;overflow:hidden}.team-roster>header{border-bottom:1px solid var(--line);padding:18px 18px 13px}.team-roster>header span{color:var(--team);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:900}.team-roster>header h2{margin:4px 0 0;font:800 19px/1.2 Manrope,sans-serif}.fighter-grid{padding:7px 12px 12px}.fighter{border-bottom:1px solid #fff1;grid-template-columns:45px 1fr auto;align-items:center;gap:11px;min-height:68px;padding:9px 5px;display:grid}.fighter:last-child{border-bottom:0}.fighter-avatar{border:1px solid color-mix(in srgb, var(--fighter,var(--team)) 65%, white);background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--fighter,var(--team)) 82%, white), color-mix(in srgb, var(--fighter,var(--team)) 25%, #0b1018));color:#0c1218;border-radius:14px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:900;display:grid;box-shadow:0 7px 16px #00000040}.fighter-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.fighter-copy strong{font-size:13px}.fighter-copy span{color:#7f8794;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.fighter-copy a{color:#86dca7;align-items:center;gap:3px;width:fit-content;margin-top:3px;font-size:9px;font-weight:700;display:inline-flex}.fighter-power{color:var(--team);font:800 17px/1 Manrope,sans-serif}.fighter-black-swan{opacity:.48}.fighter-black-swan .fighter-avatar{color:#7e8591;background:#ffffff0a;border-style:dashed}.bet-panel{background:linear-gradient(145deg,#3db5671f,#111722 54%);border:1px solid #5be28c40;border-radius:22px;margin-top:18px;padding:20px;box-shadow:0 16px 40px #00000040}.bet-heading{justify-content:space-between;align-items:flex-start;display:flex}.bet-heading h3{margin:4px 0 15px;font:800 21px/1.15 Manrope,sans-serif}.bet-heading svg{color:#65da8e}.side-picker{grid-template-columns:1fr 1fr;gap:9px;display:grid}.side-picker button{border:1px solid var(--line);color:#9fa6b1;cursor:pointer;background:#181f2b;border-radius:15px;justify-content:space-between;align-items:center;min-height:58px;padding:0 15px;font-size:12px;font-weight:700;display:flex}.side-picker button b{font:900 20px/1 Manrope,sans-serif}.side-picker button.active{color:#ecfff3;background:#44c2701f;border-color:#62d78b;box-shadow:inset 0 0 0 1px #62d78b24}.amount-control{margin:18px 0;display:block}.amount-control>span{color:#9199a6;justify-content:space-between;font-size:11px;display:flex}.amount-control b{color:#fff}.amount-control input{accent-color:#50cc7c;width:100%;margin-top:13px}.primary-button{color:#07140b;cursor:pointer;background:linear-gradient(135deg,#65dd8d,#3aad65);border:0;border-radius:14px;width:100%;min-height:50px;font-weight:900;box-shadow:0 12px 30px #37b36133}.primary-button:disabled{filter:grayscale(.8);opacity:.45;cursor:not-allowed;box-shadow:none}.bet-panel>small{color:#707886;text-align:center;margin-top:11px;font-size:9px;display:block}.bet-panel.is-preview{border-color:var(--line);background:#111722;align-items:center;gap:14px;display:flex}.bet-panel.is-preview svg{color:#a981ff;flex:none}.bet-panel.is-preview div{flex-direction:column;gap:4px;display:flex}.bet-panel.is-preview span{color:#858d99;font-size:11px;line-height:1.4}.bet-success{color:#77e39b;background:#4ac1721f;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:86px;display:flex}.bet-success span{color:#d4d9df;font-size:11px}.rules-card{border:1px solid var(--line);background:#101620;border-radius:22px;margin-top:18px;padding:21px}.rules-card h3{margin:5px 0 8px;font:800 18px/1.2 Manrope,sans-serif}.rules-card p{color:#858d9a;margin:0;font-size:11px;line-height:1.6}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020509c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-dialog{background:linear-gradient(155deg,#192332,#0e131d 65%);border:1px solid #ffffff21;border-radius:26px;width:min(100%,440px);padding:29px;position:relative;box-shadow:0 30px 100px #000000b3}.dialog-close{position:absolute;top:13px;right:13px}.auth-dialog h2{margin:6px 0 5px;font:800 27px/1.15 Manrope,sans-serif}.auth-dialog>p{color:#8c94a1;margin:0 36px 20px 0;font-size:12px;line-height:1.5}.auth-tabs{background:#0b1018;border-radius:13px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.auth-tabs button{color:#707886;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 4px;font-size:10px;font-weight:700}.auth-tabs button.active{color:#fff;background:#202938}.auth-dialog form{gap:13px;margin-top:17px;display:grid}.auth-dialog label{color:#989fac;gap:6px;font-size:10px;font-weight:700;display:grid}.auth-dialog input{border:1px solid var(--line);color:#fff;background:#0b1018;border-radius:13px;outline:none;min-height:47px;padding:0 13px}.auth-dialog input:focus{border-color:#54cc80;box-shadow:0 0 0 3px #54cc8017}.form-error,.form-message{border-radius:10px;padding:10px;font-size:11px}.form-error{color:#ff8997;background:#ff4b6217}.form-message{color:#72dc97;background:#4ac17217}.placeholder-page,.standalone-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:62vh;padding:70px 24px;display:flex}.placeholder-page>svg{color:#5bd487;width:42px;height:42px;margin-bottom:12px}.placeholder-page h1{margin:5px 0 8px;font:800 30px/1.1 Manrope,sans-serif}.placeholder-page p{color:#858d99;max-width:460px;font-size:12px;line-height:1.6}.placeholder-page .primary-button{width:min(100%,260px);margin-top:12px}.utility-page{min-height:70vh;padding:28px clamp(18px,5vw,58px) 62px}.utility-heading{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.utility-heading>svg{color:#71df97;background:#55d3831f;border-radius:13px;flex:none;width:38px;height:38px;padding:8px}.utility-heading h1,.profile-heading h1{letter-spacing:-1.3px;margin:4px 0 6px;font:800 clamp(28px,6vw,43px)/1.05 Manrope,sans-serif}.utility-heading p,.profile-heading p{color:#868e9b;margin:0;font-size:12px;line-height:1.55}.utility-skeleton{background:linear-gradient(100deg,#141b27 20%,#1d2635 40%,#141b27 60%) 0 0/200% 100%;border-radius:20px;min-height:230px;animation:1.4s infinite loading}.leaderboard-list,.mission-list,.bet-history{border:1px solid var(--line);background:#111722;border-radius:20px;overflow:hidden}.leader-row{border-bottom:1px solid var(--line);grid-template-columns:40px 43px 1fr auto;align-items:center;gap:11px;min-height:73px;padding:10px 16px;display:grid}.leader-row:last-child{border-bottom:0}.leader-row .rank{color:#77808e;font-size:12px}.leader-avatar{color:#08110b;background:linear-gradient(145deg,#71df97,#318f57);border-radius:13px;place-items:center;width:41px;height:41px;font-size:11px;font-weight:900;display:grid}.leader-row div{flex-direction:column;gap:3px;min-width:0;display:flex}.leader-row strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.leader-row small{color:#737c89;font-size:9px}.leader-row em{color:#75df9a;font:800 17px/1 Manrope,sans-serif}.empty-card,.account-gate{border:1px solid var(--line);text-align:center;background:#111722;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px;display:flex}.empty-card>svg,.account-gate>svg{color:#68da90}.empty-card h2,.account-gate h2{margin:10px 0 6px;font:800 20px/1.15 Manrope,sans-serif}.empty-card p,.account-gate p{color:#7d8693;max-width:390px;margin:0;font-size:11px;line-height:1.55}.account-gate .primary-button{width:min(100%,250px);margin-top:17px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.metric-grid-three{grid-template-columns:repeat(3,1fr)}.metric-grid>div{border:1px solid var(--line);background:linear-gradient(145deg,#46c77414,#111722 62%);border-radius:18px;flex-direction:column;justify-content:center;gap:7px;min-height:89px;padding:17px;display:flex}.metric-grid small{color:#7d8693;text-transform:uppercase;letter-spacing:.7px;font-size:9px}.metric-grid b{font:800 clamp(18px,4vw,25px)/1 Manrope,sans-serif}.utility-section{margin-top:26px}.utility-title{align-items:center;gap:11px;margin-bottom:12px;display:flex}.utility-title>svg{color:#64d78d;width:21px}.utility-title h2{margin:3px 0 0;font:800 20px/1.15 Manrope,sans-serif}.mission-list article{border-bottom:1px solid var(--line);opacity:.72;grid-template-columns:37px 1fr auto;align-items:center;gap:11px;min-height:81px;padding:14px;display:grid}.mission-list article:last-child{border-bottom:0}.mission-list article>svg{color:#9098a5;background:#ffffff0d;border-radius:11px;width:34px;height:34px;padding:8px}.mission-list article div{flex-direction:column;gap:4px;display:flex}.mission-list article strong{font-size:12px}.mission-list article span{color:#79818e;font-size:9px;line-height:1.4}.mission-list article>b{color:#8ddca8;font-size:10px}.bet-history>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:67px;padding:12px 15px;font-size:11px;display:grid}.bet-history>div:last-child{border-bottom:0}.bet-history span{flex-direction:column;gap:3px;display:flex}.bet-history small{color:#6f7785;font-size:8px}.bet-history em{color:#7ddf9f;text-transform:uppercase;background:#4ac1721a;border-radius:8px;padding:5px 7px;font-size:8px;font-style:normal}.empty-inline{border:1px dashed var(--line);color:#747d8a;text-align:center;border-radius:17px;padding:26px;font-size:11px}.profile-heading{text-align:center;flex-direction:column;align-items:center;padding:16px 0 23px;display:flex}.profile-avatar{background:linear-gradient(145deg,#68dd9140,#3482521a);border:1px solid #68dd9159;border-radius:25px;place-items:center;width:78px;height:78px;margin-bottom:15px;display:grid}.profile-avatar svg{color:#77e29c;width:36px;height:36px}.secondary-button{border:1px solid var(--line);color:#aab1bc;cursor:pointer;background:#151c27;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;margin-top:18px;font-weight:700;display:flex}.secondary-button svg{width:18px}.error-panel{text-align:center;background:#ff5c700d;border:1px solid #ff5c7040;border-radius:22px;place-items:center;min-height:180px;display:grid}.error-panel button{cursor:pointer;background:#202735;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 14px;display:inline-flex}.card-skeleton{background:linear-gradient(100deg,#141b27 20%,#1d2635 40%,#141b27 60%) 0 0/200% 100%;border-radius:23px;min-height:218px;animation:1.4s infinite loading}@keyframes loading{to{background-position-x:-200%}}@media (width>=720px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}.hero-zone{margin-top:-35px}.battle-card-featured{min-height:265px}.battle-card-featured .battle-card-content{min-height:175px}.battle-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.rosters{grid-template-columns:1fr 1fr}.bet-panel,.rules-card{width:min(100%,720px);margin-left:auto;margin-right:auto}.battle-hero{min-height:490px}}@media (width>=1020px){.app-header{min-height:175px}.hero-zone{grid-template-columns:1fr;display:grid}.battle-card-featured{min-height:310px}.battle-card-featured .battle-card-content{min-height:210px}.battle-score strong{font-size:62px}.mini-lineup span{width:58px;height:58px}.battle-feed{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}