:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--orange:#ff8100;--orange-bright:#ff9e00;--cyan:#20f2f1;--violet:#745cff;--ink:#08071d;--panel:#090824db;--text:#f8f6ff;--muted:#aaa7bf}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{min-width:320px;color:var(--text);background:#050516;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit;cursor:pointer;transition:transform .16s,filter .16s,box-shadow .16s,border-color .16s}button:not(:disabled):hover{filter:brightness(1.09);transform:translateY(-2px)}button:not(:disabled):active{transform:translateY(0)scale(.99)}.page-shell{isolation:isolate;background-image:radial-gradient(circle at 50% 44%,#1f51ff14,#0000 32%),linear-gradient(#02031614 0%,#03021408 56%,#03021473 100%),url(https://jubix-assets.netlify.app/images/game-bg-2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;place-items:start center;min-height:100svh;display:grid;position:relative;overflow:hidden visible}.page-shell:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(90deg,#03041833,#0000 30% 70%,#03041833),radial-gradient(#0000 25%,#04031833 100%);position:absolute;inset:0}.page-shell:has(.menu-screen){background-color:#030214;background-image:none}.page-shell:has(.menu-screen):before{position:fixed}.page-shell:has(.menu-screen):after{z-index:-2;content:"";pointer-events:none;background-image:radial-gradient(circle at 50% 44%,#1f51ff14,#0000 32%),linear-gradient(#02031614 0%,#03021408 56%,#03021473 100%),url(https://jubix-assets.netlify.app/images/game-bg-2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.top-controls{z-index:20;top:max(24px, env(safe-area-inset-top));width:var(--controls-width,min(430px, calc(100% - 32px)));justify-content:space-between;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.top-controls.sound-only{justify-content:flex-start}.top-controls.sound-only.has-close{justify-content:space-between}.top-controls.sound-only .profile-menu{display:none}.top-controls .screen-close{flex:none;position:static}.round-control,.profile-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(#221946db,#0b0927eb);border:1px solid #a97bff8c;transition:all .16s;box-shadow:inset 0 0 18px #774aff1f,0 8px 24px #0000004d}.profile-menu{position:relative}.round-control:hover,.profile-pill:hover{border-color:#43ecffc7;transform:translateY(-1px);box-shadow:inset 0 0 18px #1cdeff1f,0 0 20px #5037ff4d}.round-control{border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.round-control svg{fill:#def;filter:drop-shadow(0 0 5px #44d8ffb8);width:19px}.round-control.is-muted svg{opacity:.48}.profile-pill{border-radius:999px;align-items:center;gap:8px;min-width:128px;height:42px;padding:0 14px 0 11px;font-size:13px;font-weight:700;display:flex}.profile-icon{background:linear-gradient(145deg,#db5fff,#704fff);border-radius:50%;place-items:center;width:22px;height:22px;display:grid;box-shadow:0 0 12px #ba4cffb8}.profile-icon svg{fill:#fff;width:14px}.profile-pill .chevron{fill:none;stroke:#d9d3ed;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;margin-left:auto;transition:transform .18s}.profile-pill[aria-expanded=true] .chevron{transform:rotate(180deg)}.profile-pill.is-guest .chevron{display:none}.profile-pill.is-guest{justify-content:center;min-width:112px}.profile-dropdown{z-index:10;opacity:0;pointer-events:none;transform-origin:100% 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:radial-gradient(circle at 85% 10%,#7745db1f,#0000 46%),linear-gradient(150deg,#1b133af7,#0c0a27fa);border:1px solid #8b67e56b;border-radius:20px;width:214px;padding:17px 16px 14px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-7px)scale(.97);box-shadow:inset 0 0 26px #7f4ee014,0 16px 38px #00000073}.profile-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.provider-label{color:#aaa7bc;letter-spacing:.02em;padding:0 4px 13px;font-size:11px;font-weight:500}.logout-action{cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;padding:11px 8px;font-size:17px;font-weight:500;transition:background .15s,color .15s;display:flex}.logout-action:hover{color:var(--cyan);background:#8b5ee624}.profile-action{margin-bottom:3px}.logout-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.home-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(520px,100% - 32px);min-height:100svh;padding:clamp(76px,8vh,96px) 0 24px;display:flex;transform:translateY(-30px)}.brand-logo{z-index:2;filter:drop-shadow(0 8px 2px #0000004d)drop-shadow(0 0 13px #14c7ff2e);width:min(470px,91%);height:auto;display:block;position:relative}.hero-wrap{z-index:1;place-items:center;width:min(500px,98%);margin:4px 0 -13px;display:grid;position:relative}.hero-glow{z-index:-1;aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle,#1d91ff6b,#2a14ad2e 47%,#0000 70%);border-radius:50%;width:72%;position:absolute}.hero-image{filter:drop-shadow(0 16px 20px #00000073);width:100%;height:auto;animation:3.5s ease-in-out infinite heroFloat;display:block}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.mission-panel{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 50% 120%,#ff7a002e,#0000 45%),linear-gradient(160deg,#130f3cf0,#070821e8);border:1px solid #35ceffb3;border-radius:21px;width:min(430px,100%);padding:19px 22px 17px;position:relative;box-shadow:inset 0 0 32px #4d31bd29,0 15px 42px #00000059,0 0 18px #159cff26}.home-view .season-title{color:var(--orange-bright);letter-spacing:.02em;white-space:nowrap;margin:0 0 8px;font-size:35px;font-weight:900;line-height:1.2}.mission-copy{letter-spacing:.08em;flex-direction:column;font-size:18px;font-weight:800;line-height:1.24;display:flex}.mission-copy strong:nth-child(2){color:var(--cyan);text-shadow:0 0 15px #20f2f159}.mission-copy span{color:#a7a3bb;letter-spacing:.17em;margin-top:8px;font-size:12px;font-weight:600}.powers{grid-template-columns:repeat(3,1fr);margin-top:13px;display:grid}.power{color:#f0eeff;letter-spacing:.04em;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-height:74px;font-size:9px;font-weight:700;line-height:1.05;display:flex;position:relative}.power+.power:before{content:"";background:linear-gradient(#0000,#8a74e180,#0000);width:1px;position:absolute;top:8px;bottom:6px;left:0}.power-icon{background:linear-gradient(145deg,#8146ffeb,#211458f2);border:1px solid #9568ffe0;border-radius:50%;place-items:center;width:47px;height:47px;display:grid;box-shadow:inset 0 0 13px #ffffff24,0 0 18px #7b47ff75}.power-icon svg{fill:#fff;filter:drop-shadow(0 0 5px #ffffff73);width:24px;height:24px}.main-actions{flex-direction:column;gap:10px;width:min(430px,100%);margin-top:11px;display:flex}.action-button{cursor:pointer;letter-spacing:.02em;border-radius:10px;grid-template-columns:1fr auto;justify-content:center;align-items:center;width:100%;height:50px;padding:0 52px;font-size:16px;font-weight:800;transition:transform .16s,filter .16s,box-shadow .16s;display:grid;position:relative}.action-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.action-button:active{transform:translateY(0)scale(.99)}.action-button.primary{text-shadow:0 1px 2px #67230066;background:linear-gradient(100deg,#ff7200,#ff9700);border:1px solid #ffbd00;box-shadow:inset 0 1px #ffffff59,0 0 23px #ff760042}.action-button.secondary{background:linear-gradient(#1d1941f0,#0d0c2ff5);border:1px solid #755bf4bd;box-shadow:inset 0 0 22px #674cd826,0 8px 24px #0000003b}.action-button>span:not(.trophy){grid-column:1/-1}.action-button svg{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:21px;position:absolute;right:24px}.action-button .trophy{filter:drop-shadow(0 0 6px #ffb00099);font-size:20px;position:absolute;left:130px}.airdrop-copy{margin:18px 0 0;font-size:12px;font-weight:600}.airdrop-copy strong{color:var(--orange-bright)}.footer-links{color:#7562f8e6;justify-content:center;align-items:center;gap:10px;margin-top:15px;font-size:13px;font-weight:600;display:flex}.footer-links a,.footer-links button{color:#9b70ff;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;transition:color .16s,text-shadow .16s}.footer-links button:not(:disabled):hover,.footer-links button:not(:disabled):active{filter:none;transform:none}.footer-links a:hover,.footer-links button:hover{color:var(--cyan);text-shadow:0 0 10px #20f2f18c}.demo-toast{z-index:20;bottom:max(18px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;white-space:nowrap;background:#07081ff0;border:1px solid #49ddff80;border-radius:999px;padding:10px 16px;font-size:12px;transition:all .18s;position:fixed;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 30px #00000059}.demo-toast.show{opacity:1;transform:translate(-50%)}.demo-screen{flex-direction:column;justify-content:flex-start;align-items:center;width:min(100%,760px);min-height:100dvh;padding:clamp(108px,14.5vh,158px) 22px 52px;animation:.26s both screenIn;display:flex;position:relative}@keyframes screenIn{0%{opacity:0}to{opacity:1}}.screen-close{z-index:12;top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#110c30e0;border:1px solid #8562de7a;border-radius:50%;place-items:center;width:42px;height:42px;padding:0 0 3px;font-size:28px;font-weight:300;line-height:1;display:grid;position:fixed;box-shadow:0 9px 24px #00000059}.screen-logo{filter:drop-shadow(0 8px 15px #00000073);flex:none;width:min(390px,78vw);height:auto;margin-bottom:22px}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:radial-gradient(circle at 50% 110%,#ff7e001f,#0000 44%),linear-gradient(155deg,#140f3bf5,#070820f2);border:1px solid #38cfff94;border-radius:22px;width:min(430px,100%);padding:28px;box-shadow:inset 0 0 35px #5e38cd21,0 20px 55px #0000006b}.auth-back{flex:none;width:min(430px,100%);margin-top:12px}.auth-step{flex-direction:column;align-items:center;display:flex}.screen-kicker{color:var(--cyan);letter-spacing:.17em;font-size:10px;font-weight:800}.auth-card h1{color:#fff;letter-spacing:.06em;margin:7px 0 6px;font-size:23px;font-weight:900;line-height:1.15}.screen-subtitle{color:#aaa7bb;margin:0 0 22px;font-size:13px;line-height:1.5}.provider-button,.wide-demo-button{cursor:pointer;border-radius:11px;width:100%;min-height:50px;font-weight:800;transition:all .16s}.provider-button:hover,.wide-demo-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.provider-button{border:0;justify-content:center;align-items:center;gap:11px;margin-top:11px;padding:0 18px;font-size:14px;display:flex}.provider-button svg{width:20px;height:20px}.google-button{color:#17131f;background:#fff}.discord-button{color:#fff;background:linear-gradient(100deg,#5965f2,#7659ef)}.discord-button svg{fill:currentColor}.auth-note{color:#d2cfe275;margin-top:17px;font-size:10px}.preview-avatar{background:linear-gradient(145deg,#d65cff,#5e49ff);border:1px solid #5be0ffb8;border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:12px;font-size:25px;font-weight:900;display:grid;box-shadow:0 0 25px #854bff7a}.field-label{color:#9995ae;letter-spacing:.16em;text-align:left;width:100%;margin-bottom:7px;font-size:9px;font-weight:800}.demo-input{color:#fff;text-align:center;background:#040518b8;border:1px solid #8066da80;border-radius:10px;outline:none;width:100%;height:50px;padding:0 15px;font-size:16px;transition:border .15s,box-shadow .15s}.demo-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20f2f11a,0 0 18px #20f2f11f}.wallet-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.field-message{color:#77738d;text-align:left;width:100%;min-height:28px;padding-top:6px;font-size:10px}.field-message.is-error{color:#ff7575}.wide-demo-button{letter-spacing:.06em;margin-top:9px;padding:0 18px;font-size:13px}.primary-demo-button{color:#fff;background:linear-gradient(100deg,#ff7200,#ff9700);border:1px solid #ffbd00;box-shadow:0 0 22px #ff780033}.ghost-demo-button{color:#c6c2d6;background:#100d309e;border:1px solid #7c60da7a}.wallet-symbol{color:#fff;background:linear-gradient(145deg,#ff9c00,#ff6b00);border-radius:17px;place-items:center;width:56px;height:56px;margin-bottom:12px;font-size:27px;display:grid;transform:rotate(-4deg);box-shadow:0 0 25px #ff790059}.wallet-warning{color:#ff9b16;margin:4px 0 8px;font-size:12px;font-weight:700;line-height:1.45}@media (height<=900px) and (width>=701px){.home-card{padding-top:70px;padding-bottom:16px}.brand-logo{width:min(400px,83%)}.hero-wrap{width:min(400px,82%);margin-top:0;margin-bottom:-18px}.system-state-logo{width:min(400px,83%)}.system-state-heroes{width:min(400px,82%);margin-top:0;margin-bottom:-18px}.system-state-card,.mission-panel{padding-top:14px;padding-bottom:12px}.mission-copy{font-size:16px}.powers{margin-top:9px}.power-icon{width:40px;height:40px}.power-icon svg{width:20px}.action-button{height:46px}.airdrop-copy{margin-top:12px}.footer-links{margin-top:10px}}.ui-screen{width:min(100%,820px);padding-top:clamp(108px,14.5vh,158px);padding-bottom:54px}.ui-screen.leaderboard-view{height:100dvh;min-height:0;padding-top:24px;padding-bottom:24px;overflow:hidden}.ui-screen.howto-view{padding-top:22px;padding-bottom:38px;animation:none}.ui-screen.arena-view{justify-content:center;width:100%;min-height:100dvh;padding:24px}.arena-view .ui-screen-content{width:100%;max-width:none}.leaderboard-view .ui-screen-content{height:100%;min-height:0}.ui-screen-content{text-align:center;width:min(560px,100%)}.ui-logo{filter:drop-shadow(0 9px 18px #00000075);width:min(360px,76vw);height:auto;margin:0 auto 22px;display:block}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#140f3bf5,#070820f2);border:1px solid #37cfff8f;border-radius:22px;padding:24px;box-shadow:inset 0 0 35px #5e38cd21,0 20px 55px #0000006b}.ui-kicker{color:var(--cyan);letter-spacing:.17em;font-size:10px;font-weight:900}.ui-title{letter-spacing:.04em;margin:7px 0 8px;font-size:clamp(24px,5vw,35px);line-height:1}.ui-copy{color:#aaa7bf;font-size:13px;line-height:1.55}.accent{color:var(--orange-bright)}.cyan{color:var(--cyan)}.info-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.info-box{text-align:center;background:#0304178c;border:1px solid #795ce059;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:76px;padding:15px 8px;display:flex}.info-box strong{color:#fff;font-size:20px;display:block}.info-box span{color:#8e8aa3;letter-spacing:.08em;font-size:9px}.stack{flex-direction:column;gap:10px;margin-top:18px;display:flex}.demo-cta{color:#fff;cursor:pointer;background:linear-gradient(100deg,#ff7100,#ff9700);border:1px solid #ffb600;border-radius:10px;min-height:48px;padding:0 18px;font-weight:900}.demo-cta.alt{background:#120f36e6;border-color:#755bf4b8}.how-list{text-align:left;gap:10px;margin-top:18px;display:grid}.how-item{background:#03041894;border-radius:13px;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:13px;display:grid}.how-number{background:linear-gradient(145deg,#8756ff,#412a9c);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.how-item strong{font-size:12px;display:block}.how-item span{color:#9f9bad;font-size:11px}.howto-layout{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.howto-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 2px 7px;display:flex}.howto-heading h1{color:var(--orange-bright);letter-spacing:.06em;margin:0;font-size:29px}.howto-heading p{color:#aaa7bf;margin:5px 0 0;font-size:13px;font-style:italic}.howto-heading .howto-close{flex:none;width:38px;height:38px;margin-top:0;position:static}.howto-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#140e32eb,#09071ee8);border:1px solid #8164de4d;border-radius:15px;padding:18px 20px;box-shadow:inset 0 0 26px #6139c712}.howto-box h2{color:var(--orange-bright);letter-spacing:.06em;margin:0 0 10px;font-size:14px}.howto-box>p{color:#f1edf4;margin:0;font-size:13px;line-height:1.65}.howto-box>p+h2{margin-top:18px}.howto-item{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;margin-top:8px;display:grid}.howto-item>span{color:#fff;text-align:center;width:24px;font-size:13px}.howto-item.numbered>span{color:var(--cyan);font-weight:800}.howto-item p{color:#f1edf4;margin:0;font-size:13px;line-height:1.55}.howto-back{background:#2ebdb0;border-color:#35d6c8;width:100%;margin-top:3px}.spin-orb{background:radial-gradient(circle,#7252ff 0,#1a1249 45%,#07071d 72%);border:1px solid #5ee4ffa6;border-radius:50%;place-items:center;width:210px;height:210px;margin:18px auto;display:grid;box-shadow:0 0 45px #5054ff7a,inset 0 0 35px #ffffff24}.spin-mark{filter:drop-shadow(0 0 15px #ffffffb3);font-size:70px}.faction-badge{background:radial-gradient(circle,#62421b,#160d19 65%);border:2px solid #ff9b00;border-radius:50%;place-items:center;width:190px;height:190px;margin:18px auto;font-size:70px;display:grid;box-shadow:0 0 42px #ff80006b}.spin-layout{width:min(360px,76vw);margin:0 auto}.spin-card{width:100%;padding:22px 18px}.spin-username{font-size:12px}.spin-title{letter-spacing:.035em;margin:7px 0 8px;font-size:22px;line-height:1.08}.spin-character-wrap{background:radial-gradient(circle,#3f2b89cc,#06071df5 70%);border:2px solid #705bdbbf;border-radius:50%;place-items:center;width:190px;height:190px;margin:18px auto 2px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 35px #674ae05c}.spin-character{object-fit:cover;width:100%;height:100%}.spin-character-wrap.is-mystery:not(.is-spinning) .spin-character{filter:saturate(.28)brightness(.42)}.spin-character-wrap.is-mystery.is-spinning .spin-character{filter:saturate(.72)brightness(.82)}.spin-character-wrap.is-mystery>span{z-index:2;color:#fff;text-shadow:0 2px 12px #000000f2;font-size:46px;font-weight:900;line-height:1;position:absolute}.spin-actions{flex-direction:column;gap:10px;margin-top:12px;display:flex}.faction-aetherians{--faction-color:#1d9cb0}.faction-card{border-color:var(--faction-color);box-shadow:inset 0 0 35px #1d9cb021,0 20px 55px #0000006b}.faction-name{color:var(--faction-color);letter-spacing:.08em;margin:7px 0 0;font-size:27px}.faction-avatar{border-color:var(--faction-color);box-shadow:0 0 40px #1d9cb07a}.faction-quote{color:#f6f1e8;margin:16px 0 13px;font-size:15px;font-style:italic}.faction-ability{color:var(--faction-color);letter-spacing:.1em;font-size:13px;font-weight:900}.faction-description{color:#aaa7bf;margin:7px 0 0;font-size:12px}.faction-fight{border-color:var(--faction-color);background:var(--faction-color);box-shadow:0 0 18px #1d9cb061}.arena-card{background:radial-gradient(circle at 50% 55%,#5736b8bf,#040518f5 67%);min-height:560px;position:relative;overflow:hidden}.hud-row{justify-content:space-between;gap:8px;display:flex}.hud-chip{background:#040519b8;border:1px solid #4ddcff73;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800}.target{background:linear-gradient(145deg,#fd6f00,#76204c);border:2px solid #ffffff80;border-radius:50%;place-items:center;width:76px;height:76px;font-size:34px;display:grid;position:absolute;box-shadow:0 0 20px #ff5b0059}.target.one{top:30%;left:14%}.target.two{top:47%;right:14%}.target.three{top:66%;left:38%}.power-meter{background:#08051d;border:1px solid #7f5cff;border-radius:999px;height:16px;position:absolute;bottom:22px;left:22px;right:22px;overflow:hidden}.power-meter:before{content:"";background:linear-gradient(90deg,#654cff,#19eff0);width:72%;height:100%;display:block}.arena-shell{background:#07071b;border:1px solid #35ceff94;border-radius:22px;flex-direction:column;width:min(680px,100vw - 48px);height:min(790px,100dvh - 48px);min-height:580px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 22px 65px #0000007a,0 0 28px #1d9cb026}.arena-hud{background:#040412f7;border-bottom:1px solid #1a1a3a;grid-template-columns:1fr minmax(130px,220px) 1fr;align-items:center;gap:10px;min-height:62px;padding:0 15px;display:grid}.arena-player-status{text-align:left;align-items:center;gap:10px;display:flex}.arena-hearts{letter-spacing:1px;white-space:nowrap;font-size:15px}.arena-player-status strong{color:#f5f0e7;font-size:12px;display:block}.arena-player-status small{color:#8f8b9f;font-size:10px;display:block}.arena-wave-progress{color:#f5f0e7;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.arena-wave-progress>div{background:#1a1a3a;border-radius:3px;width:100%;height:5px;overflow:hidden}.arena-wave-progress i{background:#1d9cb0;border-radius:3px;width:49%;height:100%;display:block}.arena-score{text-align:right;justify-content:flex-end;align-items:center;gap:7px;display:flex}.arena-score strong{color:var(--orange-bright);font-size:17px;display:block}.arena-score span{color:#1d9cb0;font-size:9px;font-weight:800;display:block}.arena-score .round-control{flex:none;width:40px;height:40px;margin-left:4px}.arena-stage{cursor:crosshair;touch-action:manipulation;background:#08081a url(https://jubix-assets.netlify.app/images/game-arena-bg.jpg) 50%/cover no-repeat;flex:1;min-height:0;position:relative;overflow:hidden}.arena-glow{pointer-events:none;background:radial-gradient(#1d9cb024,#0000 60%);position:absolute;inset:0}.arena-player{z-index:4;filter:drop-shadow(0 0 15px #1d9cb0)drop-shadow(0 0 5px #1d9cb0);pointer-events:none;width:102px;height:102px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-player img{object-fit:contain;width:100%;height:100%}.arena-enemy{z-index:5;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;width:82px;padding:0;display:flex;position:absolute}.arena-enemy:hover{transform:scale(1.08)}.arena-enemy img{object-fit:contain;filter:drop-shadow(0 5px 8px #0006);width:62px;height:62px}.arena-enemy b{color:#f5f0e7;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:8px;font-weight:500;overflow:hidden}.arena-enemy>span{background:#0e0e28;border-radius:2px;width:52px;height:4px;overflow:hidden}.arena-enemy>span i{background:#22c55e;border-radius:2px;height:100%;display:block}.enemy-one{top:15%;left:12%}.enemy-two{top:36%;right:10%}.enemy-three{bottom:22%;left:18%}.arena-power{z-index:10;pointer-events:none;background:linear-gradient(#0000,#040412e6 42%);flex-direction:column;align-items:center;gap:5px;padding:30px 0 13px;display:flex;position:absolute;bottom:0;left:0;right:0}.arena-power>strong{color:var(--cyan);letter-spacing:.05em;font-size:10px}.arena-power-bar{background:#1a1a3adb;border-radius:3px;width:180px;height:5px;overflow:hidden}.arena-power-bar i{background:#1d9cb0;border-radius:3px;width:72%;height:100%;display:block}.arena-power button{color:#f5f0e7;letter-spacing:.06em;pointer-events:auto;background:#1a1a3ae6;border:0;border-radius:7px;padding:8px 25px;font-size:12px;font-weight:800}@media (width>=701px){.ui-screen.arena-view{padding:12px}.arena-shell{width:min(1500px,100vw - 24px,178.571dvh - 171.429px);height:auto;min-height:0}.arena-stage{aspect-ratio:1/.56;flex:none}.arena-hud{background:radial-gradient(circle at 50% 130%,#ff7e001c,#0000 48%),linear-gradient(110deg,#120d35fa,#06081ffa);border-bottom:1px solid #31dceb6b;min-height:64px;padding:8px 12px;box-shadow:inset 0 -12px 28px #5c36c314,0 4px 18px #0000004d}.arena-player-status,.arena-wave-progress,.arena-score{background:#05061b85;border:1px solid #7759da61;border-radius:12px;min-height:46px;padding:6px 11px;box-shadow:inset 0 0 18px #5b37be14}.arena-player-status{width:max-content}.arena-wave-progress{justify-content:center}.arena-score{width:max-content;margin-left:auto}.arena-wave-progress>div{height:6px}.arena-wave-progress i{box-shadow:0 0 10px #1d9cb099}.arena-score strong{font-size:19px}}.status-banner{color:#78ffc4;background:#05463257;border:1px solid #41e8aa73;border-radius:10px;margin-top:15px;padding:12px;font-size:12px;font-weight:700}.status-banner.error{color:#f88;background:#550f1661;border-color:#ff5c5c7a}.gameover-view{justify-content:center;padding-top:clamp(28px,6vh,66px)}.gameover-view .ui-screen-content{width:min(620px,100%)}.gameover-layout{flex-direction:column;gap:14px;width:100%;display:flex}.gameover-card{padding:clamp(20px,3vw,30px)}.gameover-kicker{color:#fff;letter-spacing:.18em;font-size:11px;font-weight:900}.gameover-title{color:#ff4d58;letter-spacing:.045em;margin:7px 0 13px;font-size:clamp(29px,5vw,39px);line-height:1}.gameover-player{flex-direction:column;align-items:center;gap:7px;margin-bottom:17px;display:flex}.gameover-player>strong{color:#fff;letter-spacing:.03em;font-size:17px}.gameover-avatar{background:radial-gradient(circle,#1d9cb047,#06071df5 70%);border:2px solid #1d9cb0;border-radius:50%;width:104px;height:104px;overflow:hidden;box-shadow:0 0 26px #1d9cb05c}.gameover-avatar img{object-fit:cover;width:100%;height:100%}.gameover-stats{background:#0304178f;border:1px solid #795ce05c;border-radius:14px;overflow:hidden}.gameover-stats>div{border-bottom:1px solid #795ce03d;justify-content:space-between;align-items:center;gap:20px;min-height:54px;padding:0 17px;display:flex}.gameover-stats>div:last-child{border-bottom:0}.gameover-stats span{color:#9691aa;letter-spacing:.07em;text-align:left;font-size:12px;font-weight:700}.gameover-stats strong{color:#fff;text-align:right;font-size:18px}.gameover-stats .gameover-final-score{color:var(--orange-bright);font-size:25px}.share-reward{color:#fff;margin:17px 0 12px;font-size:13px;line-height:1.45}.share-reward strong{letter-spacing:.04em}.share-reward b{color:var(--orange-bright)}.share-preparing{isolation:isolate;background:#0c42408c;border:1px solid #2ebdb0;border-radius:10px;place-items:center;min-height:50px;display:grid;position:relative;overflow:hidden}.share-preparing:before{z-index:-1;content:"";transform-origin:0;background:linear-gradient(90deg,#1b978e,#2ebdb0);animation:2.8s ease-in-out infinite shareFill;position:absolute;inset:0;transform:scaleX(0)}.share-preparing>span{color:#fff;letter-spacing:.045em;padding:0 12px;font-size:11px;font-weight:900}.loading-dots{text-align:left;width:1.4em;margin-left:1px;display:inline-flex}.loading-dots i{opacity:.18;font-style:normal;animation:1.2s infinite loadingDot}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}@keyframes shareFill{0%{transform:scaleX(0)}82%,to{transform:scaleX(1)}}@keyframes loadingDot{0%,20%{opacity:.18}45%,75%{opacity:1}to{opacity:.18}}.share-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:5px;display:grid}.share-grid button{color:#fff;border:1px solid #ffffff29;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 11px;font-size:11px;font-weight:900;display:flex}.share-grid svg{fill:currentColor;width:17px;height:17px}.share-x{background:#050505}.share-whatsapp{background:#25d366}.share-telegram{background:#229ed9}.share-copy{background:#30206f}.gameover-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gameover-actions .demo-cta{width:100%}.system-state-layout{flex-direction:column;align-items:center;width:min(520px,100% - 32px);margin:0 auto;display:flex}.system-state-logo{filter:drop-shadow(0 8px 2px #0000004d)drop-shadow(0 0 13px #14c7ff2e);width:min(470px,91%);height:auto;display:block}.system-state-heroes{z-index:1;width:min(500px,98%);margin:4px auto -13px;animation:3.5s ease-in-out infinite heroFloat;position:relative}.system-state-heroes:after{z-index:-1;content:"";filter:blur(24px);background:#32cfee33;border-radius:50%;height:26%;position:absolute;bottom:10%;left:15%;right:15%}.system-state-heroes img{filter:drop-shadow(0 15px 18px #0000006b);width:100%;height:auto;display:block}.system-state-card{z-index:2;width:min(430px,100%);padding:19px 22px 17px;position:relative}.system-state-kicker{color:#fff;letter-spacing:.17em;font-size:11px;font-weight:900}.system-state-card h1{color:var(--cyan);letter-spacing:.07em;margin:7px 0 16px;font-size:30px}.system-state-card .loader-ring{margin:4px auto 2px}.maintenance-card h1{color:#ff5a60;margin-bottom:10px}.maintenance-tools{filter:drop-shadow(0 0 14px #2ebdb057);margin:4px 0 6px;font-size:42px}.maintenance-card p{color:#fff;margin:0;font-size:14px;font-weight:700}.closed-state-card{min-height:0;padding-top:20px;padding-bottom:20px}.closed-state-card h1{color:var(--orange-bright);margin:0 0 10px}.closed-state-card p{color:#fff;margin:0;font-size:13px;line-height:1.5}.closed-state-actions{flex-direction:column;gap:9px;width:min(430px,100%);margin-top:12px;display:flex}.closed-state-actions .demo-cta{width:100%}.closed-state-links,.system-state-links{margin-top:13px}.loading-view .system-state-layout{opacity:0;transition:opacity .24s,transform .24s;transform:translateY(8px)}.loading-view.is-ready .system-state-layout{opacity:1;transform:none}.profile-layout{flex-direction:column;gap:13px;display:flex}.profile-block{text-align:left;background:linear-gradient(150deg,#120e35f0,#05061be8);border:1px solid #7b5eda6e;border-radius:16px;padding:18px;box-shadow:inset 0 0 22px #633bca14}.profile-block:first-child{border-color:#34d3ff94}.profile-head{text-align:left;align-items:center;gap:13px;display:flex}.profile-avatar-large{background:linear-gradient(145deg,#ff9700,#ff6f00);border-radius:50%;place-items:center;width:58px;height:58px;font-size:23px;font-weight:900;display:grid}.profile-block h3{color:var(--cyan);letter-spacing:.12em;margin:0 0 10px;font-size:11px}.profile-block .info-grid{margin-top:16px}.referral-summary{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.referral-points{color:var(--orange-bright);text-align:right;font-size:20px;font-weight:900}.referral-field{grid-template-columns:minmax(0,1fr) 76px;gap:8px;margin-top:13px;display:grid}.referral-field code{color:#a8a4ba;text-overflow:ellipsis;white-space:nowrap;background:#080722;border:1px solid #6b53be6b;border-radius:8px;padding:11px 12px;font-size:10px;overflow:hidden}.referral-field button{color:#fff;cursor:pointer;background:#143037;border:0;border-radius:8px;font-size:11px;font-weight:800}.wallet-form{grid-template-columns:minmax(0,1fr) 76px;gap:8px;margin-top:13px;display:grid}.wallet-form input{color:#fff;background:#080722;border:1px solid #6b53be80;border-radius:8px;outline:none;min-width:0;height:42px;padding:0 12px}.wallet-form button{color:#fff;background:linear-gradient(100deg,#ff7100,#ff9700);border:0;border-radius:8px;font-weight:800}.wallet-code{color:#ddd8ee;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:10px;overflow:hidden}.wallet-connected{color:var(--orange-bright);font-size:15px;display:block}.wallet-warning-title{color:var(--orange-bright);font-size:12px;line-height:1.4;display:block}.wallet-help{color:#f2eff8;margin-top:6px}.leaderboard-layout{grid-template-rows:auto auto minmax(0,1fr) auto;gap:13px;height:100%;min-height:0;display:grid}.leaderboard-heading{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#080720f0,#040517e0);border:1px solid #7559dc47;border-radius:16px;padding:18px 20px;box-shadow:0 12px 35px #0000004d,inset 0 0 25px #623aca14}.leaderboard-heading h1{letter-spacing:.05em;margin:0;font-size:28px}.leaderboard-heading>strong{color:var(--cyan);margin-top:6px;font-size:12px;display:block}.leaderboard-heading p{color:#f4f1fb;margin:20px 0 0;font-size:12px}.leaderboard-heading p span{color:var(--orange-bright);font-weight:800}.leaderboard-block{background:linear-gradient(150deg,#120e35f0,#05061be8);border:1px solid #7559dc70;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 24px #5b38be14}.ranking-block{min-height:0}.rank-block{background:linear-gradient(150deg,#281803ed,#120c05ed);border-color:#ff840059}.leaderboard-block-head{letter-spacing:.05em;background:#08071d5c;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:0 16px;font-size:10px;display:flex}.leaderboard-block-head strong{color:var(--orange-bright)}.leaderboard-block-head span{color:var(--cyan);font-weight:800}.personal-rank{text-align:left;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px 16px;display:grid}.personal-rank>strong{color:var(--orange-bright);text-align:center;font-size:16px}.personal-rank b,.leader-row b{color:#fff;font-size:13px}.personal-rank small,.leader-row small{color:#9793a9;margin-top:2px;font-size:9px;font-weight:500;display:block}.personal-rank.outside>strong{color:#777289}.leader-list{overscroll-behavior:contain;scrollbar-color:#7554e8 #07071ca6;scrollbar-width:thin;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden auto}.leader-list::-webkit-scrollbar{width:8px}.leader-list::-webkit-scrollbar-track{background:#07071ca6}.leader-list::-webkit-scrollbar-thumb{background:#7554e8;border:2px solid #07071ca6;border-radius:999px}.leader-row{text-align:left;background:#141238e0;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:59px;padding:10px 16px;font-size:12px;display:grid}.leader-row:nth-child(2n){background:#06071ceb}.leader-row+.leader-row{border-top:1px solid #7057cc38}.leader-row>strong{color:#fff;text-align:center}.leader-score{text-align:right;min-width:86px}.leader-score strong{color:var(--orange-bright);font-size:15px}.leader-score small{text-align:right}.dual-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dual-actions .demo-cta{width:100%}.state-icon{background:linear-gradient(145deg,#745cff,#25155c);border:1px solid #5be0ff99;border-radius:50%;place-items:center;width:86px;height:86px;margin:0 auto 18px;font-size:38px;display:grid;box-shadow:0 0 35px #6e4bff6e}.loader-ring{border:6px solid #745cff38;border-top-color:var(--cyan);border-radius:50%;width:70px;height:70px;margin:0 auto 20px;animation:.85s linear infinite loaderSpin}@keyframes loaderSpin{to{transform:rotate(360deg)}}.test-navigator{z-index:50;position:fixed;bottom:12px;left:12px}.test-toggle{color:var(--cyan);cursor:pointer;letter-spacing:.08em;background:#05061ce6;border:1px solid #32e8f180;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}.test-menu{background:#08071ff7;border:1px solid #7a5ada8c;border-radius:14px;width:240px;padding:13px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 14px 35px #00000073}.test-menu label{color:#aaa6bd;letter-spacing:.12em;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.test-menu select{color:#fff;background:#0c0a2c;border:1px solid #634cb994;border-radius:8px;width:100%;height:38px;padding:0 8px;font-size:11px}.test-menu p{color:#6f6b82;margin:8px 0 0;font-size:9px}@media (width<=700px){.ui-screen{padding:max(62px,calc(env(safe-area-inset-top) + 48px)) 13px 24px;justify-content:flex-start}.ui-screen.spin-view{padding-top:clamp(82px,10dvh,108px)}.ui-screen.leaderboard-view{height:100dvh;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.ui-screen.howto-view{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.ui-screen.arena-view{width:100%;height:100dvh;min-height:100dvh;padding:0}.arena-view .ui-screen-content{width:100%;height:100%}.arena-shell{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.arena-hud{grid-template-columns:1.1fr minmax(72px,1fr) 1fr;gap:4px;min-height:56px;padding:0 7px 0 52px}.arena-hearts{font-size:12px}.arena-player-status{gap:5px}.arena-player-status strong{font-size:10px}.arena-player-status small,.arena-wave-progress{font-size:8px}.arena-score strong{font-size:14px}.arena-score span{font-size:7px}.arena-player{width:86px;height:86px}.arena-enemy{width:68px}.arena-enemy img{width:54px;height:54px}.ui-logo{width:min(300px,70vw);margin-bottom:14px}.glass-card{border-radius:18px;padding:clamp(16px,2.4dvh,22px)}.ui-title{font-size:clamp(22px,3.5dvh,29px)}.spin-orb,.faction-badge{width:clamp(150px,24dvh,190px);height:clamp(150px,24dvh,190px)}.spin-layout{width:min(330px,82vw)}.spin-title{font-size:clamp(18px,2.7dvh,21px)}.spin-character-wrap{width:clamp(145px,23dvh,180px);height:clamp(145px,23dvh,180px);margin-top:clamp(12px,1.8dvh,18px)}.arena-card{min-height:min(620px,100dvh - 92px)}.share-grid{grid-template-columns:repeat(4,1fr);gap:5px}.share-grid button{gap:3px;min-height:43px;padding:0 4px;font-size:8px}.share-grid svg{width:14px;height:14px}.system-state-layout{width:min(100% - 26px,460px)}.system-state-logo{width:min(390px,92%)}.system-state-heroes{width:min(110%,clamp(382px,49dvh,420px));margin-top:-22px;margin-bottom:-12px}.system-state-card{border-radius:18px;padding:clamp(14px,1.9dvh,17px) 12px clamp(11px,1.55dvh,14px)}.system-state-card h1{margin-bottom:12px;font-size:24px}.closed-state-card{padding-top:16px;padding-bottom:16px}.closed-state-actions{gap:7px;width:min(430px,100%);margin-top:9px}.test-navigator{top:max(8px,env(safe-area-inset-top));bottom:auto;left:50%;transform:translate(-50%)}.test-menu{top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%)}.ui-screen.leaderboard-view:not([hidden])~.test-navigator{top:max(6px,env(safe-area-inset-top));left:6px;transform:none}.ui-screen.leaderboard-view:not([hidden])~.test-navigator .test-menu{left:0;transform:none}.ui-screen.howto-view:not([hidden])~.test-navigator{top:max(6px,env(safe-area-inset-top));left:auto;right:54px;transform:none}.ui-screen.howto-view:not([hidden])~.test-navigator .test-menu{left:auto;right:0;transform:none}.ui-screen.arena-view:not([hidden])~.test-navigator{top:auto;bottom:max(6px,env(safe-area-inset-bottom));opacity:.5;left:6px;transform:none}.ui-screen.arena-view:not([hidden])~.test-navigator .test-menu{top:auto;bottom:calc(100% + 8px);left:0;transform:none}.profile-block{padding:14px}.profile-avatar-large{width:50px;height:50px}.referral-field,.wallet-form{grid-template-columns:minmax(0,1fr) 68px}.leaderboard-layout{gap:8px}.leaderboard-heading{padding:10px 12px}.leaderboard-heading h1{font-size:21px}.leaderboard-heading>strong{margin-top:3px}.leaderboard-heading p{margin-top:7px;font-size:10px}.leaderboard-block-head{padding:0 11px}.leaderboard-block-head span{font-size:9px}.personal-rank{grid-template-columns:30px minmax(0,1fr) auto;padding:9px 11px}.leader-row{grid-template-columns:30px minmax(0,1fr) auto;min-height:55px;padding:8px 11px}.leader-score{min-width:72px}.leader-score strong{font-size:13px}.dual-actions .demo-cta{min-height:44px}.howto-heading h1{font-size:25px}.howto-box{padding:15px 14px}.howto-box>p,.howto-item p{font-size:12px}.page-shell{background-position:top;background-size:auto 100svh;background-attachment:fixed;min-height:100dvh;overflow:visible}.page-shell:has(.menu-screen):after{background-position:top;background-size:auto 100svh}.page-shell:before{background:linear-gradient(#04041905,#0403173d 70%,#040317b8)}.top-controls{top:max(12px, env(safe-area-inset-top));width:min(var(--controls-mobile-max,430px), calc(100% - 26px));position:fixed}.round-control{width:38px;height:38px}.profile-pill{min-width:116px;height:38px;padding-right:11px;font-size:12px}.profile-dropdown{border-radius:17px;width:202px;padding:15px 14px 12px}.demo-screen{width:100%;min-height:100dvh;padding:max(62px, calc(env(safe-area-inset-top) + 48px)) 14px max(24px, env(safe-area-inset-bottom));justify-content:flex-start}.screen-logo{width:min(330px,76vw);margin-bottom:clamp(14px,2.3dvh,22px)}.auth-card{border-radius:18px;padding:clamp(20px,3.2dvh,27px) 19px}.auth-card h1{font-size:clamp(19px,2.7dvh,23px)}.screen-subtitle{margin-bottom:clamp(15px,2.4dvh,22px)}.provider-button,.wide-demo-button,.demo-input{height:clamp(46px,6.1dvh,50px);min-height:46px}.home-card{width:min(100% - 26px,460px);min-height:100dvh;padding-top:max(58px, calc(env(safe-area-inset-top) + 48px));padding-bottom:max(12px, env(safe-area-inset-bottom));justify-content:center;transform:none}.brand-logo{width:min(390px,92%)}.hero-wrap{width:min(110%,clamp(382px,49dvh,420px));margin-top:-22px;margin-bottom:-12px}.mission-panel{border-radius:18px;padding:clamp(14px,1.9dvh,17px) 12px clamp(11px,1.55dvh,14px)}.mission-copy{font-size:clamp(14px,2dvh,17px)}.mission-copy span{margin-top:clamp(5px,.85dvh,8px);font-size:clamp(9px,1.25dvh,10px)}.powers{margin-top:clamp(9px,1.45dvh,13px)}.power{gap:clamp(4px,.7dvh,6px);min-height:clamp(66px,8.5dvh,74px);font-size:8px}.power-icon{width:clamp(41px,5.1dvh,43px);height:clamp(41px,5.1dvh,43px)}.power-icon svg{width:clamp(21px,2.7dvh,24px);height:clamp(21px,2.7dvh,24px)}.main-actions{gap:clamp(7px,1.1dvh,10px);margin-top:clamp(8px,1.3dvh,11px)}.action-button{border-radius:9px;height:clamp(47px,6.1dvh,52px);font-size:15px}.action-button .trophy{left:clamp(46px,24vw,110px)}.airdrop-copy{margin-top:clamp(12px,1.7dvh,18px);font-size:10px}.footer-links{flex-wrap:wrap;gap:7px;margin-top:clamp(8px,1.4dvh,15px);font-size:11px}}@media (width<=380px){.home-card{width:calc(100% - 20px)}.mission-panel{padding-left:8px;padding-right:8px}.mission-copy{font-size:13px}.power-icon{width:39px;height:39px}.action-button{padding:0 40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{min-height:100dvh}.auth-overlay{z-index:30;background:inherit;position:fixed;inset:0;overflow:auto}.auth-screen-v3{margin:0 auto}.controls-home{--controls-width:min(430px,calc(100% - 32px));--controls-mobile-max:430px}.controls-spin{--controls-width:min(360px,calc(100% - 32px));--controls-mobile-max:330px}.controls-normal{--controls-width:min(560px,calc(100% - 32px));--controls-mobile-max:560px}.controls-arena{--controls-width:min(1500px,calc(100vw - 24px),calc((100dvh - 96px)/.56));--controls-mobile-max:100vw}.top-controls.controls-context-leaderboard.sound-only{top:max(38px,calc(env(safe-area-inset-top) + 14px));padding-left:10px}.v3-countdown{color:#aaa7bf;letter-spacing:.12em;background:#0a0823e0;border:1px solid #755bf485;border-radius:10px;justify-content:space-between;align-items:center;width:min(430px,100%);margin-top:10px;padding:8px 14px;font-size:9px;display:flex}.v3-countdown strong{color:#fff;letter-spacing:.05em;font-size:12px}.profile-name{margin-bottom:0;font-size:25px}.profile-avatar-large{object-fit:cover;color:#fff;flex:none;overflow:hidden}.leader-empty{color:#aaa7bf;place-items:center;min-height:160px;display:grid}.leaderboard-layout.no-rank{grid-template-rows:auto minmax(0,1fr) auto}.dual-actions{align-self:end}.spin-character{inset:0}.spin-actions button:disabled{cursor:wait;filter:saturate(.55);opacity:.65}.faction-result .spin-card{border-color:var(--faction)}.arena-view{box-sizing:border-box}.arena-view .arena-shell{width:100%;max-width:1500px}.arena-view .arena-stage{width:100%}.gameover-actions:has(>button:only-child){grid-template-columns:1fr}@media (width<=700px){.v3-countdown{padding:6px 10px}.v3-countdown strong{font-size:10px}.auth-overlay .top-controls{display:none}.arena-view .arena-shell{max-width:none!important}.arena-view .arena-stage{height:auto!important}.top-controls.controls-context-leaderboard.sound-only{top:max(24px,calc(env(safe-area-inset-top) + 12px));padding-left:10px}.arena-view .arena-hud{padding-left:7px;padding-right:7px}.arena-score .round-control{width:34px;height:34px;margin-left:1px}}:root{--menu-width:560px;--menu-gutter:16px;--menu-top:clamp(108px,14.5vh,158px);--menu-control-top:max(24px,env(safe-area-inset-top))}.menu-screen,.ui-screen.menu-screen.spin-view,.ui-screen.menu-screen.howto-view,.ui-screen.menu-screen.leaderboard-view{width:100%;height:auto;min-height:100dvh;padding:var(--menu-top) var(--menu-gutter) max(24px,env(safe-area-inset-bottom));justify-content:flex-start;overflow:visible}.menu-screen .ui-screen-content{width:min(var(--menu-width),100%);height:auto}.menu-screen .ui-logo,.menu-screen .brand-logo{flex-shrink:0;width:min(360px,76vw);margin:0 auto 22px}.top-controls:not(.controls-arena),.top-controls.controls-context-leaderboard.sound-only{top:var(--menu-control-top);width:min(var(--menu-width),calc(100% - 2 * var(--menu-gutter)));padding-left:0}.top-controls .round-control,.top-controls .screen-close{width:42px;height:42px}.home-view .home-card{justify-content:flex-start;min-height:0;padding:0;transform:none}.home-view .hero-wrap{width:min(500px,100%);margin:-12px 0}.home-view .mission-panel,.home-view .main-actions,.home-view .v3-countdown,.home-view .closed-state-actions,.menu-screen .spin-layout{width:100%}.menu-screen .leaderboard-layout{height:auto;min-height:0}.menu-screen .leader-list{height:auto;max-height:55dvh}.menu-screen .ranking-block{min-height:160px}.menu-screen .howto-heading{padding:0 0 7px}.spin-actions .faction-fight.is-preparing{filter:none;isolation:isolate;opacity:1;cursor:wait;color:#fff;position:relative;overflow:hidden;background:#16122d!important}.faction-fight.is-preparing:before{content:"";z-index:0;background:linear-gradient(90deg,var(--faction,#f59d00),#ffbd48);transform-origin:0;animation:9s cubic-bezier(.12,.75,.25,1) forwards fightFill;position:absolute;inset:0}.faction-fight.is-preparing:after{content:"";z-index:0;background:linear-gradient(100deg,#0000 25%,#fff3 50%,#0000 75%);animation:1.6s linear infinite fightShimmer;position:absolute;inset:0;transform:translate(-100%)}.fight-pending{z-index:1;color:#fff;text-shadow:0 1px 3px #000;display:block;position:relative}@keyframes fightFill{0%{transform:scaleX(.04)}to{transform:scaleX(.94)}}@keyframes fightShimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.faction-fight.is-preparing:before{animation:none;transform:scaleX(.65)}.faction-fight.is-preparing:after{opacity:0;animation:none}}.fight-error{color:#ffadad;margin:12px 0 0;font-size:13px;line-height:1.5}.screen-close:disabled{opacity:.5;cursor:wait}@media (width<=700px){:root{--menu-gutter:14px;--menu-top:max(62px,calc(env(safe-area-inset-top) + 48px));--menu-control-top:max(12px,env(safe-area-inset-top))}.menu-screen .ui-logo,.menu-screen .brand-logo{width:min(300px,70vw);margin-bottom:14px}.top-controls .round-control,.top-controls .screen-close{width:38px;height:38px}.home-view .hero-wrap{width:min(420px,100%);margin:-12px 0 -8px}}.referral-field button:disabled{opacity:.5;cursor:wait}@media (width<=700px){.ui-screen.home-view,.ui-screen.spin-view,.ui-screen.profile-view,.ui-screen.gameover-view{height:auto;min-height:100dvh;padding-top:var(--menu-top);padding-bottom:max(24px,env(safe-area-inset-bottom));justify-content:flex-start}.ui-screen.state-view{height:auto;min-height:100dvh;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));justify-content:flex-start}.ui-screen:is(.home-view,.spin-view,.profile-view,.gameover-view,.state-view)>.ui-screen-content{flex-shrink:0;margin-block:auto}.state-view .system-state-heroes{width:min(100%,420px);margin-top:14px;margin-bottom:0}.home-view .airdrop-copy{white-space:nowrap;width:100%;margin-top:18px;font-size:clamp(10.5px,3vw,13px);line-height:1.5}.home-view .footer-links,.state-view .footer-links{white-space:nowrap;flex-wrap:nowrap;gap:clamp(5px,1.6vw,8px);width:100%;margin-top:10px;font-size:clamp(11px,3.15vw,14px);line-height:1.4}.home-view .footer-links a,.home-view .footer-links button,.state-view .footer-links a{flex-shrink:0;align-items:center;min-height:36px;display:inline-flex}}.ui-screen.menu-screen.leaderboard-view{height:100dvh;min-height:0;overflow:hidden}.leaderboard-view>.ui-screen-content{flex:1;min-height:0}.menu-screen .leaderboard-layout,.menu-screen .leaderboard-layout.no-rank{grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0}.leaderboard-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7554e8 #07071ca6;grid-template-columns:minmax(0,1fr);align-content:start;gap:13px;min-height:0;display:grid;overflow:auto}.leaderboard-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}.leaderboard-scroll .leader-list{height:auto;max-height:none;overflow:visible}.leaderboard-view .dual-actions{align-self:stretch}.leaderboard-view .dual-actions:has(>button:only-child){grid-template-columns:1fr}.home-view .main-actions+.footer-links{margin-top:48px}.home-view .season-countdown{text-align:center;grid-template-columns:minmax(0,1fr)}.season-countdown .countdown-content{justify-content:center;gap:0}.countdown-label{color:var(--muted);letter-spacing:.2em;margin-bottom:6px;font-size:10px}.countdown-units{justify-content:center;gap:24px;display:flex}.countdown-unit{text-align:center;min-width:44px;position:relative}.countdown-unit+.countdown-unit:before{content:":";color:#585173;font-size:24px;position:absolute;top:0;left:-15px}.countdown-unit strong{color:#f90;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.2;display:block}.countdown-unit:last-child strong{color:#00e6e6}.countdown-unit span{color:var(--muted);letter-spacing:.1em;margin-top:3px;font-size:10px;display:block}.home-view .closed-state-card{border-radius:21px;width:100%;max-width:none;padding:24px 18px}.home-view .closed-state-card p{line-height:1.65}.home-view .main-actions.closed-state-actions{margin-top:12px}@media (width<=380px){.countdown-units{gap:18px}.countdown-unit+.countdown-unit:before{left:-12px}}@media (width<=1100px),(pointer:coarse){.ui-screen.menu-screen.home-view{--home-min-top:78px;height:100dvh;min-height:100dvh;padding-top:max(var(--home-min-top),min(var(--menu-top),calc(100dvh - 700px)));padding-bottom:max(16px,env(safe-area-inset-bottom))}.home-view>.home-card{max-height:100%;margin-block:auto}.home-view>.home-card>*{flex-shrink:0}.home-view .hero-wrap{aspect-ratio:800/497;flex-shrink:1;min-height:0}.home-view .hero-image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.home-view .main-actions+.footer-links{margin-top:clamp(12px,100dvh - 760px,48px)}.home-view .footer-links{white-space:nowrap;flex-wrap:nowrap}}@media (width<=700px){.ui-screen.menu-screen.home-view{--home-min-top:max(62px,calc(env(safe-area-inset-top) + 48px))}}.leader-placeholder{opacity:.35}.leaderboard-status{color:#b8b4ce;font-size:12px}.leaderboard-status button{color:var(--cyan);cursor:pointer;background:0 0;border:0}.silence-panel{text-align:left;flex-direction:column;justify-content:center;gap:8px;width:min(400px,100% - 24px);min-height:74px;margin:13px auto 0;display:flex}.silence-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;display:flex}.silence-heading>span{letter-spacing:.08em;color:#c7c2db;font-size:11px;font-weight:700}.silence-heading strong{color:#f90;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:20px}.silence-heading strong span{font-size:inherit;color:#a9a4bb}.silence-track{background:#09091f;border:1px solid #67529b;border-radius:99px;width:100%;height:11px;position:relative;overflow:hidden}.silence-fill{border-radius:inherit;background:linear-gradient(90deg,#ff7a00,#ffb629);height:100%;transition:width .5s;display:block}.silence-track i{background:#a49bb5;width:2px;position:absolute;top:0;bottom:0}.silence-track i.is-reached{background:#3c2247}.silence-detail{text-align:center;color:#aaa5c0;justify-content:center;align-items:center;gap:12px;min-height:16px;font-size:11px;line-height:1.4;display:flex}.silence-detail a{color:#00e6e6;white-space:nowrap;margin:-4px 0;padding:4px 0;font-size:11px;font-weight:700;text-decoration:none}.silence-detail a:hover{color:#f90}.silence-countdown{letter-spacing:.04em;color:#aaa5c0;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.silence-countdown strong{color:#00e6e6;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.silence-panel.with-countdown{gap:5px}@media (width<=380px){.silence-heading{flex-direction:column;gap:2px}.silence-heading strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.silence-fill{transition:none}}