body.moba-immersive{overflow-x:hidden;background:#182a5b}body.moba-immersive .shell{max-width:none;padding:0}body.moba-immersive .shell>header,body.moba-immersive .shell>nav,body.moba-immersive .shell>footer{display:none}body.moba-immersive main{padding:0;min-height:100svh}body.moba-immersive main:focus-visible{outline:0}.moba-immersive .network-notice{position:fixed;top:0;left:20%;right:20%;z-index:80;margin:0}.moba-lobby,.mode-hall,.hero-library,.draft-screen{position:relative;min-height:100svh;color:#e8f5ff;background:radial-gradient(ellipse at 46% 84%,#7fe4dfaa,transparent 45%),linear-gradient(130deg,#18234c 0,#3859a5 49%,#7aade4 100%);overflow:hidden}.moba-lobby{height:100svh;min-height:600px}.lobby-glow{position:absolute;inset:0;background:repeating-linear-gradient(139deg,transparent 0 140px,#79d7ff18 143px 151px,transparent 154px 220px,#eb9bfa33 222px 230px,transparent 233px 300px);pointer-events:none}.lobby-skyline{position:absolute;inset:40% 0 8%;background:repeating-linear-gradient(90deg,#cce8f122 0 40px,transparent 42px 95px);clip-path:polygon(0 65%,5% 65%,5% 35%,10% 35%,10% 50%,16% 50%,16% 20%,20% 20%,20% 50%,27% 50%,27% 10%,30% 10%,30% 75%,42% 75%,42% 25%,49% 25%,49% 42%,58% 42%,58% 6%,61% 6%,61% 58%,70% 58%,70% 0,75% 0,75% 34%,83% 34%,83% 13%,89% 13%,89% 65%,100% 65%,100% 100%,0 100%);filter:drop-shadow(0 0 12px #a5ffff)}.lobby-model{position:absolute;inset:1% 17% 8% 10%}.hero-webgl{display:block;width:100%;height:100%;touch-action:none;outline:0}.model-loading{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#d7e9f4;font-size:12px;pointer-events:none}.webgl-error{max-width:300px;margin:30% auto;color:#f2d5b0;padding:20px;background:#172747da;border:1px solid #d5b77d}.lobby-top{position:absolute;left:28px;right:28px;top:17px;display:flex;justify-content:space-between;align-items:center;z-index:4}.lobby-profile{display:flex;align-items:center;gap:12px;background:none;border:0;color:white;text-align:left;padding:0}.lobby-profile img{width:56px;height:62px;object-fit:cover;border:2px solid #dfbc73;box-shadow:0 0 14px #a6b3ff7a}.lobby-profile b{display:block;font-size:19px;text-shadow:0 2px 4px #15243e}.lobby-profile small{display:block;font-size:9px;letter-spacing:2px;color:#e7ce95}.lobby-top-actions{display:flex;align-items:center;gap:23px}.lobby-top-actions>a{font-size:29px;color:#b9e7fa;text-shadow:0 0 9px #88edff8a}.lobby-counter{background:#1e3f9166;border:1px solid #b0d8ff33;padding:5px 18px;color:#e5e8ff;letter-spacing:2px;font-size:12px}.lobby-left{position:absolute;left:28px;top:112px;width:146px;bottom:118px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.lobby-promo{width:146px;min-height:76px;display:flex;flex-direction:column;padding:9px 12px;border:1px solid #a8d2f888;box-shadow:0 6px 16px #10294d55;clip-path:polygon(0 0,100% 0,100% 88%,90% 100%,0 100%)}.promo-classic{background:linear-gradient(120deg,#99dddbcc,#255b98ee 60%,#f3e6b4aa)}.promo-brawl{background:linear-gradient(125deg,#d6a5e4bb,#544da1ee 70%,#a8e9ff99)}.lobby-promo small{font-size:8px;letter-spacing:1.5px;color:#e5f5ff}.lobby-promo b{font-family:Georgia,serif;letter-spacing:2px;font-size:19px;text-shadow:0 2px 5px #29456c}.lobby-promo>span{font-size:9px;color:#d6ebfc}.lobby-side-action{background:none;border:0;color:#e0f0ff;display:grid;place-items:center;min-width:84px;padding:0;font-size:13px;text-shadow:0 2px 4px #234570}.lobby-side-action>span{font-size:37px;color:#d3ecf5;line-height:1.2;filter:drop-shadow(0 0 6px #93d7ff77)}.lobby-hero-caption{position:absolute;left:57%;right:23%;top:23%;pointer-events:none;padding:18px 20px;border:1px solid #b3efff55;background:linear-gradient(125deg,#e9e4ffdf,#9addf4b3);color:#253a73;border-radius:2px 18px 18px 18px;box-shadow:0 8px 25px #235b9277}.lobby-hero-caption h1{font:600 32px/1.1 Georgia,serif;letter-spacing:1px;margin:6px 0 10px}.lobby-hero-caption p{font-size:12px;line-height:1.5;margin:0 0 10px}.lobby-tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#55609c}.rotate-hint{display:block;font-size:9px;line-height:1.5;color:#3f5e92}.lobby-roster{position:absolute;right:26px;top:115px;width:202px;z-index:3;background:linear-gradient(110deg,#2a3e8fc4,#2b38887a);border:1px solid #7dc3ff66;box-shadow:0 6px 24px #20336f55}.roster-title{padding:9px 12px;background:#6c9bd82d;font-size:9px;letter-spacing:1.5px;color:#bbddf7;display:flex;justify-content:space-between}.roster-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px;border:0;border-bottom:1px solid #9fcbff1f;background:transparent;color:#e1efff;text-align:left}.roster-row:hover,.roster-row.selected{background:linear-gradient(90deg,#b3daff22,#c4e8ff07);box-shadow:inset 3px 0 #d5b86c}.roster-row img{width:49px;height:55px;object-fit:cover;border:1px solid #d1b278}.roster-row b{display:block;font-size:14px;font-weight:500}.roster-row small{font-size:10px;color:#b4d7fa}.roster-row i{margin-left:auto;color:#e2c581;font-size:22px;font-style:normal}.roster-more,.roster-resume{display:block;padding:10px;text-align:center;background:#68a2ce29;font-size:11px;color:#d4edff}.roster-resume{border-top:1px solid #bddcff22;color:#f5dd9e}.lobby-bottom{position:absolute;left:0;right:0;bottom:0;min-height:94px;display:grid;grid-template-columns:220px 1fr 350px;align-items:center;background:linear-gradient(95deg,#9ebde2e8,#d3e4fde8 50%,#a9ceddd9);border-top:2px solid #ddd7a5;box-shadow:0 -10px 30px #a9edff22;z-index:5;color:#233e77}.lobby-brand{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(110deg,#284471ee,#4065a0a0);height:100%;clip-path:polygon(0 0,90% 0,100% 100%,0 100%)}.lobby-brand img{width:42px}.lobby-brand>span{font-size:16px;letter-spacing:2px;font-weight:800;color:#f0ddb1}.lobby-brand>span>span{display:block;color:#e9f5ff;font-size:10px;letter-spacing:5px}.lobby-tabs{display:flex;align-items:center;justify-content:space-around;height:100%}.lobby-tabs>a,.lobby-tabs>button{border:0;background:none;color:#304a8b;display:flex;align-items:center;gap:9px;font-size:15px;padding:12px 7px}.lobby-tabs span{font-size:27px;color:#3456a2}.lobby-play{display:flex;align-items:stretch;justify-content:flex-end;height:100%;padding:7px 10px 7px 0;gap:8px}.mode-change{display:grid;place-items:center;align-self:center;width:54px;height:58px;background:#5f5bb3;border:2px solid #ecd790;color:#e7d9b3;font-size:31px;transform:skew(-8deg)}.lobby-rank{width:270px;display:flex;align-items:center;justify-content:center;gap:14px;background:linear-gradient(110deg,#d1a35a,#fff2af 55%,#edcf6b);border:2px solid #fff5c7;box-shadow:inset 0 0 12px #a87d42;clip-path:polygon(9% 0,100% 0,92% 100%,0 100%);color:#46351c}.lobby-rank>span:last-child{display:grid;text-align:center}.lobby-rank small{font:10px system-ui;letter-spacing:2px}.lobby-rank b{font:700 34px/1.2 Georgia,serif;letter-spacing:3px}.rank-gem{font-size:56px;color:#8b5a36;text-shadow:0 1px 2px #fff6c6,0 0 12px #f8d878}.lobby-dialog{max-width:600px;width:90vw;background:linear-gradient(130deg,#213765,#10213e);border:1px solid #a2c7ee77;color:#e6f3ff;padding:35px;border-radius:5px}.lobby-dialog::backdrop,.hero-showcase::backdrop{background:#071024b8}.dialog-x{position:absolute;right:14px;top:10px;background:#13305288;border:1px solid #9cbfdf66;color:#e4f7ff;font-size:25px;line-height:1;width:35px;height:35px;z-index:5}.lobby-dialog h2{font:30px Georgia,serif;color:#f2dca4}.item-list p{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:12px 0}.item-list span{color:#9fd9ee;font-size:13px}.moba-screen-top{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4vw;border-bottom:1px solid #b6ddff22;color:#d2ebff;font-size:13px;letter-spacing:2px}.moba-screen-top>a:last-child{font-size:11px;letter-spacing:1px}.moba-back{font-size:42px!important;line-height:1;letter-spacing:0;color:#d9e9ef;filter:drop-shadow(0 0 7px #8be9ff66)}.mode-hall{height:100svh;min-height:600px;background:linear-gradient(135deg,#172349,#3d6198 55%,#8cb3c9)}.mode-hall:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 160px,#a9dbff18 162px 165px,transparent 168px 280px);pointer-events:none}.mode-hall .moba-screen-top{position:relative;z-index:3}.mode-hero{position:absolute;inset:8% 43% 0 -2%}.mode-caption{position:absolute;left:5%;bottom:8%;pointer-events:none;text-shadow:0 2px 10px #1c356a}.mode-caption h1{font:44px/1 Georgia,serif;letter-spacing:1px;color:#eaf3fb;margin:12px 0}.mode-caption p{font-size:13px;color:#c8e7f9;margin:0}.mode-diamonds{position:absolute;left:46%;right:4%;top:15%;bottom:10%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);gap:0 8px;align-items:center}.mode-tile{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;min-height:230px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 5px 12px #0e234999);background:linear-gradient(135deg,#749bca,#213e72);transition:transform .2s}.mode-tile:hover{transform:translateY(-5px)}.mode-tile:before{content:'';position:absolute;inset:4px;background:linear-gradient(135deg,#4d78b688,#264573);clip-path:inherit;z-index:-1}.mode-tile img{width:90%;height:64%;object-fit:contain;position:absolute;top:0;left:5%;filter:drop-shadow(0 8px 10px #10294e99)}.mode-tile>span{position:relative;display:grid;text-align:center;padding-top:70px;z-index:1;text-shadow:0 2px 6px #1e386e}.mode-tile small{font-size:8px;letter-spacing:1px;color:#d6f2ff}.mode-tile b{font:35px/1.3 Georgia,serif;color:#e8f7ff}.mode-tile em{font-style:normal;font-size:10px;color:#c5eafa}.mode-rank{grid-area:2/1/4/2;transform:scale(1.1);background:linear-gradient(135deg,#f5e6ae,#ad8241)}.mode-rank:hover{transform:scale(1.1) translateY(-5px)}.mode-rank:before{background:linear-gradient(135deg,#ad8c51cc,#5a4b30)}.mode-rank>span{padding-top:78px}.mode-rank b{color:#ffe5a2}.mode-classic{grid-area:1/2/3/3}.mode-brawl{grid-area:3/2/5/3;background:linear-gradient(135deg,#b8d7ed,#35688a)}.mode-note{position:absolute;bottom:12px;left:48%;right:4%;text-align:center;font-size:11px;color:#c9e6fb}.hero-library{min-height:100svh;background:radial-gradient(ellipse at 45% 95%,#b3c6d344,transparent 50%),linear-gradient(145deg,#213b69,#547cad 65%,#7da3b4)}.hero-library .moba-screen-top{padding-left:4vw}.hero-role-nav{position:absolute;left:0;top:107px;width:176px;display:flex;flex-direction:column;gap:4px}.hero-role-nav button{background:none;border:0;color:#cce1ef;padding:17px 14px 17px 27px;font:600 19px Georgia,serif;text-align:left}.hero-role-nav button[aria-pressed=true]{background:linear-gradient(90deg,#326bb1,#8ddff2);clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%);color:#153e75;box-shadow:0 0 20px #87dfff66}.hero-role-nav p{font-size:10px;letter-spacing:2px;color:#bcdeef;text-align:center;margin-top:35px}.hero-library-main{padding:15px 4vw 50px 205px}.library-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;color:#bed8ed}.library-bar input{max-width:210px;padding:9px 12px;background:#234e8055;border-color:#8dbae35a}.hero-collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.hero-collection-card{position:relative;padding:0;border:1px solid #94bfdd77;background:#203b64;border-radius:3px;aspect-ratio:3/4.7;overflow:hidden;color:#d9f6ff;box-shadow:0 8px 24px #18314a55;text-align:left}.hero-collection-card:hover{border-color:#ffe0a3;transform:translateY(-3px)}.hero-collection-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}.hero-collection-card:hover img{transform:scale(1.045)}.hero-card-badge{position:absolute;right:8px;top:9px;border:1px solid #f6ddb0;background:#2d5288bb;color:#f9e6b6;font-size:10px;padding:1px 8px;letter-spacing:2px}.hero-card-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;text-align:center;padding:24px 8px 10px;background:linear-gradient(transparent,#182d54ee 35%)}.hero-card-bottom b{font:600 20px Georgia,serif;letter-spacing:1px}.hero-card-bottom small{font-size:10px;color:#a0d4ec}.hero-showcase{width:min(1260px,95vw);height:90svh;max-width:none;max-height:none;overflow:hidden;padding:0;border:1px solid #aac7ec77;background:radial-gradient(ellipse at 28% 60%,#6e87b6,#233b6d 54%,#10203e);color:#eaf4ff}.hero-showcase[open]{display:grid;grid-template-columns:55% 45%}.showcase-model{position:relative;height:100%;min-height:400px}.showcase-info{padding:7vh 32px 24px 10px;overflow-y:auto}.showcase-info h1{font:50px/1 Georgia,serif;letter-spacing:1px;color:#f2ddaa;margin:12px 0 20px}.showcase-info>p{font-size:13px;color:#c3d7eb}.hero-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.hero-stat-grid>span{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;background:#102e5355;border:1px solid #acc8e522;color:#abc7df;font-size:11px}.hero-stat-grid b{color:#f3ddb0;font-size:13px}.hero-skills-list{display:grid;gap:9px}.hero-skills-list article{display:flex;align-items:center;gap:12px;padding:9px;background:#142e5244}.hero-skills-list img{width:42px;height:42px}.hero-skills-list b{font-size:12px;color:#e4edfb}.hero-skills-list small{display:block;font-size:10px;color:#a4c0dc}.auto-rotate{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:12px;color:#bed8e9}.auto-rotate input{width:auto;accent-color:#e3c28a}.showcase-info .actions{gap:8px}.showcase-info .actions button{font-size:10px;padding:13px 16px;letter-spacing:1px}.draft-screen{min-height:100svh;background:radial-gradient(ellipse at 30% 70%,#6a88b8,#253e6d 60%,#182746)}.draft-header{height:100px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:15px 5vw;border-bottom:1px solid #96bbdf22}.draft-header h1{font:28px/1.3 Georgia,serif;margin:4px 0;letter-spacing:1px}.draft-header .eyebrow{font-size:9px;margin:0}.draft-header .secondary{font-size:10px;padding:9px 14px}.draft-layout{display:grid;grid-template-columns:1fr 1fr;height:calc(100svh - 100px);min-height:560px;gap:18px;padding:12px 5vw 22px}.draft-model{position:relative;min-height:500px}.draft-panel{padding:10px 0;overflow-y:auto}.draft-profile{display:grid;grid-template-columns:100px 1fr;gap:8px 14px;align-items:center}.draft-profile label{font-size:12px;color:#c2d9ee}.draft-profile input{max-width:none;padding:9px 12px;background:#15365a77}.draft-profile p{grid-column:2;font-size:10px;margin:0 0 12px}.draft-picks{display:flex;gap:8px;margin:15px 0}.draft-pick{position:relative;display:flex;flex-direction:column;cursor:pointer;flex:1;min-width:0;border:1px solid #aaccec44;background:#24477355;overflow:hidden}.draft-pick:has(input:checked){border-color:#f3d38f;box-shadow:0 0 12px #e1b65644}.draft-pick input{position:absolute;left:6px;top:6px;width:12px;z-index:1;accent-color:#f1c878}.draft-pick img{height:90px;width:100%;object-fit:cover}.draft-pick>span{padding:5px;text-align:center}.draft-pick b{display:block;font-size:10px;color:#e9f4ff}.draft-pick small{display:block;font-size:8px;color:#afd5ee}.draft-description h2{font:30px Georgia,serif;color:#f1ddb0;margin:5px 0 8px}.draft-description>p{font-size:12px;color:#b9d0e7}.draft-description .hero-stat-grid{margin:10px 0}.draft-skills{display:flex;gap:10px;margin:12px 0 18px}.draft-skills img{width:43px;height:43px}.draft-start{width:100%;font-size:13px}.draft-panel>p{font-size:11px;margin-bottom:4px}.resume-draft{font-size:11px;color:#efd8a3}.battle-overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.battle-top{z-index:2}.touch-controls{z-index:2}.arena-tools select{max-width:150px;font-size:10px;padding:7px;background:#1a3149}.rank-hero-preview{position:relative;height:280px;margin:-16px 0 16px;background:radial-gradient(ellipse at 50% 70%,#34587a,transparent 65%)}
@media(max-width:1100px){.lobby-bottom{grid-template-columns:150px 1fr 290px}.lobby-brand{padding:10px}.lobby-brand>span{font-size:12px}.lobby-tabs>a,.lobby-tabs>button{font-size:12px;gap:5px}.lobby-tabs span{font-size:23px}.lobby-rank{width:220px}.lobby-rank b{font-size:30px}.lobby-roster{width:175px;right:15px}.lobby-hero-caption{right:21%;left:55%;padding:12px}.lobby-hero-caption h1{font-size:27px}.hero-library-main{padding-left:175px;padding-right:25px}.hero-role-nav{width:150px}.hero-collection-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-collection-card{aspect-ratio:3/4.2}.mode-tile b{font-size:27px}.draft-layout{padding:8px 3vw 20px;grid-template-columns:45% 55%}.draft-model{min-height:450px}.showcase-info{padding-right:20px}}
@media(max-height:640px) and (orientation:landscape){.moba-lobby,.mode-hall{min-height:100svh}.lobby-top{top:10px;left:20px;right:18px}.lobby-profile img{width:40px;height:44px}.lobby-profile b{font-size:14px}.lobby-profile small{font-size:7px}.lobby-top-actions{gap:17px}.lobby-top-actions>a{font-size:23px}.lobby-left{top:76px;left:20px;width:110px;gap:7px}.lobby-promo{width:110px;min-height:56px;padding:5px 8px}.lobby-promo b{font-size:14px}.lobby-promo small{font-size:6px}.lobby-promo>span{font-size:7px}.lobby-side-action{font-size:10px;min-width:65px}.lobby-side-action>span{font-size:25px}.lobby-roster{top:75px;width:150px;right:16px}.roster-title{padding:5px;font-size:7px}.roster-row{padding:4px;gap:7px}.roster-row img{width:31px;height:35px}.roster-row b{font-size:10px}.roster-row small{font-size:8px}.roster-row i{font-size:16px}.roster-more,.roster-resume{font-size:8px;padding:5px}.lobby-hero-caption{top:24%;right:22%;padding:10px;left:58%}.lobby-hero-caption h1{font-size:23px;margin:4px 0}.lobby-hero-caption p{font-size:9px}.lobby-tag{font-size:7px}.rotate-hint{font-size:7px}.lobby-bottom{min-height:70px;grid-template-columns:140px 1fr 260px}.lobby-rank{width:200px}.lobby-rank b{font-size:25px}.lobby-rank small{font-size:7px}.rank-gem{font-size:36px}.mode-change{width:44px;height:47px;font-size:25px}.lobby-tabs>a,.lobby-tabs>button{font-size:10px}.lobby-tabs span{font-size:20px}.moba-screen-top{height:64px;padding-top:10px;padding-bottom:10px}.mode-caption h1{font-size:29px}.mode-caption p{font-size:10px}.mode-diamonds{top:16%;bottom:10%}.mode-tile{min-height:150px}.mode-tile>span{padding-top:50px}.mode-rank>span{padding-top:55px}.mode-tile b{font-size:23px}.mode-tile small{font-size:6px}.mode-tile em{font-size:8px}.mode-note{font-size:8px;bottom:5px}.draft-header{height:75px}.draft-layout{height:calc(100svh - 75px);min-height:350px}.draft-model{min-height:350px}.draft-profile p{display:none}.draft-pick img{height:63px}.draft-picks{margin:8px 0}.draft-description h2{font-size:23px}.draft-description>p{display:none}.draft-description .hero-stat-grid{margin:5px 0}.draft-skills{margin:7px 0}.draft-skills img{width:32px;height:32px}.draft-start{padding:9px}.hero-showcase{height:96svh}.showcase-info{padding-top:35px}.showcase-info h1{font-size:32px;margin:5px 0 10px}.hero-stat-grid{margin:10px 0}.showcase-info .actions{margin:10px 0}.showcase-info .actions button{padding:9px;font-size:9px}.hero-skills-list article{padding:4px}.hero-skills-list img{width:30px;height:30px}}
@media(max-width:650px) and (orientation:portrait){.moba-lobby{height:100svh;min-height:700px}.lobby-top{left:14px;right:14px;top:15px}.lobby-profile img{width:42px;height:46px}.lobby-profile b{font-size:14px}.lobby-profile small{font-size:7px}.lobby-top-actions{gap:17px}.lobby-top-actions>a{font-size:23px}.lobby-counter{display:none}.lobby-model{inset:4% -32% 17% -26%}.lobby-roster{display:none}.lobby-left{left:12px;top:87px;width:94px;gap:11px}.lobby-promo{width:94px;min-height:66px;padding:7px}.lobby-promo b{font-size:14px}.lobby-promo small{font-size:6px}.lobby-promo>span{font-size:7px}.lobby-side-action{font-size:11px;min-width:68px}.lobby-side-action>span{font-size:31px}.lobby-hero-caption{left:20px;right:auto;top:auto;bottom:170px;max-width:70%;padding:10px 14px;background:#dfeaffd6}.lobby-hero-caption h1{font-size:28px;margin:4px 0}.lobby-hero-caption p{display:none}.rotate-hint{font-size:8px}.lobby-tag{font-size:8px}.lobby-bottom{height:145px;display:flex;flex-direction:column}.lobby-brand{display:none}.lobby-play{width:100%;height:84px;order:0;padding:8px 14px;justify-content:center}.lobby-rank{width:min(300px,75vw)}.lobby-rank b{font-size:31px}.lobby-rank small{font-size:9px}.rank-gem{font-size:42px}.mode-change{height:56px}.lobby-tabs{width:100%;height:60px;order:1;border-top:1px solid #41619833}.lobby-tabs>a,.lobby-tabs>button{font-size:11px;display:grid;gap:0;padding:5px}.lobby-tabs span{font-size:23px}.moba-screen-top{height:70px;padding:14px 18px;font-size:10px;gap:10px}.moba-back{font-size:34px!important}.hero-role-nav{position:relative;top:auto;width:auto;flex-direction:row;padding:12px;gap:3px;overflow-x:auto;white-space:nowrap}.hero-role-nav button{font-size:13px;padding:9px 13px}.hero-role-nav p{display:none}.hero-library-main{padding:8px 14px 30px}.hero-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-bar{gap:10px;font-size:10px}.library-bar input{max-width:150px}.hero-collection-card{aspect-ratio:3/4}.hero-card-bottom b{font-size:20px}.hero-showcase[open]{display:flex;flex-direction:column;overflow:auto}.showcase-model{height:47svh;min-height:360px;flex-shrink:0}.showcase-info{padding:10px 22px 25px;overflow:visible}.showcase-info h1{font-size:37px;margin:8px 0}.hero-showcase .dialog-x{position:fixed;top:20px;right:20px}.mode-hall{min-height:850px;height:100svh}.mode-hero{inset:10% -25% 20%;opacity:.35}.mode-caption{left:20px;top:90px;bottom:auto}.mode-caption h1{font-size:29px}.mode-caption p{display:none}.mode-diamonds{top:220px;bottom:70px;left:20px;right:20px;display:flex;flex-direction:column;gap:14px}.mode-tile,.mode-rank,.mode-classic,.mode-brawl{height:170px;min-height:0;width:100%;transform:none;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);flex:1}.mode-rank:hover{transform:translateY(-4px)}.mode-tile img{left:0;top:0;width:47%;height:100%}.mode-tile>span,.mode-rank>span{padding:0;margin-left:30%}.mode-tile b{font-size:30px}.mode-note{left:20px;right:20px;font-size:10px;bottom:20px}.draft-header{padding:15px;height:90px;gap:12px}.draft-header h1{font-size:24px}.draft-header>.secondary{font-size:8px;padding:7px}.draft-layout{display:flex;flex-direction:column;height:auto;min-height:0;padding:0 18px 30px}.draft-model{height:420px;min-height:0}.draft-panel{overflow:visible;padding-top:0}.draft-profile{grid-template-columns:90px 1fr}.draft-picks{gap:5px}.draft-pick img{height:75px}.draft-pick small{font-size:7px}.draft-description h2{font-size:28px}.draft-header .eyebrow{font-size:7px}.hero-library .library-count{display:none}}

.hero-poster-fallback{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;pointer-events:none}.lobby-model .webgl-error,.draft-model .webgl-error,.showcase-model .webgl-error,.mode-model .webgl-error{top:auto;bottom:12px;left:50%;transform:translateX(-50%);width:min(360px,80%);font-size:11px;padding:8px;background:#15294bd9;z-index:2}

.lobby-model .webgl-error,.draft-model .webgl-error,.showcase-model .webgl-error,.mode-hero .webgl-error{position:absolute;margin:0;top:auto;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;font-size:11px;padding:8px;width:min(360px,80%)}
/* Stage 7: the arena itself is the viewport; tools float above it. */
body:has(.battle-active){overflow:hidden;background:#203b32}body:has(.battle-active)>header,body:has(.battle-active)>nav,body:has(.battle-active)>footer,body:has(.battle-active) .site-header,body:has(.battle-active) .shell>header,body:has(.battle-active) .shell>nav,body:has(.battle-active) .shell>footer{display:none}
.battle-active{position:fixed;inset:0;z-index:30;background:#203b32;overflow:hidden;padding:0!important}.battle-active .battle-wrap{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;margin:0;aspect-ratio:auto}.battle-active .battle-wrap>canvas#battle{width:100%;height:100%;display:block}.battle-active .arena-heading{position:absolute;z-index:6;right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));left:180px;display:flex;justify-content:flex-end;gap:12px;pointer-events:none}.battle-active .arena-heading>div:first-child{display:none}.battle-active .arena-tools{display:flex;gap:6px;pointer-events:auto}.battle-active .arena-tools select,.battle-active .arena-tools button{height:32px;padding:3px 9px;font:11px system-ui;border:1px solid #9aafac66;background:#102e37c9;color:#e3ead4;border-radius:5px;min-width:0;letter-spacing:.5px}.battle-active .arena-status{position:absolute;z-index:5;left:50%;bottom:6px;transform:translateX(-50%);font:10px system-ui;color:#b8d6c5;max-width:60%;text-align:center;margin:0;pointer-events:none;background:#132a2b88;padding:4px 10px;border-radius:5px}.battle-active .battle-top{top:8px;border-radius:0 0 12px 12px;border:1px solid #79949455;background:linear-gradient(90deg,#1b6263c9,#132a39df,#6b353ec9);font:13px system-ui;padding:10px 24px;min-width:205px;text-align:center}.battle-active .player-hud{position:absolute;z-index:5;left:50%;top:54px;transform:translateX(-50%);font:11px system-ui;padding:5px 12px;background:#102c3488;border:0;border-radius:6px;pointer-events:none;max-width:380px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.battle-active .shop{display:none;position:absolute;z-index:8;right:16px;top:54px;background:#102a38f2;border:1px solid #a8b78c77;padding:18px;border-radius:10px;max-width:300px;box-shadow:0 12px 60px #061c31aa}.battle-active .shop.shop-open{display:flex;flex-wrap:wrap;gap:8px}.battle-active .shop button{padding:12px;background:#27444a;color:#f7e1af;border:1px solid #85956f}.battle-active .control-guide{display:none}.battle-active>#scoreboard{position:absolute;z-index:8;top:100px;right:20px;width:min(580px,90vw);max-height:65vh;overflow:auto;background:#112c38ed;box-shadow:0 15px 70px #061c31aa}.battle-active>#arena-result{position:absolute;z-index:10;top:35%;left:50%;transform:translateX(-50%);width:min(650px,90vw)}.battle-active>.actions{position:absolute;z-index:7;bottom:34px;left:50%;transform:translateX(-50%);margin:0;display:flex;gap:6px}.battle-active>.actions button,.battle-active>.actions a{font:9px system-ui;padding:6px 9px;background:#102d36bb;color:#d8e3c9;letter-spacing:0;border:1px solid #81958c55}.battle-active>.muted:last-child{display:none}.battle-active .touch-controls{inset:0;padding:0;z-index:4}.battle-active #joystick{position:absolute;bottom:max(42px,env(safe-area-inset-bottom));left:40px;width:138px;height:138px;border:2px solid #91d7d677;background:radial-gradient(circle at 50% 50%,#3b99a333,#113d4b33 55%,#73e2dd44 70%,transparent 72%);box-shadow:inset 0 0 20px #5bd4d622,0 0 20px #162b3844}.battle-active #stick-knob{background:radial-gradient(circle at 35% 25%,#9be5dd88,#3d909c55);border:2px solid #a0e3df88;box-shadow:0 0 20px #6fd2d444}.battle-active .combat-buttons{position:absolute;right:26px;bottom:32px;display:flex;align-items:flex-end;gap:14px}.battle-active .skill-buttons{display:flex;align-items:flex-end;gap:12px;transform:rotate(-10deg);margin-bottom:18px}.battle-active .skill{width:72px;height:72px;border:2px solid #b6bf96;background:radial-gradient(circle,#3581a0,#172c4b 65%);box-shadow:0 0 0 4px #0b213a88,0 3px 18px #0c202dc9;transform:rotate(10deg)}.battle-active .skill img{width:88%;height:88%;filter:drop-shadow(0 0 7px #57e0ff66)}.battle-active .skill>span{position:absolute;bottom:0;right:7px;font-size:10px;color:#fff5d6}.battle-active .attack-button{width:114px;height:114px;border:3px solid #9fcbc7;background:radial-gradient(circle at 40% 30%,#3aafc8,#184565 60%,#132e4a);box-shadow:0 0 0 5px #183b5188,0 0 28px #71cad333;color:#dbfaff;font:700 15px system-ui;text-shadow:0 2px 3px #132134}.battle-active .attack-button small{font-size:8px}
@media(max-width:900px){.battle-active .arena-tools{gap:3px}.battle-active .arena-tools select,.battle-active .arena-tools button{font-size:9px;padding:3px 5px;height:28px}.battle-active .arena-heading{top:6px;right:6px}.battle-active .player-hud{top:46px;font-size:9px}.battle-active .battle-top{left:42%;font-size:11px;min-width:150px;padding:8px 10px}.battle-active #joystick{width:104px;height:104px;left:24px;bottom:28px}.battle-active .combat-buttons{right:18px;bottom:23px;gap:11px}.battle-active .skill{width:59px;height:59px}.battle-active .skill-buttons{gap:10px}.battle-active .attack-button{width:88px;height:88px;font-size:12px}.battle-active .arena-status{bottom:3px;font-size:8px}.battle-active>.actions{bottom:26px}.battle-active>.actions a{display:none}}
@media(max-height:500px){.battle-active .arena-tools select{max-width:95px}.battle-active .arena-tools #camera-zoom{max-width:85px}.battle-active #joystick{width:92px;height:92px;bottom:24px}.battle-active .skill{width:52px;height:52px}.battle-active .attack-button{width:77px;height:77px}.battle-active .player-hud{display:none}.battle-active .battle-top{left:43%;padding:6px 10px;font-size:10px}.battle-active .combat-buttons{bottom:20px}}

.battle-active:fullscreen .exit-fullscreen{display:block;position:absolute;z-index:9;left:18px;top:180px;padding:7px 10px;font-size:10px;background:#12333adb;color:#e1ead9;border:1px solid #99bdaf66}.battle-active .arena-tools select:disabled{opacity:.45;cursor:not-allowed}
.battle-active #audio-volume{width:68px;min-width:40px;accent-color:#a9e8d3;align-self:center;pointer-events:auto}.battle-active #audio-toggle{min-width:88px}.battle-active .arena-tools{flex-wrap:wrap;justify-content:flex-end;max-width:74vw}@media(max-width:900px){.battle-active #audio-volume{width:45px}.battle-active #audio-toggle{min-width:65px;font-size:8px}.battle-active .arena-tools{max-width:64vw}}