@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/russo-one-latin-400-normal-BfOuQF9V.woff2) format("woff2"),url(/play/assets/russo-one-latin-400-normal-CosRecV9.woff) format("woff")}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(/play/assets/russo-one-cyrillic-400-normal-BXZIn0h3.woff2) format("woff2"),url(/play/assets/russo-one-cyrillic-400-normal-rRbrNFRA.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(/play/assets/nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/play/assets/nunito-sans-cyrillic-700-normal-BJ2iHHyS.woff2) format("woff2"),url(/play/assets/nunito-sans-cyrillic-700-normal-DG2UZxR9.woff) format("woff")}:root{font-family:Nunito Sans,sans-serif;color:#fff6df;background:#142c62;font-synthesis:none;--ink: #17233d;--yellow: #ffd33d;--blue: #176ccd;--cyan: #28dccb;--green: #6edb45;--arena-safe-top: calc(max(env(safe-area-inset-top, 0px), var(--arena-system-top, 0px)) + var(--arena-content-top, 0px));--arena-safe-right: calc(max(env(safe-area-inset-right, 0px), var(--arena-system-right, 0px)) + var(--arena-content-right, 0px));--arena-safe-bottom: calc(max(env(safe-area-inset-bottom, 0px), var(--arena-system-bottom, 0px)) + var(--arena-content-bottom, 0px));--arena-safe-left: calc(max(env(safe-area-inset-left, 0px), var(--arena-system-left, 0px)) + var(--arena-content-left, 0px));--arena-height: var(--arena-viewport-height, 100dvh)}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{container:arena-viewport / size;height:var(--arena-height);padding:var(--arena-safe-top) var(--arena-safe-right) var(--arena-safe-bottom) var(--arena-safe-left);overflow:hidden}#root:has(.app:not(.inner-page)){background:url(/play/art/oasis-lobby.png) center/cover}#root .app:not(.inner-page) .backdrop{background:none}@container arena-viewport (max-height: 340px){.app .left-nav,.app .right-nav{top:23%;gap:5px}.app .chapter-card,.app .alpha-ribbon{display:none}.battle .ability.gadget{align-self:flex-start;margin-top:-13px;margin-bottom:0}}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}button{touch-action:manipulation}button:disabled{cursor:default;filter:grayscale(.8);opacity:.55}h1,h2,h3,b.button,.button,.brand,.hero-caption button,.mode-card b,.profile-button b{font-family:Russo One,sans-serif;font-weight:400}h1,h2,h3,p{margin:0}button:hover{filter:brightness(1.07)}button:active{transform:translateY(3px);box-shadow:none!important}svg{flex-shrink:0}button svg{pointer-events:none}small{display:block}.app{height:100%;min-height:0;position:relative;isolation:isolate;overflow:hidden;padding:18px 22px}.backdrop{position:absolute;inset:0;z-index:-3;background:url(/play/art/oasis-lobby.png) center/cover}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#452b2f83,transparent 40%,#17458d45)}.sun-rays{position:absolute;inset:-100%;z-index:-2;background:repeating-conic-gradient(from 0deg at 50% 53%,#ffffff0b 0deg 9deg,transparent 9deg 25deg);pointer-events:none}.inner-page{background:radial-gradient(ellipse at 50% 30%,#258ce1,#154ca8 75%)}.inner-page .backdrop{display:none}.inner-page .sun-rays{opacity:.6}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;gap:15px}.profile-button{display:flex;align-items:center;gap:10px;min-width:234px;padding:6px 14px 6px 6px;background:#154686;border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px #101f3a;text-align:left;transform:rotate(-1deg)}.avatar{width:45px;height:45px;background:linear-gradient(#ffc66c,#f1993a);border:2px solid #17233d;border-radius:9px;display:grid;place-items:center;color:#fff5c7}.profile-button small{font-size:9px;letter-spacing:1px;color:#9cdffb}.profile-button b{display:block;font-size:17px;line-height:1.4}.profile-button em{font-style:normal;display:flex;gap:3px;align-items:center;color:#ffd33d;margin-left:9px}.brand{text-align:center;text-shadow:0 3px #512a2d;transform:rotate(-3deg);line-height:.9}.brand b{display:block;font-size:27px;letter-spacing:-1px;color:#fff7d7}.brand span{color:#ffc53d;font-size:21px}.brand small{font-size:12px;letter-spacing:5px;margin-top:8px;color:#ffd06c;font-family:Russo One,sans-serif}.top-actions{display:flex;align-items:center;gap:12px}.practice-pill{display:flex;align-items:center;gap:9px;border:3px solid #17233d;border-radius:9px;background:#173c7e;box-shadow:0 4px #102644;height:46px;padding:0 12px}.practice-pill svg{color:#59ddfa}.practice-pill b{font-family:Russo One;font-size:20px}.practice-pill span{font-size:11px;color:#a9d7fb}.square{display:grid;place-items:center;background:linear-gradient(#3792e7,#1662bf);border:3px solid var(--ink);box-shadow:0 4px #102644,inset 0 2px #7ebffa;border-radius:9px;width:48px;height:48px}.square.small{width:43px;height:43px}.left-nav,.right-nav{position:absolute;top:27%;display:flex;flex-direction:column;gap:17px;z-index:3}.left-nav{left:24px}.right-nav{right:24px}.nav-button{position:relative;display:flex;flex-direction:column;align-items:center;border:0;background:none;min-width:90px;gap:5px;padding:0;text-shadow:0 2px 1px #17233d,1px 0 #17233d,-1px 0 #17233d}.nav-icon{display:grid;place-items:center;width:60px;height:54px;border:3px solid var(--ink);border-radius:12px;background:linear-gradient(#489bed,#1a68bd);box-shadow:0 5px #193454,inset 0 2px #8fcefb;transform:rotate(-4deg);color:#ffe1a0}.nav-button:nth-child(2) .nav-icon{background:linear-gradient(#7bc847,#3b921f);box-shadow:0 5px #204e23,inset 0 2px #b2ed77;color:#fff4be;transform:rotate(3deg)}.nav-button:nth-child(3) .nav-icon{background:linear-gradient(#ba70df,#8442bb);box-shadow:0 5px #532d83,inset 0 2px #ddb5f4;color:#ffe29c}.nav-button b{font-family:Russo One;font-size:13px;letter-spacing:.1px}.nav-button i{position:absolute;top:-7px;right:7px;display:grid;place-items:center;background:#ee4c4c;border:2px solid var(--ink);border-radius:7px;width:23px;height:23px;font:13px Russo One;box-shadow:0 2px #662137;transform:rotate(8deg)}.chapter-card{position:absolute;top:112px;left:15%;transform:rotate(-3deg);text-shadow:0 2px #442c24}.chapter-card span{display:inline-block;font-size:10px;letter-spacing:2px;color:#ffde7e;padding:4px 8px;background:#263b60db;border-radius:4px;margin-bottom:6px}.chapter-card b{display:block;font:20px Russo One;color:#fff6d0}.chapter-card p{font-size:13px;margin-top:6px;color:#f9e6c3}.lobby-character{position:absolute;inset:15% 20% 17% 22%;pointer-events:none}.hero-preview{width:100%;height:100%;position:relative}.hero-preview canvas{display:block;width:100%;height:100%}.hero-caption{position:absolute;left:28%;right:25%;bottom:24%;text-align:center;pointer-events:none;text-shadow:0 3px #302932}.role-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;background:#31c1bc;color:#fff;border:2px solid #143c51;border-radius:5px;font-size:11px;line-height:1.1;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px #276577;box-shadow:0 3px #234255;transform:rotate(-2deg)}.hero-caption button{display:flex;gap:9px;align-items:center;justify-content:center;width:100%;pointer-events:auto;background:none;border:0;font-size:clamp(20px,2.5vw,34px);text-shadow:0 3px #302932,2px 0 #302932,-2px 0 #302932;padding:10px 0 2px}.hero-caption small{font-size:12px;color:#fff2cf}.alpha-ribbon{position:absolute;right:13.5%;top:115px;font-size:10px;letter-spacing:1px;padding:6px 10px;border-radius:5px;background:#214b56d9;border:1px solid #95dcca77;transform:rotate(2deg)}.alpha-ribbon span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81ef70;margin-right:5px}.lobby-bottom{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr 1.6fr 1.1fr;align-items:end;gap:17px;z-index:5}.practice-progress{height:91px;padding:11px 14px;border:3px solid #17233d;border-radius:10px;background:linear-gradient(110deg,#924ebc,#4c368c);box-shadow:0 5px #2b1e52,inset 0 2px #b68be1;text-align:left;transform:rotate(-1deg)}.practice-progress>span{display:flex;align-items:center;gap:8px;color:#ffda70}.practice-progress b{font:14px Russo One}.practice-progress small{display:flex;justify-content:space-between;font-size:10px;margin-top:5px}.progress-track{height:9px;border:2px solid #17233d;border-radius:6px;background:#17376c;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(#c6f664,#77c93c);border-right:2px solid #213b21;transition:width .25s}.practice-progress .progress-track{margin-top:8px}.mode-card{position:relative;display:flex;align-items:center;gap:13px;min-width:0;height:99px;padding:12px 17px;border:3px solid #17233d;border-radius:10px;background:linear-gradient(110deg,#1f75c8,#154c9b);box-shadow:0 5px #0c2c60,inset 0 2px #87c7f6;text-align:left}.mode-symbol{width:56px;height:62px;display:grid;place-items:center;color:#a9fff2;background:#092e6577;border-radius:9px;transform:rotate(-7deg)}.mode-card small{font-size:9px;letter-spacing:.4px;color:#96ddfa}.mode-card b{display:block;font-size:clamp(17px,2vw,25px);margin-top:4px;text-transform:uppercase;white-space:nowrap}.mode-card em{display:block;font-size:11px;font-style:normal;color:#b9e0fb;margin-top:4px}.mode-card>svg{margin-left:auto}.play-block{text-align:center;position:relative;padding-bottom:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:51px;padding:12px 24px;border:3px solid var(--ink);border-radius:9px;font-size:18px;text-transform:uppercase;box-shadow:0 5px #12243d,inset 0 3px #fff5;text-shadow:0 2px #0003;transition:transform .08s,filter .08s;white-space:nowrap}.button.yellow{background:linear-gradient(#ffe66c,#ffd039 70%);color:#4b3216;box-shadow:0 6px #9f661d,inset 0 3px #fff8bd;text-shadow:0 1px #fff2}.button.blue{background:linear-gradient(#3b9bf0,#1765c4)}.button.red{background:linear-gradient(#fc7970,#d94652)}.play-button{width:100%;font-size:34px;height:91px;transform:rotate(1deg);border-width:4px;text-shadow:0 2px #fff59c}.play-block small{position:absolute;bottom:-17px;left:0;right:0;font-size:9px;text-shadow:0 1px #352737;color:#fff2ce}.page-heading{display:flex;gap:17px;align-items:center;margin:22px 0 20px;height:54px}.page-heading h1{font-size:27px;line-height:1.2;text-shadow:0 3px #17233d}.page-heading small{color:#8fd2fb;font-size:9px;letter-spacing:2px;margin-bottom:4px}.page-counter{margin-left:auto;color:#a7d7f7;font-size:11px;letter-spacing:1px}.page-content{height:calc(100% - 160px);overflow:auto;scrollbar-width:thin;scrollbar-color:#71b5ec transparent;padding:3px 4px 15px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:1050px;margin:auto}.hero-card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:225px;overflow:hidden;border:3px solid #14213b;border-radius:13px;background:radial-gradient(ellipse at center,var(--accent),var(--hero) 70%);box-shadow:0 5px #11346b,inset 0 2px #fff5;text-align:left}.hero-card:before{content:"";position:absolute;inset:-50%;background:repeating-conic-gradient(at 50% 45%,#ffffff12 0 15deg,transparent 15deg 35deg);pointer-events:none}.hero-card-top{position:absolute;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;z-index:1;text-transform:uppercase;font-size:10px;text-shadow:0 1px #0008}.hero-card img{height:210px;max-width:100%;object-fit:contain;position:relative;margin-top:-10px;filter:drop-shadow(0 8px 2px #15294a55);transition:transform .2s}.hero-card:hover img{transform:scale(1.05) rotate(-2deg)}.hero-card-name{position:relative;background:#142744ee;border-top:2px solid #17233d;width:calc(100% + 12px);margin:-28px -6px -2px;padding:10px 13px;z-index:1}.hero-card h2{font-size:18px;margin-bottom:7px}.hero-card-name span{display:flex;gap:5px;align-items:center;font-size:11px;color:#b6ec80}.hero-card-name i{font-size:8px;letter-spacing:.6px;color:#a7c2e7;font-style:normal;margin-left:auto}.selected{outline:3px solid #ffe76a;outline-offset:-3px!important}.hero-card.selected .hero-card-name{background:#294568}.hero-detail-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:35px;height:100%;max-width:1120px;margin:auto}.detail-character{position:relative;min-height:350px;background:radial-gradient(ellipse at center,var(--hero),transparent 68%);border-radius:20px}.detail-character>.hero-preview{height:calc(100% - 48px)}.detail-character>.role-pill{position:absolute;top:8px;left:18px}.hero-picker{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px}.hero-picker button,.skin-swatches button{padding:0;display:grid;place-items:center;width:55px;height:54px;border:3px solid #17233d;border-radius:9px;overflow:hidden;box-shadow:0 3px #152647}.hero-picker img,.skin-swatches img{width:73px;margin-top:9px}.detail-info{display:flex;flex-direction:column;gap:19px;padding:8px 0}.detail-info>p{font-size:14px;color:#c9e8ff;max-width:480px}.stat-row{display:flex;border:2px solid #102e65;border-radius:10px;background:#10397377;padding:13px;gap:20px}.stat-row>span{display:grid;grid-template-columns:24px auto;align-items:center;column-gap:8px;font-size:10px;color:#bdddfb;flex:1}.stat-row svg{grid-row:span 2;color:#ffc744;width:24px}.stat-row b{font:18px Russo One;color:#fff7db}.ability-info{display:flex;align-items:center;gap:15px}.ability-icon{flex-shrink:0;width:62px;height:62px;display:grid;place-items:center;border:3px solid #17233d;border-radius:12px;box-shadow:0 4px #11336b}.ability-icon.red{background:#ee5d58}.ability-icon.yellow{background:#ffcf38;color:#624219}.ability-info small{font-size:9px;letter-spacing:1px;color:#8fcdfb}.ability-info h3{font-size:18px;margin:3px 0 5px}.ability-info p{font-size:12px;color:#c5e3fb;line-height:1.5}.button-row{display:flex;gap:15px;align-items:center}.detail-info .button-row{margin-top:auto}.detail-info .button-row .button{flex:1}.panel{border:3px solid #142b58;border-radius:14px;background:linear-gradient(135deg,#1766b8e8,#114e9ae8);box-shadow:0 5px #103675,inset 0 2px #6fb6ed55}.intro-copy{max-width:650px;color:#b6dbf7;margin:8px auto 25px;text-align:center;font-size:14px}.gadget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:0 auto}.gadget-card{padding:28px 20px 19px;text-align:center}.gadget-art{display:grid;place-items:center;background:radial-gradient(circle,#77ef9b,#21834b);border:4px solid #103950;box-shadow:0 8px #153e65,inset 0 3px #adffc0;width:128px;height:128px;border-radius:30px;margin:0 auto 23px;transform:rotate(-7deg);color:#e5ffbc}.gadget-card:nth-child(2) .gadget-art{background:radial-gradient(circle,#8ffff4,#2ba8bd);color:#d7fff6;transform:rotate(5deg)}.gadget-card:nth-child(3) .gadget-art{background:radial-gradient(circle,#ffe87b,#c48639);color:#fff6db}.gadget-card h2{font-size:22px}.gadget-card p{min-height:45px;max-width:240px;margin:12px auto 19px;font-size:13px;color:#c6e3fd}.selected-label{display:block;font:13px Russo One;color:#ffd550;background:#123d7999;border-radius:6px;padding:9px}.gadget-card.selected .selected-label{background:#ffd33d;color:#463515}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.mode-option{position:relative;padding:0 0 20px;overflow:hidden;text-align:left}.mode-art{height:175px;display:grid;place-items:center;background:radial-gradient(ellipse,#79f8e3,#158eaa);color:#dbfff5;position:relative;border-bottom:3px solid #132e65;margin-bottom:15px}.mode-art i{position:absolute;right:10px;bottom:10px;font:21px Russo One;background:#122d65aa;padding:5px 9px;border-radius:7px}.mode-art.quick{background:radial-gradient(ellipse,#ffd078,#e28d45)}.mode-art.siege{background:radial-gradient(ellipse,#e87d99,#843795)}.mode-art.endless{background:radial-gradient(ellipse,#ab8cff,#4b3c9b)}.mode-option h2{font-size:20px;margin:0 15px 8px}.mode-option p{font-size:11px;color:#b9ddf7;margin:0 15px;min-height:33px}.mode-option>svg{position:absolute;top:10px;right:10px;background:#173b69;border-radius:50%;padding:3px}.map-select{display:flex;align-items:center;gap:12px;margin-top:27px;flex-wrap:wrap}.map-select h3{font-size:14px;letter-spacing:1px}.map-select>button:not(.button){border:2px solid #142b58;background:#16498d;padding:11px 14px;border-radius:7px;font-size:12px}.map-select .button{margin-left:auto;min-height:45px;font-size:15px;padding:10px 20px}.muted{color:#a1c9ea!important;font-size:12px;line-height:1.55}.modes>.muted{margin-top:14px}.journal-layout{display:grid;grid-template-columns:.9fr 1.4fr;gap:25px;max-width:1100px;margin:auto}.journey{text-align:center;padding:28px}.journey>svg{color:#ffdb61;filter:drop-shadow(0 6px #164679);margin-bottom:17px}.journey h2{font-size:24px}.journey>p{font-size:13px;margin-top:12px}.journey-numbers{display:flex;justify-content:space-around;gap:16px;margin:26px 0}.journey-numbers b{font:29px Russo One;color:#ffd76c}.journey-numbers small{font:11px Nunito Sans;color:#c2e1fb;margin-top:6px}.quest-list{display:flex;flex-direction:column;gap:15px}.quest{display:flex;align-items:center;gap:17px;padding:16px 19px}.quest>span{display:grid;place-items:center;background:#1a4081;border:2px solid #17305d;border-radius:12px;width:60px;height:60px;color:#fed368;flex-shrink:0}.quest>div{flex:1}.quest h3{font-size:18px}.quest p{font-size:12px;color:#bddbf8;margin:5px 0 9px}.quest>b{color:#ffdc68;min-width:50px;text-align:right}.settings-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:25px;max-width:1070px;margin:auto}.profile-summary{align-self:start;text-align:center;padding:32px}.large-avatar{width:120px;height:120px;display:grid;place-items:center;background:linear-gradient(#ffc564,#d78935);border:4px solid #1a3055;border-radius:27px;box-shadow:0 7px #113878;margin:0 auto 20px;transform:rotate(-4deg)}.profile-summary h2{font-size:27px;margin-bottom:12px}.profile-summary>p{font-size:10px;color:#8cbef1}.profile-summary>.device-practice-label{margin-top:14px;color:#cee0f5;font-size:12px;line-height:1.4}.settings-panel{padding:24px}.name-field{display:block;color:#bcdbf8;font-size:12px;margin-bottom:10px}.name-field input{display:block;background:#0e3972;border:2px solid #132b51;color:#fff6df;border-radius:7px;padding:10px 13px;margin-top:8px;width:100%;font-size:17px}.setting-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #5091cb66}.setting-row>svg{color:#fbd573}.setting-row>span{flex:1}.setting-row b{font-size:15px}.setting-row small{font-size:11px;color:#a8cff1;margin-top:3px}.setting-row input[type=checkbox]{appearance:none;width:49px;height:28px;border-radius:20px;background:#0b326a;border:2px solid #112a4f;position:relative;cursor:pointer;flex-shrink:0}.setting-row input[type=checkbox]:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#b5d1ec;box-shadow:0 2px #092b55;transition:transform .15s}.setting-row input:checked{background:#63ce55}.setting-row input:checked:after{transform:translate(20px);background:#f1ffdb}.settings-panel>.muted{margin-top:16px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:auto}.guide-card{padding:23px}.guide-card svg{color:#ffd770;margin-bottom:14px}.guide-card h2{font-size:21px;margin-bottom:11px}.guide-card p{font-size:13px;line-height:1.6;color:#c2e2fc}.network-layout,.collection-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1060px;margin:auto;height:100%}.network-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:radial-gradient(ellipse,#469fea55,transparent 65%)}.network-art svg{color:#ffd763;filter:drop-shadow(0 7px #194980)}.network-art h2{font-size:34px;text-align:center;text-shadow:0 3px #102d60}.network-panel{padding:30px;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#70e4dc}.network-panel h2,.collection-info h2{font-size:27px;margin:13px 0 16px}.network-panel p,.collection-info p{font-size:14px;line-height:1.65;color:#d1e7f9}.network-panel .muted{margin:18px 0}.network-panel .button{width:100%}.collection-preview{position:relative;min-height:350px}.collection-preview .role-pill{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.collection-info{align-self:center;padding:30px}.skin-swatches{display:flex;gap:8px;margin:21px 0}.skin-swatches button{flex:1;width:48px;height:54px}.collection-info .button{margin-top:22px;width:100%}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 21px;max-width:80%;border:2px solid #91e999;border-radius:9px;background:#173f50;box-shadow:0 4px 20px #0005;z-index:25;font-size:13px}.rotate-gate{display:none}.webgl-error{position:absolute;inset:30%;text-align:center;font-size:14px}.results{height:100%;overflow:auto;background:radial-gradient(ellipse at 25% 40%,#679cd9,#214787 80%);position:relative;isolation:isolate;padding:34px 7%;text-align:center}.results.won{background:radial-gradient(ellipse at 25% 40%,#36bdd1,#1765b5 80%)}.results-rays{position:absolute;inset:0;z-index:-1;background:repeating-conic-gradient(at 28% 58%,#fff1 0 10deg,transparent 10deg 28deg)}.results>h1{font-size:62px;transform:rotate(-4deg);color:#ffe564;text-shadow:0 5px #17336c,3px 0 #17336c,-3px 0 #17336c;margin:7px 0 10px}.results>p{font-size:14px;color:#bfeaff}.result-hero{position:absolute;left:3%;bottom:4%;top:24%;width:45%}.result-panel{position:absolute;left:48%;right:6%;top:36%;text-align:left}.result-panel h2{font-size:29px;margin-bottom:22px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 10px;border:3px solid #153d79;border-radius:12px;background:#103f8499}.result-stats>span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;color:#badef7}.result-stats svg{color:#ffdb64}.result-stats b{font:22px Russo One;color:#fff6dc}.result-note{font-size:12px;line-height:1.6;color:#b9def8;margin:22px 0}.result-panel .button-row .button{flex:1;font-size:18px;padding:13px 12px}.battle{position:relative;height:100%;background:#b88451;isolation:isolate;overflow:hidden}.battle-canvas{position:absolute;inset:0;touch-action:none}.battle-canvas canvas{width:100%;height:100%}.match-top{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:flex-start;justify-content:center;gap:18px;z-index:2;pointer-events:none}.match-top>button{pointer-events:auto;position:absolute;left:0}.team-score{display:flex;align-items:center;justify-content:center;gap:10px;min-width:130px;background:linear-gradient(#2c95e2,#1665b9);border:3px solid #17233d;border-radius:10px;box-shadow:0 4px #14384e;padding:7px 15px;font:32px Russo One;transform:skew(-6deg)}.team-score svg{color:#b4fffb}.team-score small{font:12px Nunito Sans;color:#d0ebff}.team-score.enemy{background:linear-gradient(#f06a7b,#c73650);box-shadow:0 4px #732f40;transform:skew(6deg)}.match-clock{text-align:center;padding:3px 8px;font:30px Russo One;text-shadow:0 3px #17233d,2px 0 #17233d,-2px 0 #17233d;min-width:120px}.match-clock small{font:11px Nunito Sans;margin-top:3px}.connection{position:absolute;right:0;font-size:8px;padding:6px 8px;background:#173b4d9c;border-radius:5px;color:#defee7}.connection small{font-size:9px;margin-top:3px;color:#e4f5d7}.countdown{position:absolute;top:91px;left:50%;transform:translate(-50%);background:#155294e8;border:2px solid #a9f7ff;border-radius:8px;padding:7px 15px;font:18px Russo One;z-index:5}.countdown b{color:#ffdf65;font-size:24px;margin-left:9px}.countdown.danger{background:#c03953}.world-labels{position:absolute;inset:0;pointer-events:none}.fighter-label{position:absolute;transform:translate(-50%,-100%);width:84px;text-align:center;text-shadow:0 1px 2px #000,1px 0 #000,-1px 0 #000}.fighter-label>span{display:block;font-size:9px;white-space:nowrap;font-weight:700;color:#d9f4ff}.fighter-label b{font:12px Russo One;display:block;line-height:1.4}.hp-track{height:8px;border:2px solid #162437;border-radius:3px;background:#1b364d;overflow:hidden}.hp-track i{display:block;height:100%;background:#66d2f2}.self .hp-track i{background:#83e963}.foe .hp-track i{background:#f05c6b}.fighter-label em{display:inline-flex;align-items:center;gap:2px;position:absolute;left:calc(100% + 2px);bottom:2px;background:#1c7cba;border:1px solid #132d4c;border-radius:4px;padding:2px 3px;font:11px Russo One;color:#c5fffd}.combat-bottom{position:absolute;left:0;right:0;bottom:12px;pointer-events:none;text-align:center;z-index:3}.self-status{width:195px;margin:auto;padding:9px 14px;background:#163750bb;border:2px solid #22364aaa;border-radius:9px}.self-status b{font:12px Russo One}.self-status small{font-size:10px}.ammo{display:flex;gap:5px;margin:7px 0 5px}.ammo>span{display:block;height:10px;width:33%;background:#15273d;border:2px solid #091d2c;border-radius:3px;position:relative;overflow:hidden}.ammo>.charged{background:#ffca40}.ammo i{display:block;height:100%;background:#ffe89a}.keyboard-hint{font-size:9px;text-shadow:0 1px 2px #000;margin-top:7px}.move-control{position:absolute;bottom:54px;left:55px;z-index:4}.attack-control{position:absolute;bottom:54px;right:55px;z-index:4;display:flex;align-items:center;gap:20px}.joystick{touch-action:none;border:3px solid #ddf2ff66;width:126px;height:126px;border-radius:50%;background:#2d83c266;box-shadow:inset 0 0 0 8px #084c8833,0 4px #1c476266;display:grid;place-items:center;padding:0;position:relative}.joystick>span{width:74px;height:74px;border:3px solid #b8e8ffaa;border-radius:50%;background:linear-gradient(#6cbcedb3,#1772becc);box-shadow:0 4px #1a528977;display:grid;place-items:center}.attack-stick{background:#cc415b77;border-color:#ffb6b3aa;box-shadow:inset 0 0 0 8px #ac294333,0 4px #743a4266}.attack-stick>span{background:linear-gradient(#fc847ccc,#de3f54cc);border-color:#ffd2bbcc;box-shadow:0 4px #84324477}.ability{width:64px;height:64px;border:3px solid #15384a;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px #163e55;position:relative}.ability.gadget{background:linear-gradient(#8ee566,#3b9639);align-self:flex-end;width:55px;height:55px;margin-right:-10px;margin-bottom:-13px}.ability.gadget small{position:absolute;right:-2px;bottom:-1px;border-radius:50%;border:2px solid #153747;background:#eaf5ba;color:#234c2b;font:12px Russo One;width:21px;height:21px;display:grid;place-items:center}.ability.super{background:conic-gradient(#ffd748 var(--charge),#3c5870 var(--charge));color:#dae2d6;align-self:flex-start;margin-top:-13px}.ability.super.ready{color:#5c401d;box-shadow:0 0 19px #fff079,0 4px #7d6437;animation:super-pulse 1s infinite}.joystick:active{transform:none}.lefty .move-control{left:auto;right:55px}.lefty .attack-control{right:auto;left:55px;flex-direction:row-reverse}.lefty .ability.gadget{margin-right:0;margin-left:-10px}.respawn{position:absolute;inset:30% 20%;text-align:center;pointer-events:none;text-shadow:0 3px #15345f}.respawn h2{font-size:26px;margin:12px 0}.overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:30px;background:#123571ee;text-align:center}.overlay h1{font-size:37px;color:#ffe068;text-shadow:0 4px #10254c}.overlay h2{font-size:30px}.overlay>p{font-size:14px;max-width:590px;line-height:1.6;color:#bbdffc}.overlay .muted{font-size:12px}.queue-symbol{display:grid;place-items:center;width:130px;height:130px;background:#287ace;border:4px solid #122a53;border-radius:30px;box-shadow:0 7px #142e58;transform:rotate(-6deg);color:#ffd45e;animation:queue-float 2s infinite}.network-status{position:absolute;top:85px;left:50%;transform:translate(-50%);background:#7e3f3d;padding:9px 15px;border-radius:7px;z-index:10;font-size:12px}.rotate-gate{position:fixed;inset:0;background:radial-gradient(ellipse,#268dd6,#13478e);z-index:100;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;gap:20px}.rotate-gate svg{transform:rotate(-90deg);color:#ffd33d}.rotate-gate h2{font-size:27px}.rotate-gate p{color:#b4dbff}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes super-pulse{50%{box-shadow:0 0 28px #fff079,0 4px #7d6437}}@keyframes queue-float{50%{transform:rotate(5deg) translateY(-5px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-aspect-ratio:16/9){.battle{width:min(100%,calc((var(--arena-height) - var(--arena-safe-top) - var(--arena-safe-bottom)) * 16 / 9));margin:auto}body:has(.battle){background:#273e53}}@media(max-aspect-ratio:1/1){.rotate-gate{display:flex}}@media(max-height:560px){.app{padding:10px 15px;min-height:0}.topbar{height:47px}.profile-button{min-width:192px;padding:4px;gap:6px;border-width:2px;box-shadow:0 3px #10243f}.avatar{width:35px;height:35px}.avatar svg{width:26px}.profile-button small{font-size:7px}.profile-button b{font-size:13px}.profile-button em{font-size:12px;margin-right:4px}.brand b{font-size:22px}.brand small{font-size:9px;letter-spacing:3px;margin-top:6px}.square{width:40px;height:40px;border-width:2px}.square svg{width:24px}.top-actions{gap:8px}.practice-pill{height:37px;font-size:10px;padding:0 8px;border-width:2px}.practice-pill b{font-size:16px}.practice-pill span{font-size:9px}.left-nav,.right-nav{top:25%;gap:12px}.left-nav{left:18px}.right-nav{right:18px}.nav-button{min-width:67px;gap:3px}.nav-icon{width:44px;height:38px;border-width:2px;border-radius:8px;box-shadow:0 3px #193454,inset 0 2px #8fcefb}.nav-icon svg{width:25px;height:25px}.nav-button b{font-size:9px}.nav-button i{width:18px;height:18px;font-size:10px;top:-4px;right:5px}.chapter-card{top:74px;left:14%}.chapter-card b{font-size:14px}.chapter-card span{font-size:7px;margin-bottom:3px;padding:3px 6px}.chapter-card p{font-size:9px;margin-top:4px}.alpha-ribbon{font-size:7px;top:77px;right:14%;padding:4px 7px}.lobby-character{inset:13% 24% 18% 25%}.hero-caption{bottom:24%;left:25%;right:25%}.role-pill{font-size:8px;padding:3px 9px;border-width:1px;box-shadow:0 2px #234255}.hero-caption button{font-size:21px;padding-top:6px}.hero-caption small{font-size:8px}.lobby-bottom{left:17px;right:17px;bottom:17px;gap:12px;grid-template-columns:1fr 1.55fr 1.03fr}.practice-progress{height:63px;padding:7px 10px;border-width:2px;border-radius:8px}.practice-progress>span{gap:5px}.practice-progress>span svg{width:20px;height:20px}.practice-progress b{font-size:11px}.practice-progress .progress-track{height:7px;margin-top:5px}.practice-progress small{font-size:7px;margin-top:3px}.mode-card{height:70px;padding:8px 11px;gap:9px;border-width:2px}.mode-symbol{width:36px;height:42px;flex-shrink:0}.mode-symbol svg{width:29px;height:29px}.mode-card small{font-size:6px}.mode-card b{font-size:17px;margin-top:3px}.mode-card em{font-size:8px;margin-top:3px}.mode-card>svg{width:16px}.play-button{height:65px;min-height:65px;font-size:28px;border-width:3px;padding:9px}.play-button svg{width:26px}.play-block small{font-size:6.5px;bottom:-13px}.page-heading{margin:12px 0 10px;height:40px;gap:12px}.page-heading h1{font-size:22px}.page-heading small{font-size:7px;margin-bottom:2px}.page-counter{font-size:8px}.page-content{height:calc(100% - 108px);padding-bottom:9px}.hero-grid{gap:10px;grid-template-columns:repeat(3,1fr);max-width:890px}.hero-card{min-height:165px;border-width:2px;border-radius:9px}.hero-card img{height:161px;margin-top:-10px}.hero-card-top{top:7px;left:9px;right:9px;font-size:8px}.hero-card-name{padding:6px 10px;margin-top:-33px}.hero-card h2{font-size:14px;margin-bottom:4px}.hero-card-name span{font-size:9px}.hero-card-name i{font-size:6px}.hero-detail-layout{gap:22px;grid-template-columns:.85fr 1.2fr}.detail-character{min-height:244px}.detail-info{padding:1px 0;gap:10px}.detail-info>p{font-size:10px}.stat-row{padding:8px;gap:9px}.stat-row>span{font-size:8px;grid-template-columns:18px auto;gap:5px}.stat-row svg{width:18px}.stat-row b{font-size:14px}.ability-info{gap:9px}.ability-icon{width:43px;height:43px;border-width:2px;border-radius:8px}.ability-icon svg{width:26px}.ability-info small{font-size:7px}.ability-info h3{font-size:14px;margin:2px 0 3px}.ability-info p{font-size:9px;line-height:1.4}.button{min-height:40px;font-size:14px;padding:8px 17px;border-width:2px;border-radius:7px;gap:8px}.button svg{width:22px;height:22px}.button-row{gap:10px}.hero-picker{gap:6px}.hero-picker button{width:40px;height:38px;border-width:2px;border-radius:6px}.hero-picker img{width:55px}.detail-character>.hero-preview{height:calc(100% - 36px)}.gadget-grid{gap:15px}.intro-copy{font-size:10px;margin:0 auto 13px}.gadget-card{padding:15px}.gadget-art{width:80px;height:80px;border-width:3px;border-radius:20px;margin-bottom:15px}.gadget-art svg{width:51px;height:51px}.gadget-card h2{font-size:17px}.gadget-card p{font-size:10px;min-height:31px;margin:8px auto 12px}.selected-label{font-size:10px;padding:7px}.mode-grid{gap:12px}.mode-art{height:110px;margin-bottom:10px}.mode-art svg{width:50px;height:50px}.mode-art i{font-size:14px;padding:4px 6px;bottom:6px;right:6px}.mode-option{padding-bottom:11px}.mode-option h2{font-size:16px;margin:0 10px 7px}.mode-option p{font-size:9px;margin:0 10px;min-height:24px}.map-select{gap:8px;margin-top:14px}.map-select h3{font-size:10px}.map-select>button:not(.button){padding:8px 10px;font-size:9px}.map-select .button{min-height:35px;font-size:11px;padding:7px 13px}.modes>.muted{font-size:9px;margin-top:9px}.journal-layout{gap:15px;grid-template-columns:.9fr 1.4fr}.journey{padding:16px}.journey>svg{width:50px;height:50px;margin-bottom:8px}.journey h2{font-size:18px}.journey>p{font-size:10px;margin-top:8px}.journey-numbers{margin:16px 0;gap:12px}.journey-numbers b{font-size:22px}.journey-numbers small{font-size:8px;margin-top:4px}.journey>.muted{font-size:9px}.quest-list{gap:9px}.quest{padding:8px 12px;gap:11px;border-width:2px;border-radius:9px}.quest>span{width:38px;height:38px;border-radius:8px}.quest>span svg{width:25px}.quest h3{font-size:13px}.quest p{font-size:9px;margin:3px 0 6px}.quest .progress-track{height:7px}.quest>b{font-size:12px;min-width:35px}.settings-layout{gap:15px;grid-template-columns:.8fr 1.4fr}.profile-summary{padding:18px}.large-avatar{width:80px;height:80px;border-width:3px;border-radius:20px;margin-bottom:14px}.large-avatar svg{width:52px}.profile-summary h2{font-size:20px;margin-bottom:8px}.profile-summary>p{font-size:8px}.settings-panel{padding:15px}.name-field{font-size:10px;margin-bottom:6px}.name-field input{padding:7px 10px;font-size:13px;margin-top:5px}.setting-row{padding:10px 0;gap:8px}.setting-row>svg{width:22px}.setting-row b{font-size:12px}.setting-row small{font-size:8px;margin-top:2px}.settings-panel>.muted{margin-top:10px;font-size:9px}.setting-row input[type=checkbox]{transform:scale(.85);transform-origin:right}.guide-grid{gap:12px}.guide-card{padding:15px}.guide-card svg{width:33px;height:33px;margin-bottom:9px}.guide-card h2{font-size:16px;margin-bottom:8px}.guide-card p{font-size:10px}.network-layout,.collection-layout{gap:20px}.network-art{gap:15px}.network-art svg{width:90px;height:90px}.network-art h2{font-size:27px}.network-panel,.collection-info{padding:20px}.eyebrow{font-size:8px}.network-panel h2,.collection-info h2{font-size:21px;margin:8px 0 12px}.network-panel p,.collection-info p{font-size:10px}.network-panel .muted{margin:11px 0}.network-panel .button{min-height:38px}.collection-preview{min-height:235px}.skin-swatches{gap:5px;margin:15px 0}.skin-swatches button{height:39px;border-width:2px}.skin-swatches img{width:56px}.collection-info .button{margin-top:14px}.results{padding:18px 6%}.results>h1{font-size:42px;margin:5px 0 6px}.results>p{font-size:10px}.result-panel{top:34%;right:5%}.result-panel h2{font-size:21px;margin-bottom:13px}.result-stats{padding:12px 6px;gap:8px}.result-stats>span{font-size:8px;gap:5px}.result-stats svg{width:22px;height:22px}.result-stats b{font-size:17px}.result-note{font-size:9px;margin:13px 0}.result-panel .button-row .button{font-size:13px;padding:9px}.match-top{top:8px;gap:10px}.team-score{min-width:95px;font-size:24px;padding:5px 10px;border-width:2px;border-radius:7px;gap:7px}.team-score svg{width:22px;height:22px}.team-score small{font-size:9px}.match-clock{font-size:24px;min-width:94px;padding:0 5px}.match-clock small{font-size:8px;margin-top:1px}.match-top .small{width:32px;height:32px}.connection{font-size:6px;padding:4px 6px}.connection small{font-size:7px;margin-top:2px}.countdown{top:64px;font-size:13px;padding:4px 10px}.countdown b{font-size:19px}.joystick{width:91px;height:91px;border-width:2px}.joystick>span{width:56px;height:56px;border-width:2px}.joystick svg{width:28px;height:28px}.move-control{bottom:37px;left:33px}.attack-control{bottom:37px;right:33px;gap:14px}.ability{width:48px;height:48px;border-width:2px}.ability svg{width:27px}.ability.gadget{width:40px;height:40px;margin-right:-7px;margin-bottom:-10px}.ability.gadget svg{width:23px}.ability.gadget small{width:18px;height:18px;font-size:10px}.lefty .move-control{right:33px}.lefty .attack-control{left:33px}.combat-bottom{bottom:8px}.self-status{width:144px;padding:6px 10px;border-width:1px}.self-status b{font-size:9px}.self-status small{font-size:8px}.ammo{margin:5px 0 3px;gap:3px}.ammo>span{height:8px}.keyboard-hint{font-size:6px;margin-top:4px}.fighter-label{width:62px}.fighter-label>span{font-size:7px}.fighter-label b{font-size:9px}.hp-track{height:6px;border-width:1px}.fighter-label em{font-size:9px;padding:1px 2px}.overlay{gap:14px;padding:20px}.queue-symbol{width:85px;height:85px;border-radius:20px}.queue-symbol svg{width:52px}.overlay h1{font-size:27px}.overlay h2{font-size:23px}.overlay>p{font-size:11px}.overlay .muted{font-size:9px}.respawn h2{font-size:20px}.respawn p{font-size:11px}}.account-panel{margin-bottom:18px;padding-bottom:16px;border-bottom:2px solid #ffffff16}.account-panel p+p{margin-top:8px}.account-history,.selection-panel{border-bottom:2px solid #ffffff26;padding-bottom:18px;margin-bottom:18px}.selection-panel p{margin-top:8px}.selection-alert,.profile-button small.selection-alert{color:#ffce8b}.selection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.selection-actions .button{min-height:44px;white-space:normal;padding:10px 14px;font-size:13px}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-heading .button{min-height:44px;padding:8px 14px;font-size:13px}.account-history ul{list-style:none;padding:0;margin:10px 0 0;max-height:260px;overflow-y:auto}.account-history li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #ffffff24}.account-history li div{min-width:0;display:grid;gap:4px}.account-history li span,.account-history li small{font-size:12px;color:#cfdbec}.history-outcome{font-size:12px;color:#f7cc74;white-space:nowrap}.history-outcome.win{color:#6ce5be}.history-outcome.loss{color:#ffacac}@media(max-height:390px){.hero-caption{bottom:26%}.hero-caption button{font-size:18px}.chapter-card p{display:none}.lobby-bottom{bottom:16px}.hero-caption small{display:none}.nav-button b{font-size:8px}.left-nav,.right-nav{gap:9px}.nav-icon{height:34px;width:40px}.mode-card{height:63px}.play-button{height:59px;min-height:59px;font-size:25px}.practice-progress{height:58px}.page-content{height:calc(100% - 103px)}.detail-info{gap:8px}.detail-info>p{display:none}.hero-detail-layout{gap:15px}.detail-character{min-height:225px}.map-select{margin-top:11px}.mode-art{height:90px}.gadget-art{width:66px;height:66px;margin-bottom:12px}.gadget-art svg{width:43px}.gadget-card{padding:12px}.gadget-card h2{font-size:15px}.network-panel .setting-row{padding:6px 0}.self-status{width:128px}.keyboard-hint{display:none}.combat-bottom{bottom:7px}.move-control,.attack-control{bottom:26px}.joystick{width:84px;height:84px}.fighter-label>span{font-size:6px}.chapter-card{left:13%;top:70px}.alpha-ribbon{right:12%;top:70px}.practice-pill span{display:none}}button{min-width:44px;min-height:44px}.square,.square.small,.match-top .small,.hero-picker button,.skin-swatches button,.ability.gadget,.button:not(.play-button),.map-select .button,.network-panel .button{min-width:44px;min-height:44px}@media(max-height:560px){.hero-picker button{width:44px;height:44px}.detail-character>.hero-preview{height:calc(100% - 45px)}}@media(max-height:390px){.mode-art{height:75px}.mode-option h2{font-size:14px}.mode-option p{font-size:8px}}