/* Dota 2 command interface. Uses local Valve assets; game state stays in ad_app.js. */
:root{--ink:#0b1016;--panel:#141d27;--edge:#35414c;--muted:#8c9aa7;--paper:#e8e5dd;--gold:#c5a56b;--radiant:#83bc72;--dire:#d67463;--ally:#83bc72;--enemy:#d67463}
body{color:var(--paper)}
#stage{background:var(--ink)}
#bg{background:linear-gradient(180deg,#111a24e8,#090e15ed),url(assets/ui/bg_pregame.png) center/cover;opacity:1}
button:focus-visible,[tabindex]:focus-visible,input:focus-visible{outline:2px solid #e0bd80;outline-offset:3px}
button{transition:background .15s,border-color .15s,filter .15s}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#45515d}::-webkit-scrollbar-track{background:#10171f}
.Btn{border:1px solid #50606e;background:linear-gradient(#273442,#17232e);border-radius:2px;box-shadow:inset 0 1px #ffffff0c;font:600 17px var(--font);letter-spacing:1px;padding:12px 26px;min-height:44px;color:#d9e1e7}
.Btn.green,.play{background:linear-gradient(#395a3c,#233b29);border-color:#75936a;color:#e9f5df;box-shadow:inset 0 1px #ffffff12,0 8px 25px #0004}
.Btn:hover{filter:brightness(1.18)}
.brand{font:600 24px var(--title);letter-spacing:3px;color:#e8e3d7;white-space:nowrap}.brand small{display:block;font:600 13px var(--font);letter-spacing:6px;color:#ca6756;margin-bottom:5px}
.dim{color:var(--muted)}
/* Draft: real 50-turn snake sequence, with fixed faction colours. */
#Header{left:380px;right:380px;top:28px;height:156px}
#HeroStripContainer{top:0;height:76px;mask-image:linear-gradient(90deg,#000 94%,#0000)}
#HeroStrip{height:76px;align-items:center;gap:6px}
.DraftEntry,.DraftEntry.current{width:56px;height:72px;margin:0;flex:none}
.DraftEntry .img,.DraftEntry.current .img{width:56px;height:54px;border:1px solid #52616e;border-radius:2px;background-size:cover;background-position:center 24%;filter:none}
.DraftEntry.r-seat .img{border-bottom:3px solid var(--radiant)}.DraftEntry.d-seat .img{border-bottom:3px solid var(--dire)}
.DraftEntry.local .img{border:1px solid #e3d7bb;border-bottom:3px solid var(--gold)}
.DraftEntry.current .img{border:2px solid #ddbc7b;box-shadow:0 0 15px #ddbc7b33}
.DraftEntry.done .img{opacity:.38;filter:saturate(.45)}
.DraftEntry .seat{display:block;text-align:center;font-size:12px;line-height:17px;color:#a3afba;letter-spacing:1px}
.DraftEntry.current .seat{color:#e5c995}.DraftEntry .img .q{font-size:21px}
.RoundMarker,.RoundMarker.now{width:52px;height:62px;margin:0;border:0;border-left:1px solid #54616d;border-radius:0;background:none;display:flex;flex-direction:column;justify-content:center;font-size:12px;gap:4px;color:#9aa7b4;text-shadow:none;letter-spacing:1px}
.RoundMarker b{font-size:22px;color:#ddd}.RoundMarker.now b{color:var(--gold)}
#TimerContainer{top:94px;height:46px;justify-content:flex-start;align-items:center;gap:14px}
#TimerLabel,#stage.my-turn #TimerLabel{font-size:19px;letter-spacing:1px;text-transform:none;color:#acb8c4}
#Timer,#stage.my-turn #Timer{order:-1;width:60px;height:48px;border:1px solid #8a7857;background:#c5a56b10;display:grid;place-items:center;font:600 28px var(--font);color:#e5cc9d;letter-spacing:0}
#stage.my-turn #TimerLabel{color:#d8eac8}#stage.my-turn #Timer{border-color:var(--radiant);background:#83bc7218;color:#c1e6af}
#DraftMeta{position:absolute;top:167px;left:380px;right:380px;display:flex;justify-content:space-between;color:#879aaa;font-size:14px;letter-spacing:1px}
#DraftMeta b{color:#ddc79e;font-weight:600}
#TopRightContainer{left:32px;right:auto;top:26px;text-align:left;width:305px}
#ADTitle{font:600 22px var(--title);letter-spacing:2px;color:#e8e3d7;background:none;line-height:1.5}
#ADTitle::before{content:'DOTA 2';display:block;font:600 12px var(--font);letter-spacing:5px;color:#cb6c5a}
#ADLog{font-size:12px;letter-spacing:1px;color:#a1aeb9;margin-top:10px;border-color:#6d7881}
#ADTip{margin-top:12px;font-size:13px;color:#7f919f;max-width:300px}
#SettingsButton{top:30px;right:34px;bottom:auto;width:40px;height:40px;background-color:#1b2631;border:1px solid var(--edge);z-index:75}
#PickingGlow{display:none!important}
.TeamContainer{top:218px;width:324px;gap:10px}
.TeamContainer::before{height:27px;font:600 17px var(--font);letter-spacing:3px;display:block}
#RadiantHeroes{left:32px}#DireHeroes{right:32px}
#RadiantHeroes::before{content:'RADIANT';color:var(--radiant)}#DireHeroes::before{content:'DIRE';color:var(--dire)}
.HeroContainer,#DireHeroes .HeroContainer,.enemy-is-radiant #RadiantHeroes .HeroContainer,.enemy-is-radiant #DireHeroes .HeroContainer{width:324px;height:133px;border-radius:2px;background:linear-gradient(100deg,#1c2930,#141c25);border:1px solid #34404a;border-left:3px solid var(--radiant);overflow:hidden}
#DireHeroes .HeroContainer,.enemy-is-radiant #DireHeroes .HeroContainer{border-left-color:var(--dire);background:linear-gradient(100deg,#292326,#171b24)}
.HeroContainer.LocalPlayer,#DireHeroes .HeroContainer.LocalPlayer{box-shadow:inset 0 0 0 1px var(--gold)}
.HeroContainer.CurrentPicker{animation:none;border-color:#ddbc7b;background:#29332f;box-shadow:0 0 18px #ddbc7b14}
.HeroContainer .HeroImage,#DireHeroes .HeroContainer .HeroImage{left:0;right:auto;top:0;width:78px;height:133px;mask-image:linear-gradient(90deg,#000 65%,#0000);background:#111923}
.HeroContainer .HeroImage video,.HeroContainer .HeroImage img{width:78px;height:133px;object-fit:cover}
.HeroContainer .stub,#DireHeroes .HeroContainer .stub{left:9px;right:auto;top:23px;width:50px;height:60px;border:1px dashed #55616a;border-radius:0;font-size:29px;color:#76828d}
.NameContainer,#DireHeroes .NameContainer{left:86px;right:12px;top:10px;text-align:left}
.HeroName,#DireHeroes .HeroName,.HeroName.none{height:26px;font-size:16px;letter-spacing:.3px;color:#d8e2dd;padding:0 20px 0 0;text-shadow:none;text-transform:none}
#DireHeroes .HeroName{color:#e6d2cf}.HeroName.none{font-size:14px;color:#8797a5}
.PlayerName,#DireHeroes .PlayerName{font-size:14px;justify-content:flex-start;font-weight:400;gap:6px;text-shadow:none}
.PlanTag{border-radius:1px;font-size:10px;padding:2px 4px;letter-spacing:.2px}.PlayerName .medal{width:22px;height:22px}
.HeroAbilityContainer,#DireHeroes .HeroAbilityContainer{left:85px;right:auto;bottom:10px;gap:5px}
.DraftedAbilityContainer{width:49px;height:49px;border:1px solid #45525f;border-radius:1px;margin:0;background:#0b1118;box-shadow:none}
.DraftedAbilityContainer img{border-radius:0;animation:none}.DraftedAbilityContainer.empty::after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#3c4956;font-size:19px}
.DraftedAbilityContainer.ult{border-color:#a18a55}.DraftedAbilityContainer.empty.ult::after{content:'U';inset:0;border:0;border-radius:0;color:#766340;font-size:14px}
.AttrIcon,#DireHeroes .AttrIcon{right:8px;left:auto;top:10px;width:18px;height:18px}
.StatIcons,#DireHeroes .StatIcons{left:18px;right:auto;bottom:10px}.StatIcons i{width:27px;height:27px}
.seat-label{position:absolute;left:10px;top:5px;font-size:10px;color:#c6d0d7;background:#111a23c0;padding:2px 4px}.seat-label b{color:#e4c687;margin-left:4px}
#Board{left:380px;top:205px;width:1160px;height:699px;perspective:none;background:radial-gradient(ellipse at 50% 70%,#28333c55,#10182199 70%);border:0;padding:0}
#UltBlock,#AbilityBlock{position:absolute;left:50%;width:584px;transform:translateX(-50%);background:#111a24bd;border:1px solid #35414d}
#UltBlock{display:block;top:12px;height:180px}
#AbilityBlock{top:209px;height:476px}
#UltBlock .Corners,#AbilityBlock .Corners{display:block;width:17px;height:17px;border-width:2px;border-radius:0;border-color:#6b7d88}
#UltBlock .Corners{border-color:#a38b5d}
#UltLabel,#AbilityLabel{position:absolute;left:0;right:0;top:7px;height:25px;text-align:center;color:#b8c5ce;font-size:14px;letter-spacing:2px;display:block}
#UltLabel{color:#d0b67e}
#UltGrid{top:37px;display:grid;grid-template-columns:repeat(6,64px);gap:8px 16px;justify-content:center}
#AbilityGrid{top:31px;display:grid;grid-template-columns:repeat(2,208px);gap:28px 64px;padding:0;justify-content:center}
.AbilSet,.HeroSet{display:flex;flex-direction:column;gap:8px}
.AbilRow{display:flex;gap:8px}
#HeroBlock{position:absolute;left:130px;top:209px;width:900px;height:476px;pointer-events:none}
#HeroLabel{left:0;right:0;top:7px;display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px;color:#91a2b0}
#HeroLabel span{width:82px;text-align:center}
#HeroGrid{position:absolute;left:0;right:0;top:31px;display:grid;grid-template-columns:82px 82px;justify-content:space-between;gap:28px 0}
.HeroSet{pointer-events:auto}
.Tile,.Tile.hero,.Tile.ult{width:64px;height:64px;border:1px solid #53606c;border-radius:1px;background:linear-gradient(#26343e,#18232d);box-shadow:0 4px 10px #0004;transform:none}
.Tile img.ic{left:3px;top:3px;width:56px;height:56px;border-radius:0;object-fit:cover}
.Tile.hero{width:82px;border-color:#526371}.Tile.hero img.ic{left:3px;top:3px;width:74px;height:56px;object-position:center 24%}
.Tile.ult{border-color:#a58954;background:#2c2822;margin:0}
.Tile.can:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #dfbf83,0 0 18px #dfbf8322}
.Tile:not(.can):hover{box-shadow:0 0 0 1px #71808e}
.Tile.taken{transform:none;filter:none;box-shadow:none;border-color:#33404b}
.Tile.taken img.ic{filter:saturate(.22) brightness(.4)}
.Tile .owner{bottom:0;height:19px;border-radius:0;font:600 11px/19px var(--font);text-align:center;font-style:normal;color:#fff;text-shadow:0 1px 3px #000;letter-spacing:1px}
.Tile .ext{right:4px;top:4px}.Tile .ext b{width:17px;height:17px;font-size:11px;line-height:17px;border-radius:1px;background:#225872}
.Tile .note{right:4px;bottom:4px}.Tile .styleDot{left:6px;bottom:6px}
.Tile.suggest:not(.taken){box-shadow:0 0 0 1px #8daf7d;border-color:#8daf7d}
#Chat{left:32px;bottom:30px;width:1130px;height:125px;background:#111b24;border:1px solid #35414d;padding:12px 16px}
#ChatLines{height:65px;font-size:14px;line-height:1.5}#ChatQuick{gap:8px;margin-top:9px}#ChatQuick button{border-radius:1px;padding:6px 13px;background:#1b2834;font-size:12px;border:1px solid #43505b}
#CompBar{left:1182px;right:32px;top:auto;bottom:30px;width:auto;height:125px;border:1px solid #35414d;background:#111b24;padding:14px 18px;box-shadow:none}
.cb-h{color:#d2b987;font-size:13px;letter-spacing:2px}.cb-c{margin-top:9px}.cb-w{margin-top:7px;font-size:13px}
#SkipPlan{left:auto;right:380px;top:120px;bottom:auto}#SkipPlan .Btn{padding:8px 16px;min-height:38px;font-size:14px}
/* Account selection / home use real hero portraits and videos. */
#Shell{background:var(--ink)}
.sp-bg{background:linear-gradient(0deg,#090e18d9,#0b142184),url(assets/ui/ad_mosaic.jpg) center/cover;filter:none;animation:none;inset:0}
.sp-center{top:340px}.sp-title{font-size:88px;letter-spacing:14px;text-shadow:0 4px 20px #000;color:#eee5d6;animation:none}.sp-kicker{color:#d96e59;font-size:24px;letter-spacing:12px}.sp-sub{font-size:18px;letter-spacing:5px;color:#a6b3bf;animation:none}.sp-press{display:inline-block;border:1px solid #927c56;background:#141d27cc;padding:19px 42px;font:600 16px var(--font);letter-spacing:4px;margin-top:78px}
.sp-sweep,.sp-glow,.sp-band{display:none}.sp-foot{color:#82919f}
.lg-bg{background:linear-gradient(90deg,#09121ce8,#090e17b0),url(assets/ui/ad_mosaic.jpg) center/cover;filter:none}
.lg-panel{right:80px;top:75px;bottom:75px;width:690px;padding:34px 40px;background:#101923f5;border:1px solid #5c574b;box-shadow:0 20px 70px #0007}
.lg-panel.account-select{left:320px;right:320px;top:170px;bottom:170px;width:auto;text-align:center;padding:42px 55px;background:#101923ed}
.lg-panel.account-select h2{margin:35px 0 26px;font:600 24px var(--font);letter-spacing:1px;text-transform:none;color:#9babb9}
.lg-hero.account-background{display:none}
.acc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-height:375px;overflow:auto;text-align:left}
.acc{display:grid;grid-template-columns:95px 1fr;gap:16px;min-height:180px;background:linear-gradient(#23303e,#17212c);padding:18px;border:1px solid #465361}
.acc:hover{transform:translateY(-2px);border-color:#c4a66c;background:#253241}.acc>img{width:95px;height:133px;object-fit:cover}.acc .n{font-size:22px}.acc .g{font-size:13px;color:#9cabb8;line-height:1.6}.acc .medal{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;letter-spacing:0}.acc .medal img{width:50px;height:50px}.account-select .wide{max-width:350px}.lg-note{color:#81919f;font-size:13px}.lg-lang{justify-content:center;margin-top:17px}.lg-lang button{font-size:14px;padding:7px 14px}
.lg-panel h2{font:600 25px var(--font);letter-spacing:1px;text-transform:none}.av-grid{grid-template-columns:repeat(8,1fr)}
.mn-top{height:100px;padding:0 35px;gap:28px;background:#111a24;border-bottom:1px solid #3b4752}.mn-top .me .n{font-size:18px}.mn-top .nav{gap:4px}.mn-top .nav button{font:600 14px var(--font);letter-spacing:.7px;padding:16px 15px}.mn-top .nav button.on{color:#e1ca9b;border-color:#c5a56b}.mn-top .me .lv{color:#92a3b3}.mn-top .medal{font-size:12px;letter-spacing:0}
.v-menu,.v-history,.v-detail,.v-profile{background:linear-gradient(110deg,#162433,#0b111a 65%)!important}
.mn-body{left:35px;right:35px;top:132px;bottom:32px;grid-template-columns:670px 1fr;gap:32px}.mn-hero{height:665px;border:1px solid #4a535c}.mn-hero .pcard{width:100%;height:100%}.mh-info{background:linear-gradient(90deg,#0d1722eb,#0d172233);padding:26px;left:0;top:0;bottom:0;width:55%;display:flex;flex-direction:column;justify-content:flex-end}.mh-info .w{font-size:30px;line-height:1.5;letter-spacing:0}.mh-hero{font-size:19px;letter-spacing:1px}.mh-info .mmrbig{font-size:33px}.play{height:104px}.play span{font:600 29px var(--title);letter-spacing:5px}.play em{font-size:12px;letter-spacing:2px}.tipbox{font-size:14px;color:#98aaba;border-color:#9b835a;background:#131e2b}
.card{background:#172331;border:1px solid #3d4b59;padding:23px}.card .k{color:#9badbc;letter-spacing:1px}.card .v{font:600 38px var(--font)}.mn-right h3{color:#d3bf99;font:600 15px var(--font);letter-spacing:2px;margin:26px 0 15px}
.mrow{border:1px solid #334453;background:#141f2b;min-height:72px}.mrow:hover{background:#223142}.mrow .dt{color:#8ea0af}.mlist>.dim{padding:60px 25px;border:1px dashed #445362;text-align:center;color:#94a5b4!important}.mn-right .mrow{grid-template-columns:64px 42px 140px 165px 65px 24px 50px 64px 45px 1fr;gap:6px;padding:8px}.mn-right .mrow .ab img{width:31px;height:31px}.mn-right .mrow .its img{width:25px;height:20px}.mn-right .mrow .dt{font-size:10px}
/* Lobby is a two-column command desk with real rules, no mock statistics. */
#Lobby{background:linear-gradient(105deg,#121e2be8,#0b111ad9),url(assets/ui/ad_mosaic.jpg) center/cover}
.lb{position:absolute;left:62px;top:44px;bottom:44px;width:1796px;max-height:none;overflow:auto;border:1px solid #49545e;background:#111b26f7;padding:36px 46px;display:grid;grid-template-columns:1.3fr 1fr;gap:17px 38px;border-radius:2px;box-shadow:0 25px 70px #0007}
.lb .logo{display:none}.lb .lobby-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3b4955;padding-bottom:22px}.lobby-brand strong{font:600 34px var(--title);letter-spacing:4px}.lobby-brand small{font:600 13px var(--font);letter-spacing:3px;color:#ca7562;display:block;margin-bottom:7px}.lobby-brand span{color:#9eacba;font-size:15px;border:1px solid #4b5865;padding:10px 16px}
.lb .sub{grid-column:1/-1;font-size:16px;text-align:left;max-width:1200px;color:#9dabb7;line-height:1.5;margin:0}.lb-sec{margin:0;padding:15px 0;border-top:1px solid #2d3b48}.lb-sec h3{font:600 16px var(--font);letter-spacing:1px;color:#dfcfac;margin:0 0 12px}.lb-style{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.lb-style button{min-height:85px;background:#172431;border:1px solid #405263;padding:13px 16px;text-align:left;border-radius:1px}.lb-style button.on{border-color:#bba371;background:#262c2b}.lb-style button span{font-size:14px;line-height:1.45;color:#9eadba}.lb-style .PlanTag{font-size:17px;letter-spacing:1px;display:block;margin-bottom:8px}
.lb-opt{gap:8px;flex-wrap:wrap}.lb-opt button{padding:8px 13px;background:#192733;border:1px solid #405363;border-radius:1px;font-size:14px;letter-spacing:0}.lb-opt button.on{border-color:#b9a071;background:#333029;color:#eedcba}.lb-note{color:#8597a6;font-size:13px;line-height:1.45}.lb-row{gap:25px;display:flex}.lb-row>div:first-child{width:210px}#inName{width:100%;background:#0b141e;border:1px solid #435565;padding:10px 13px;color:#e2e7e9;font-size:18px}.lb-ranks{gap:4px}.lb-ranks button{padding:7px 3px;background:#14212e;border:1px solid #344656}.lb-ranks button img{width:53px;height:53px}.lb-ranks button span{font-size:11px}.lb-ranks button.on{border-color:#baa373;background:#292c29}.lb-go{display:flex;justify-content:flex-end;align-items:center;gap:12px;grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid #40505e}.lb-go .Btn.green{min-width:350px;font-size:20px}
.lb>.lb-note:last-child{grid-column:1/-1;font-size:11px;color:#748997}
/* Preparation / item shop. */
#Shop{background:linear-gradient(120deg,#14202d,#0a111a)}.sh-head{left:32px;right:32px;top:24px;height:79px;border-bottom:1px solid #465361}.sm-title{font:600 27px var(--title);letter-spacing:2px;color:#e4d9c1}.stages span{padding:10px 16px;background:#172432;border:1px solid #3c4d5b;border-radius:1px;font-size:14px}.stages span.on{border-color:#c3a369;color:#ebd6ab}.shtimer{color:#e3c386;font-size:28px}
.sh-grid{left:32px;right:32px;top:126px;bottom:30px;grid-template-columns:430px 810px 1fr;gap:22px}.sh-team,.sh-sel,.sh-shop{background:#111c27;border:1px solid #3a4b5a;padding:18px;overflow:auto}.sh-grid h4{font-size:15px;color:#d2bc91;letter-spacing:1px;margin:0 0 17px}.sc-card{padding:12px;background:#192633;border:1px solid #3b5060;margin-bottom:12px}.sc-card.sel{border-color:#bba274;background:#272e32}.sc-card .n{font-size:15px}.sc-card .h>img{width:45px;height:60px}.sc-card .ab img{width:32px;height:32px}.sc-card .pp{margin:9px 0}.sc-card .pp button{width:32px;height:28px}.sc-card .slots .sl{width:49px;height:36px}.sh-sel .lbl{font-size:13px;color:#b9a67f;margin:20px 0 10px;letter-spacing:.3px}.sh-sel h4{font-size:18px}.slots .sl{border-radius:0;border-color:#50616f;background:#09121c}.slots.big{gap:10px;margin-bottom:9px}.slots.big .slot-unit{width:107px;display:flex;flex-direction:column;gap:6px}.slots.big .sl{width:107px;height:77px;display:block}.slots.big .sl img{width:100%;height:100%}.slot-order{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8c9ca8}.slot-order button{width:26px;height:23px;background:#243442;border:1px solid #4f5e6a;color:#d4c49f}.slot-order button:disabled{opacity:.2;cursor:default}.order-help{font-size:12px;color:#94a6b5;margin-top:5px}
.sh-shop .items{grid-template-columns:repeat(4,1fr);gap:10px}.sh-shop .it{width:auto;height:95px;border-color:#465b6c}.sh-shop .it img{height:65px}.sh-shop .it .c{bottom:0;right:8px;background:none;font-size:14px;line-height:25px}.sh-shop .it.fit{border-color:#b9a069;box-shadow:none}.sh-shop .it .item-name{position:absolute;left:3px;bottom:2px;font-size:10px;width:43px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bbc8d2}.shop-search{display:block;font-size:12px;color:#acb9c4;margin-bottom:16px}.shop-search input{display:block;width:100%;margin-top:7px;background:#0b1520;border:1px solid #465d6e;font:16px var(--font);color:#e2e6e8;padding:11px 13px}.sh-shop .lb-opt button{font-size:12px;padding:6px 9px}.sh-shop .dim{font-size:12px;line-height:1.5;color:#8ea1b1}.needs .nb{font-size:13px;grid-template-columns:180px 1fr}.needs .nb i{background:linear-gradient(90deg,#465f78,#7799b5)}
/* Spectator: schematic map, actual generated replay and both factions. */
#Match{background:linear-gradient(120deg,#152331,#0a1018)}.mt-top{left:32px;right:32px;top:20px;height:94px;background:#111b26;border:1px solid #43515e;grid-template-columns:1fr 520px 1fr}.mt-top::before{content:'DOTA 2 / ABILITY DRAFT';position:absolute;left:20px;top:16px;font-size:12px;letter-spacing:2px;color:#95a8b9}.mt-top .tm{font:600 43px var(--font)}.mt-top .tm.R{color:var(--radiant)}.mt-top .tm.D{color:var(--dire)}.mt-top .tm img{width:46px;height:46px}.mt-top .clk{font:600 29px var(--font)}.mt-top .ctl button{padding:5px 13px;background:#22313d;font-size:13px}.mt-top .ctl button.on{border-color:var(--gold);color:#e0c893}
.mt-map{left:32px;top:162px;width:860px;height:860px;border:1px solid #657260;box-shadow:0 12px 35px #0004}.mt-map::before{content:'RADIANT ↙  ·  DIRE ↗';position:absolute;left:15px;top:14px;color:#d2d7c6;font-size:13px;letter-spacing:1px;pointer-events:none}
.mt-cast{left:32px;right:1028px;top:124px;height:27px;text-align:left;font-size:16px;color:#aebdc8}.mt-feed{left:916px;top:138px;width:970px;height:259px;background:#111c28;border:1px solid #3f5161;padding:17px 20px}.mt-feed h4,.mt-bot h4{color:#c2aa7e;font-size:13px;letter-spacing:2px}#feed>div{font-size:14px;padding:5px 0}#feed .t{color:#9cadb9}
.mt-bot{left:916px;right:34px;top:418px;height:161px;grid-template-columns:640px 1fr;gap:20px}.mt-bot svg{height:136px;background:#111c28;border-color:#405363}.mt-bot .tp{background:#111c28;padding:15px;border:1px solid #405363}.mt-bot .tl{font-size:13px}
.mt-team{top:636px;width:473px}.mt-team.R{left:916px}.mt-team.D{left:1413px;right:auto}.mt-team::before{display:block;position:absolute;top:-32px;left:0;font:600 15px var(--font);letter-spacing:3px}.mt-team.R::before{content:'RADIANT';color:var(--radiant)}.mt-team.D::before{content:'DIRE';color:var(--dire)}
.mt-row{grid-template-columns:48px 1fr;height:71px;padding:7px;gap:9px;margin-bottom:8px;border-color:#3b4e5e;background:#162330}.mt-row.me{border-color:#b9a271;background:#28302e}.mt-row .pt img{width:48px;height:55px}.mt-row .nm{font-size:13px}.mt-row .st{font-size:12px;gap:16px;margin:2px 0}.mt-row .its{display:flex;gap:4px;margin:2px 0;position:absolute;right:8px;bottom:8px}.mt-row{position:relative}.mt-row .its i{width:42px;height:29px}.mt-row .inf{padding-right:0}.mt-row .pt .dead{font-size:20px}.mt-row .nw{color:#d5bd85}
.mt-end .box{background:#121e2bf7;border:1px solid #98845e;padding:45px 95px}.mt-end .big{font:600 64px var(--title);letter-spacing:4px}.mt-end .sub{color:#a7b8c7;font-size:17px}
/* Report, history, library and settings retain working controls. */
#Summary{background:linear-gradient(120deg,#152232,#0a111a)}.sm-wrap{left:40px;right:40px;top:35px;bottom:35px;overflow:auto;padding:25px 30px;border:1px solid #455663;background:#111b28}.sm-head{border-bottom:1px solid #4c5b67;padding-bottom:20px}.sm-tabs button{padding:10px 25px;border:1px solid #4b5a67;font-size:15px;background:#1b2a38}.sm-tabs button.on{border-color:#b8a06f;color:#e0cda6;background:#30312e}.sm-team{background:#172433;border:1px solid #415363;padding:18px}.sm-team h3{font:600 16px var(--font);letter-spacing:3px}.sm-row{border:1px solid #3a4e5e;background:#15212e;padding:10px;margin:9px 0}.sm-row.local{border-color:#bba477;background:#29312f}.sm-row .n{font-size:14px}.sm-row .ab>span img{width:44px;height:44px}.sm-row .ab .itm img{width:44px;height:33px}.sm-row .meta{font-size:12px}.sm-actions{border-top:1px solid #425563;padding-top:20px;margin-top:20px}.sm-saved{color:#a0be98;margin-top:20px}.report-banner{display:flex;gap:40px;align-items:center;padding:24px 30px;margin:20px 0;background:linear-gradient(90deg,#27392e,#152331);border:1px solid #6a815f}.report-banner.loss{background:linear-gradient(90deg,#39292a,#152331);border-color:#805649}.report-banner .result{font:600 34px var(--title);color:#bdd4ac;letter-spacing:3px}.report-banner.loss .result{color:#d99785}.report-banner .score{font:600 32px var(--font);color:#e6ddc9}.report-banner .report-detail{font-size:14px;color:#a0b2c1;line-height:1.7}.model-source{font-size:12px;color:#8d9fac;line-height:1.5;padding:14px 0}
.hs-body{left:40px;right:40px;top:133px;bottom:35px}.hs-body h2{font:600 29px var(--title);letter-spacing:2px}.dt-head{padding:24px;border:1px solid #526173;background:#1d2c3c;margin-bottom:22px}.dt-head .res{font:600 29px var(--title)}.dt-team{padding:16px;background:#142231;border:1px solid #405365}.dt-team h3{font-size:16px;letter-spacing:3px}.dt-row{border:1px solid #334958;background:#182839}.dt-row.me{border-color:#c2a46c}.dt-row .nums{font-size:14px}.cl-box,.lib-box{background:#132231;border:1px solid #647486;box-shadow:0 20px 80px #0008}.lib-box h2,.cl-box h2{font:600 28px var(--title);letter-spacing:1px}#Settings{background:#172532;border:1px solid #617182;padding:20px}#Tooltip{border:1px solid #677686;border-radius:2px;background:#152331f7;box-shadow:0 14px 45px #0009;max-height:940px;overflow:auto}.tt-name{font:600 22px var(--font)}.tt-body{font-size:15px;color:#c0ccd5;line-height:1.5}#Toast{background:#21323ff5;border:1px solid #7e8b94;font-size:17px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Resolve layout constraints inherited from the original fixed-width shell. */
#SettingsButton{left:auto}
#stage:has(#Shell.show) #SettingsButton{display:none}
.mn-hero{display:block!important;height:665px!important;padding:0;background:#121e2a!important}
.mn-hero .pcard{width:100%;height:100%;box-shadow:none}
.mn-hero .pcard .pc-v{object-fit:cover;object-position:center 27%}
.mh-info{position:absolute;left:0;top:auto;right:0;bottom:0;width:100%;height:310px;padding:35px;background:linear-gradient(0deg,#0c1622f5,#0c1622cf 65%,#0c162200);justify-content:flex-end;gap:10px}
.mh-info .w{font:600 30px var(--title);letter-spacing:.5px;line-height:1.3}
.mh-info .medal.big{font-size:16px;gap:9px}.mh-info .medal.big img{width:48px;height:48px}.mh-info .medal.big span{font-size:16px}
.mh-info .mmrbig{font:600 30px var(--font)}.mh-info .mh-hero{margin-top:6px;color:#a6b6c6;letter-spacing:2px}
.play{height:104px!important}
.mt-row .st{position:absolute;left:64px;bottom:9px;flex-direction:column;gap:0;line-height:15px;font-size:11px}
.mt-row .its{right:8px;bottom:8px}
.report-banner,.sm-head,.sm-actions,.model-source,.sm-saved{flex-shrink:0}
.sm-team h3[style*="var(--ally)"]{color:var(--radiant)!important}
.HeroContainer,#DireHeroes .HeroContainer{height:125px}.TeamContainer{gap:8px}
.seat-label{z-index:2}
#PoolLegend{position:absolute;left:40px;top:42px;bottom:auto;width:205px;font-size:13px;line-height:1.6;color:#7c8d9b;letter-spacing:.3px}
.pool-ult-tag{font-size:10px;position:absolute;right:5px;top:5px;background:#252015d9;padding:2px 4px;color:#d8ba77;pointer-events:none}
.sh-head .sh-btns{padding-right:55px}
.pp button:disabled{opacity:.55;cursor:default}
.search-empty{padding:24px 5px;color:#a6b7c4;font-size:14px;line-height:1.5;grid-column:1/-1}
.sm-wrap{gap:12px}.sim-grid{flex:none;min-height:420px}.sim-grid .col{max-height:420px;padding-right:8px}.sim-top .big{font:600 30px var(--font);letter-spacing:0;color:#b8cfaa}.report-banner{margin:10px 0;padding:19px 28px}.sm-actions{position:sticky;bottom:0;background:#111b28f5;padding:15px 0 3px;border-top:1px solid #425563;z-index:2}
/* Radiance has better Vietnamese spacing; keep Reaver for Latin branding. */
.report-banner .result{font:700 36px var(--font);letter-spacing:2px}.match-line{font:600 25px var(--font);letter-spacing:.5px}.mt-end .big{font:700 64px var(--font);letter-spacing:4px}

/* ---- gộp 12/10 (Claude): đặt lại các nút mới cho khớp theme ---- */
#AudioBtn{left:auto;right:84px;top:30px;width:40px;height:40px;background:#1b2631;border:1px solid var(--edge);z-index:75}
#Shell.show ~ #AudioBtn{top:auto;right:14px;bottom:14px}
#FastFwd{top:84px;right:0}
#HeroLabel span{white-space:nowrap;width:96px;font-size:12px;letter-spacing:.5px}
.sh-head .sh-btns{padding-right:105px}

/* ---- rà soát UI 12/10 (Claude) — để ở đây vì ad_command.css (theme Codex) đang bị khoá ghi trên máy ---- */
/* 5 hàng người chơi không bị khung chat che */
.TeamContainer{gap:6px}
#stage .TeamContainer .HeroContainer{height:124px;box-sizing:border-box}
/* lúc chờ draft: nút "Bắt đầu draft ngay" thay chỗ nút tua */
#stage.ph-plan #FastFwd{display:none}
/* 6 ô đồ đang chọn luôn vừa cột giữa */
.sh-sel .slots.big{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
.sh-sel .slots.big .slot-unit{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.sh-sel .slots.big .slot-unit .sl{width:100%!important;height:auto!important;aspect-ratio:88/64}
.sh-sel .slots.big .slot-order{justify-content:space-between}
/* chat sau trận thành cột phải, báo cáo không bị che */
#stage.ph-summary:has(#PostChat.show) .sm-wrap{right:600px}
#PostChat.show{top:35px;bottom:35px;right:40px;width:540px;height:auto}
#PostChat.show #PgLog{flex:1;min-height:0}
.sm-actions{flex-wrap:wrap}.sm-actions .Btn{white-space:nowrap}
/* bìa Rương Trang trí */
.chest-cover.c-cosm img.pc-bg{object-fit:cover}
#PostChat.show{top:90px;width:560px}
#PostChat.show .pg-head{flex-wrap:wrap;row-gap:6px}#PostChat.show .pg-head > b,#PostChat.show .pg-head > span{white-space:nowrap}
#stage.ph-summary:has(#PostChat.show) .sm-wrap{right:620px}
.sm-teams{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.sm-row{grid-template-columns:72px minmax(0,1fr)!important}.sm-row .ab{flex-wrap:wrap}
.sm-actions{background:linear-gradient(#111b2800,#111b28 14px);padding-top:14px;position:relative;z-index:2}

/* UI V2 — 1. Shared system */
:root{--ui-bg-0:#090e13;--ui-bg-1:#111b25;--ui-bg-2:#1b2935;--ui-edge:#344956;--ui-edge-bright:#647c8b;--ui-gold:#f2c94c;--ui-bronze:#c9a46a;--ui-text:#e8eceb;--ui-muted:#9aadb9;--ui-success:#83ce98;--ui-warning:#ebbd65;--ui-error:#ed8878;--r-common:#b0c3d9;--r-uncommon:#5e98d9;--r-rare:#4b69ff;--r-mythical:#8847ff;--r-legendary:#d32ce6;--r-immortal:#e4ae39;--r-arcana:#ade55c;--font:Radiance,Segoe UI,sans-serif;--title:Reaver,Georgia,serif;--ui-h1:44px;--ui-h2:28px;--ui-h3:20px;--ui-body:17px;--ui-small:14px;--ui-label:15px;--ui-shadow:0 10px 28px #0005}
#stage{color:var(--ui-text);font-family:var(--font);font-size:17px;background:var(--ui-bg-0)}
#stage button,#stage input,#stage select,#stage textarea{font-family:var(--font);font-size:17px;letter-spacing:0;text-transform:none}
#stage h1{font:600 44px/1.15 var(--font);letter-spacing:0}#stage h2{font:600 28px/1.2 var(--font);letter-spacing:0;text-transform:none}#stage h3{font:600 20px/1.25 var(--font);letter-spacing:0;text-transform:none}#stage h4,#stage h5{font:600 15px/1.35 var(--font);letter-spacing:1px;text-transform:uppercase}
#stage .dim{color:var(--ui-muted)}#stage .ok{color:var(--ui-success)}#stage .bad{color:var(--ui-error)}
#stage :is(.mmr,.goldv,.v,.big,.nw,.kda,.score,.dur,.dm,.shtimer,#Timer,#PgCount,.lvl,.qr,.qp){font-variant-numeric:tabular-nums;font-weight:600}
#stage :is(input,select,textarea){background:#0b141dcf;border:1px solid var(--ui-edge);padding:12px 15px;color:var(--ui-text);border-radius:3px;min-height:46px}
#stage :is(input,select,textarea):focus{border-color:var(--ui-bronze);outline:1px solid #c9a46a80}
#stage button{transition:background 120ms,border-color 120ms,box-shadow 120ms,filter 120ms;cursor:pointer}
#stage button:active{filter:brightness(.86);transform:translateY(1px)}#stage button:disabled{opacity:.4;filter:saturate(.4);cursor:not-allowed;transform:none;box-shadow:none}
#stage :is(.Btn,.btn-secondary,.btn-primary,.btn-accent,.btn-ghost,.btn-danger){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;height:auto;padding:12px 22px;border:1px solid var(--ui-edge-bright);border-radius:3px;background:linear-gradient(#273844,#162430);box-shadow:inset 0 1px #ffffff12,0 4px 12px #0003;font-size:17px;font-weight:600;color:#dfe8eb;white-space:nowrap}
#stage :is(.Btn,.btn-secondary):hover{background:linear-gradient(#334a59,#203342);border-color:#91a5af;box-shadow:inset 0 1px #ffffff12,0 5px 18px #0005}
#stage :is(.Btn.green,.btn-primary,.play){background:linear-gradient(180deg,#ffe297,#f2bd43 42%,#d48a23);border:1px solid #ffe4a8;color:#21190d;box-shadow:inset 0 1px #fff8,0 5px 24px #b87b2330;font-weight:700}
#stage :is(.Btn.green,.btn-primary,.play):hover{background:linear-gradient(#ffeab1,#ffd167 42%,#e7a234);box-shadow:0 0 26px #f2c94c40}
#stage .btn-accent{background:linear-gradient(#25593c,#153627);border-color:#78b590;color:#d3f1df}
#stage :is(.Btn.red,.btn-danger){background:linear-gradient(#57302d,#321e21);border-color:#b7685d;color:#f3c2b9}
#stage .btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:#adbfc9}#stage .btn-ghost:hover{background:#ffffff08;color:#e6d4a9}
#stage :is(.panel,.pf-card,.card,.qs-col,.sk,.chest,.sm-team,.dt-team,.ld-side,.pl-feats,.pl-buy){background:linear-gradient(145deg,#1b2936ed,#111b25ed);border:1px solid var(--ui-edge);border-radius:3px;box-shadow:inset 0 1px #b7ccd814,var(--ui-shadow)}
#stage .panel{position:relative;padding:22px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}
#stage .panel-emphasis{border-color:#b49961;box-shadow:inset 0 1px #f2c94c40,0 0 25px #c9a46a15}
#stage .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#stage .panel-head h3{display:flex;gap:10px;align-items:center;margin:0;font:600 15px var(--font);letter-spacing:1px;text-transform:uppercase;color:#d5c49d}
#stage .panel-head button{font-size:14px;border:0;background:none;padding:0;color:#99b6c7;white-space:nowrap}
#stage .ui-icon{width:20px;height:20px;flex:none;display:inline-block;vertical-align:-4px;pointer-events:none}
#stage :is(.tabs,.stabs,.lb-opt,.lk-row) button{min-height:42px;padding:9px 16px;border-radius:3px;font-size:16px;border-color:var(--ui-edge);background:#152430;color:#acbdc8}
#stage :is(.tabs,.stabs,.lb-opt,.lk-row) button.on{background:#b18a3520;border-color:#c6a263;color:#efd6a1}
#stage :is(.PlanTag,.adp,.adm,.pill){font:600 13px/1.25 var(--font);letter-spacing:0;padding:3px 7px;border-radius:3px;white-space:nowrap}
#stage .PlanTag.H{color:#ffd59b;background:#b3762625;border-color:#a87738}#stage .PlanTag.S{color:#aac9ff;background:#3566b325;border-color:#527aaa}#stage .PlanTag.P{color:#9bdabc;background:#258d6425;border-color:#438b72}#stage .PlanTag.F{color:#c1b6da;background:#74608a25;border-color:#78638c}
#stage :is(.note,.startinfo,.lg-note,.lb-note,.tt-kind,.model-source,.skr,.cn,.chh,.qr,.qp,.td,.ld-row,.dt-row,.pg-head,.pg-opt,.cs-empty,.cs-agh,.cs-r,.cb-w){font-size:14px;letter-spacing:0}
#stage :is(.lbl,.k,.cb-h,.seat,.seat-label,.TypeLabel,.RoundMarker,.lnr button,.pn,.who,.md,.s,.g){font-size:14px;letter-spacing:0}
#stage .sm-title{font:600 44px var(--font);letter-spacing:0;text-transform:none}
#stage :is(.pf-body,.hs-body,.ld-body,.qs-body,.st-body,.co-body,.pl-body){top:128px;bottom:28px;left:32px;right:32px}
#stage .brand{font:600 22px var(--title);letter-spacing:1px}#stage .brand small{font:600 13px var(--font);letter-spacing:2px}
@keyframes ui-panel-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
#stage .panel{animation:ui-panel-in 200ms both}

/* UI V2 — 2. Top bar and three-column lobby */
#Shell{background:var(--ui-bg-0)}
#stage .ui-topbar{height:96px;padding:0 28px;gap:18px;background:linear-gradient(#1a252eea,#0c141bee);box-shadow:0 8px 25px #0004;border-color:#a58a5038}
#stage .ui-brand{display:flex;align-items:center;gap:12px;min-width:225px;cursor:pointer}#stage .ui-brand img{width:38px;height:46px}#stage .ui-brand .brand{font-size:19px;letter-spacing:1px;line-height:1.4}#stage .ui-brand small{font-size:13px;letter-spacing:1px;color:#bb9c65;margin:0}
#stage .ui-topbar .nav{margin:0;display:flex;align-items:center;gap:0;flex:1;min-width:0;height:100%}
#stage .ui-topbar .nav button{font:600 16px var(--font);letter-spacing:0;text-transform:none;white-space:nowrap;display:flex;gap:8px;align-items:center;padding:0 12px;height:100%;border:0;border-bottom:3px solid transparent;position:relative;color:#93a6b3}
#stage .ui-topbar .nav button.on{color:#eed294;border-bottom-color:#e1b764;background:linear-gradient(#c9a46a00,#c9a46a0f)}#stage .ui-topbar .nav button:hover{color:#e9ddc0;background:#ffffff04}#stage .ui-topbar .nav .ui-logout{width:40px;padding:0 10px;margin-left:auto}#stage .ui-logout span{display:none}
#stage .ui-topbar .nav .badge{font:600 13px var(--font);top:15px;right:4px;width:21px;height:21px;display:grid;place-items:center}
#stage .ui-account-chips{display:flex;gap:10px;align-items:center}
#stage :is(.ui-wallet,.ui-plus-chip){display:flex;align-items:center;gap:10px;min-height:56px;background:linear-gradient(#25354299,#121e28cc);border:1px solid #45606d;padding:8px 12px;border-radius:4px}
#stage .ui-wallet{color:#ebc672}#stage .ui-wallet .goldv img{display:none}#stage .ui-wallet .ui-add{font-size:22px;padding-left:10px;border-left:1px solid #43545b}
#stage .ui-plus-chip{color:#9eacb5}#stage .ui-plus-chip.active{color:#e6c473;border-color:#b29050}#stage .ui-plus-chip span{font-size:17px;line-height:1.2;font-weight:600}#stage .ui-plus-chip small{display:block;font-size:13px;font-weight:400}
#stage .ui-topbar .me{width:300px;height:62px;gap:15px;padding:8px 12px;background:#17242fcc;border:1px solid #445a67;border-radius:4px}
#stage .ui-topbar .me .av.top{width:40px;height:40px;flex:none}#stage .ui-topbar .me .n{font-size:18px;max-width:182px;white-space:nowrap}.ui-topbar .me .np{min-width:0}#stage .ui-topbar .me .lv{font-size:13px;margin-top:3px;flex-wrap:wrap;gap:6px}#stage .ui-topbar .me .lv i{width:30px}#stage .ui-topbar .me .mmr{font-size:13px}#stage .ui-topbar .me>.medal{margin-left:auto;gap:0}#stage .ui-topbar .me>.medal>span{display:none}#stage .ui-topbar .me>.medal img{width:33px;height:33px}
#stage .ui-lobby-bg{position:absolute;left:0;right:0;top:96px;bottom:0;background:linear-gradient(90deg,#0a121cea,#0a111ba8 25%,#070b1390 55%,#0a121ce8),linear-gradient(0deg,#090e13dd,transparent 60%),url(assets/ui/v2/lobby-backdrop.jpg) center/cover;opacity:1}
#stage .ui-lobby-grid{position:absolute;top:122px;bottom:28px;left:28px;right:28px;display:grid;grid-template-columns:320px minmax(0,1fr) 370px;gap:24px}
#stage :is(.ui-lobby-left,.ui-lobby-right){display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;padding-bottom:6px}
#stage .ui-lobby-grid .panel{background:linear-gradient(135deg,#1b2933e8,#0e1820e8);padding:20px;box-shadow:inset 0 1px #dbe9ed12,0 7px 24px #0003;flex-shrink:0}
#stage .ui-id-row{display:flex;gap:23px;align-items:center;margin:26px 6px}#stage .ui-id-row .av{width:58px;height:58px;flex:none}#stage .ui-id-row h3{font-size:21px;white-space:nowrap;margin:0 0 6px}#stage .ui-id-row .np{min-width:0;height:2em;padding-right:1.2em;padding-left:.5em}#stage .ui-id-row .ttl{min-width:0;font-size:14px;height:28px;padding:0 15px}
#stage .ui-online{font-size:14px;display:inline-flex;align-items:center;gap:8px;color:#9ab6ad}#stage .ui-online>i{width:7px;height:7px;background:#5bcf9b;border-radius:50%;box-shadow:0 0 10px #5bcf9b50}
#stage .ui-identity>.medal{justify-content:center;width:100%;gap:8px;margin-top:8px}#stage .ui-identity>.medal img{width:34px;height:34px}#stage .ui-identity>.medal span{font-size:17px}
#stage .ui-level{display:flex;align-items:center;justify-content:space-between}#stage .ui-level b{font-size:20px}#stage .ui-level .btn-ghost{padding:0;min-height:28px;font-size:14px;color:#afd2e4}
#stage .ui-xp{height:6px;background:#31414a;margin-top:14px}#stage .ui-xp i{height:100%;display:block;background:linear-gradient(90deg,#8a6431,#f0cf80)}#stage .ui-xp-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#8da2b0}
#stage .ui-career-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;text-align:center}#stage .ui-career-stats b{display:block;font:600 26px var(--font);font-variant-numeric:tabular-nums;color:#e8c57e}#stage .ui-career-stats em{font-style:normal;color:#84c29a}#stage .ui-career-stats span{font-size:13px;color:#99adbb;display:block;margin-top:6px}#stage .ui-streak{border-top:1px solid #34454f;margin-top:16px;padding-top:12px;display:flex;justify-content:space-between;font-size:14px;color:#8c9eab}
#stage .ui-splits .wlb{grid-template-columns:1fr 54px;margin-bottom:11px;gap:4px 10px}#stage .ui-splits .wlb .l{font-size:14px}#stage .ui-splits .wlb i{grid-row:2;width:100%;grid-column:1/-1;height:4px}#stage .ui-splits .wlb em{font-size:13px}#stage .ui-splits .wlb>b{display:none}
#stage .ui-lobby-center{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #66768122;padding:24px;overflow:auto;background:radial-gradient(ellipse at 50% 45%,#ddae3910,transparent 60%)}
#stage .ui-display-kicker{font:600 15px var(--font);letter-spacing:2px;color:#b2a58c;display:flex;gap:12px;align-items:center;margin:0 0 20px}
#stage .ui-hero-showcase{position:relative;width:316px;padding:10px 10px 0;background:linear-gradient(#657079,#202d36);border:1px solid #acaaa0;box-shadow:0 24px 50px #0008,inset 0 0 0 4px #0b131b}
#stage .ui-hero-showcase .pcard{height:392px;width:294px;box-shadow:none;border:1px solid #665d4c;margin:0}#stage .ui-hero-showcase .pcard .pc-v{object-fit:cover;object-position:center 30%}
#stage .ui-showcase-name{position:relative;margin:0 -37px -24px;padding:18px 18px;background:linear-gradient(#24303a,#0f1c26);border:1px solid #8c7c5e;text-align:center;box-shadow:0 8px 18px #0007;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}
#stage .ui-showcase-name h2{font:600 26px var(--font);margin:0 0 2px}#stage .ui-showcase-name h2 .np{min-width:0;background-size:100% 100%;height:1.9em}#stage .ui-showcase-name .ttl{font-size:14px}#stage .ui-showcase-name p{font-size:15px;color:#c3af82;margin:6px 0 0}#stage .ui-showcase-name p b{font-size:19px;color:#eee1c3}#stage .ui-showcase-name p span{color:#9cadb7}
#stage .ui-rank-medallion{margin:35px 0 6px;text-align:center}#stage .ui-rank-medallion>.medal{display:flex;flex-direction:column;gap:0}#stage .ui-rank-medallion img{width:72px;height:72px;filter:drop-shadow(0 3px 10px #91b9db40)}#stage .ui-rank-medallion span span{font-size:17px;color:#dbbf7a}
#stage .ui-play-group{width:570px;max-width:100%;margin-top:14px}#stage .ui-mode-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}#stage .ui-mode-label button{font-size:14px;border:1px solid #62675e;background:#141e24aa;border-radius:4px;padding:5px 10px;color:#bec7c5}
#stage .ui-play-group .play{width:100%;height:72px!important;min-height:72px;display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));font-size:27px;letter-spacing:1px}#stage .ui-play-group .play .ui-icon{width:26px;height:26px}#stage .ui-play-group .play span{font:700 27px var(--font)}
#stage .ui-secondary-play{display:flex;gap:12px;margin-top:12px}#stage .ui-secondary-play button{flex:1;font-size:17px;padding:10px 12px}
#stage .ui-lobby-center .tipbox{display:flex;align-items:start;gap:12px;font-size:14px;margin:16px 0 0;padding:10px 16px;width:570px;max-width:100%;background:#0b141d99;border-left:2px solid #bd9c58;color:#a8b4bb}
#stage .ui-mmr-panel{width:570px;max-width:100%;margin-top:16px;padding:14px!important}#stage .ui-mmr-panel .panel-head{margin-bottom:0}#stage .ui-mmr-panel .spark{width:100%;height:60px}#stage .ui-mmr-panel>.dim{padding:10px}
#stage .ui-lobby-right .panel-head{margin-bottom:12px}#stage .ui-quest-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:#183044;border:1px solid #4e7c98;color:#d2e8f0;font-size:16px;margin-bottom:6px}
#stage .ui-quest-row{display:grid;grid-template-columns:1fr auto 16px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #33444c;font-size:14px;color:#a5b7c1}#stage .ui-quest-row b{font-size:14px;color:#dbc8a0}#stage .ui-quest-row .ui-icon{width:14px;height:14px}#stage .ui-quest-row.ready span{color:#c8dda2}#stage .ui-weekly-line{font-size:14px;color:#ceb77c;margin:12px 0 0}
#stage .ui-daily-challenge p{font-size:14px;color:#a1b3bd;margin:0 0 10px}#stage .ui-feat-heroes{display:flex;gap:12px}#stage .ui-feat-heroes>div{flex:1;min-width:0}#stage .ui-feat-heroes img{width:100%;height:62px;object-fit:cover;object-position:center 25%;border:1px solid #62727c}#stage .ui-feat-heroes span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:13px;margin-top:3px;color:#9eb2bf}
#stage .ui-rank-row{display:grid;grid-template-columns:40px 29px 1fr auto;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid #2b3b46;font-size:15px;cursor:pointer}#stage .ui-rank-row>img{width:28px;height:28px}#stage .ui-rank-row>b{font-size:14px;color:#b69b60}#stage .ui-rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#stage .ui-rank-row strong{font-size:16px;color:#dce4e6}#stage .ui-rank-row.local{background:#b4892712;border:1px solid #b4995e;margin:8px -7px 0;padding:6px;min-height:47px}
#stage .ui-recent-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #34424b;cursor:pointer}#stage .ui-ten-heroes{display:flex;gap:2px;flex:1;min-width:0}#stage .ui-ten-heroes img{width:24px;height:26px;object-fit:cover}#stage .ui-recent-row>span{font-size:13px;color:#8fa3b0}
#stage .ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:20px 5px;color:#8da3b2}#stage .ui-empty>.ui-icon{width:34px;height:34px;color:#c9a46a}#stage .ui-empty p{font-size:14px;margin:0}#stage .ui-empty .btn-ghost{font-size:14px;min-height:30px;padding:5px}

/* UI V2 — 3. Picker status is independent of cosmetic colour. */
#stage #PickingGlow{display:none!important}
#stage #Header{left:385px;right:385px;top:24px;z-index:22}
#stage #HeroStripContainer{height:88px}#stage #HeroStrip{height:88px;gap:10px}
#stage .DraftEntry{width:57px;height:78px}#stage .DraftEntry.current{width:68px;height:88px}#stage .DraftEntry.current .img{width:66px;height:65px;border:3px solid #fff2c5;box-shadow:0 0 18px #ffda7855;background-color:#534b37}
#stage .DraftEntry .seat{font-size:14px;line-height:20px}#stage .DraftEntry.current .seat{color:#fff3bf;font-weight:700}
#stage #TimerContainer{top:99px;left:0;right:0;justify-content:center;height:60px;gap:16px;padding:7px 16px;background:linear-gradient(90deg,#161e27cc,#293543f0,#161e27cc);border:1px solid #69808e;box-shadow:0 6px 20px #0004}
#stage #TimerLabel{font:600 23px var(--font);color:#d6e1e8;letter-spacing:0}
#stage #Timer{height:44px;min-width:58px;font:700 32px var(--font);background:#14202e;border-color:#758997;color:#f6dfb0}
body.hud-art #stage #Timer{width:118px;height:48px}
#stage.my-turn #TimerContainer{border:2px solid #fff0b5;background:linear-gradient(90deg,#5b452de8,#765827f0,#5b452de8);box-shadow:0 0 24px #ffe38a2f}
#stage.my-turn #TimerLabel{font-size:28px;color:#fff5ca;font-weight:700;letter-spacing:1px}#stage.my-turn #Timer{color:#fff1a0;filter:drop-shadow(0 0 6px #f2c94c40)}
#stage #DraftMeta{top:192px;font-size:16px;left:385px;right:385px}#stage #Board{top:221px;height:683px}
#stage .TeamContainer{z-index:18;top:228px;gap:10px;width:324px;overflow:visible}
#stage .TeamContainer::before{font-size:20px;height:28px;letter-spacing:2px}
#stage .TeamContainer .HeroContainer{height:124px;border-color:#485b66;box-shadow:inset 0 1px #d3e1ea0b;background:linear-gradient(110deg,#203139e8,#111c26f0);overflow:visible}
#stage .HeroContainer .HeroImage{height:122px;overflow:hidden}#stage .HeroContainer .HeroImage :is(video,img){height:122px}
#stage .HeroContainer .NameContainer{top:11px}#stage .HeroName{font:600 18px var(--font);height:24px}#stage .HeroName.none{font-size:16px}#stage .PlayerName{font-size:16px;line-height:21px;gap:6px}#stage .PlayerName .np{min-width:0;height:1.6em;max-width:155px;padding:0 12px;font-size:15px;overflow:hidden}
#stage .ui-picker-status{display:none;position:absolute;left:86px;top:5px;right:8px;font:700 14px var(--font);letter-spacing:1px;align-items:center;gap:6px;color:#fff6cc;z-index:4}#stage .ui-picker-status .ui-icon{width:15px;height:15px}
#stage .HeroContainer.CurrentPicker{z-index:30;border:3px solid #fff2b2;background:linear-gradient(100deg,#786143,#2d3c43);box-shadow:0 0 0 2px #161d25,0 0 26px #ffd97688;animation:ui-picker-pulse 1.35s ease-in-out infinite;isolation:isolate}
#stage .HeroContainer.CurrentPicker .ui-picker-status{display:flex}#stage .HeroContainer.CurrentPicker .NameContainer{top:27px}#stage .HeroContainer.CurrentPicker .HeroName{font-size:17px;height:20px}#stage .HeroContainer.CurrentPicker .PlayerName{font-size:15px}#stage .HeroContainer.CurrentPicker .AttrIcon{top:27px}
#stage .HeroContainer.LocalPlayer:not(.CurrentPicker){border-color:#a98e5e;box-shadow:inset 0 0 0 1px #b79b6444}
#stage .Tile.can{outline:1px solid #dee5e6;outline-offset:2px;box-shadow:0 0 10px #eff2e322}#stage .Tile.can:hover,#stage .Tile.tap-armed{outline:3px solid #fff4bc;outline-offset:2px;z-index:7;box-shadow:0 0 24px #fff4bc50}
body.hud-art #stage #Board .Tile.can{outline:2px solid #fff4c9;outline-offset:6px}body.hud-art #stage #Board .Tile.can:hover{outline-width:3px}
#stage .Tile .owner{font-size:13px;line-height:19px;z-index:5}#stage .Tile .sgp{font-size:13px;z-index:5}#stage #HeroLabel span{font-size:15px;width:96px;letter-spacing:0}
#stage #FastFwd{top:161px;right:0;font-size:14px;padding:5px 10px;z-index:3}#stage #SkipPlan{top:182px;right:385px;transform:none}#stage #SkipPlan .Btn{font-size:15px;padding:8px 18px;min-height:40px}
#stage #TopRightContainer{top:30px}#stage #ADTitle{font:600 24px var(--title);letter-spacing:1px}#stage #ADTip{font-size:14px;line-height:1.45;margin-top:20px}#stage #ADLog{font-size:14px;text-transform:none;letter-spacing:0}
@keyframes ui-picker-pulse{0%,100%{box-shadow:0 0 0 2px #111b26,0 0 20px #ffd97670}50%{box-shadow:0 0 0 2px #111b26,0 0 32px #fff2b2aa}}

/* UI V2 — 4. Draft, item preparation, spectator and report */
#stage .TeamContainer{top:222px}
#stage .HeroContainer.CurrentPicker .HeroAbilityContainer{bottom:8px;gap:6px}#stage .HeroContainer.CurrentPicker .DraftedAbilityContainer{width:40px;height:40px}
body.hud-art #stage #Board .Tile::before{inset:-7%;opacity:.82}body.hud-art #stage #Board .Tile.taken::before{opacity:.35}
body.hud-art #stage #bg{background:radial-gradient(520px 240px at 0 0,#0b0f14ee 30%,#0b0f1400 100%),var(--hud-top) center top/100% auto no-repeat,linear-gradient(#0b0f14af,#0b0f14d9),var(--hud-bg) center/cover no-repeat!important}
#stage #Chat{height:125px;bottom:24px;padding:10px 16px;background:#14212cf2;border:1px solid var(--ui-edge)}#stage #ChatTabs{display:flex;gap:8px;margin-bottom:7px}#stage #ChatTabs button{font-size:15px;padding:5px 13px;background:#203342;border:1px solid #456071}#stage #ChatTabs button.on{color:#ead19b;border-color:#ad8c56;background:#a77b2824}
#stage #ChatLines{font-size:16px;line-height:1.45;padding:0 3px;flex:1;min-height:0}#stage #ChatQuick{margin-top:6px;gap:8px;padding:5px 0 0}#stage #ChatQuick button{font-size:15px;padding:5px 12px;min-height:32px}#stage #ComboSug{font-size:15px}
#stage #CompBar{bottom:24px;height:125px;background:#14212cf2;border:1px solid var(--ui-edge);padding:12px 16px}#stage #CompBar :is(.PlanTag,.cb-n){font-size:14px}#stage .cb-c{margin-top:8px}#stage .cb-w{font-size:14px;line-height:1.4}
#stage #Tooltip{width:500px;background:linear-gradient(#203240f8,#0f1e2cfb);border:1px solid #7994a6;box-shadow:0 18px 50px #0009;max-height:930px;overflow:auto}#stage .tt-head{padding:17px;background:#213443}#stage .tt-name{font-size:25px;letter-spacing:0;text-transform:none}#stage .tt-body{font-size:17px;line-height:1.5;padding:15px 17px}#stage :is(.tt-data,.tt-data b,.tt-tier,.tt-foot,.tt-who,.tt-lore,.tt-note,.tt-extra,.tt-combo,.tt-aghs){font-size:15px;line-height:1.5}#stage .tt-kind{font-size:14px}#stage .tt-aghs img{width:35px;height:35px}
#stage #Toast{padding:16px 28px;font-size:20px;background:#243e4ef5;border:1px solid #b7cad6;box-shadow:0 10px 30px #0005}
#stage .sh-head{top:24px;left:32px;right:32px;height:76px;gap:20px;border-bottom:1px solid #425866;padding-bottom:14px}#stage .sh-head .sm-title{font-size:36px;white-space:nowrap}#stage .sh-head .stages{gap:8px;margin-left:0}#stage .sh-head .stages span{font:600 15px var(--font);letter-spacing:0;padding:9px 12px;border-radius:3px}#stage .sh-head .shtimer{font:600 28px var(--font);white-space:nowrap}#stage .sh-head .sh-btns{padding-right:104px;gap:10px}#stage .sh-head .Btn{font-size:17px;min-height:46px;padding:10px 18px}
#stage .sh-grid{left:32px;right:32px;top:122px;bottom:28px;grid-template-columns:420px 540px minmax(0,1fr)!important;gap:18px}
#stage :is(.sh-team,.sh-sel,.sh-shop){border:1px solid var(--ui-edge);background:linear-gradient(135deg,#1a2935ee,#101c26ed);padding:18px;box-shadow:inset 0 1px #dcecf514;min-height:0}
#stage .sh-team{overflow:auto}#stage .sc-card{padding:12px;margin-bottom:12px;background:#152634;border:1px solid #405966;border-left:3px solid transparent;border-radius:3px}#stage .sc-card.sel{border-color:#d9b877;background:#364038;border-left-color:#e9cd93}#stage .sc-card .h>img{width:48px;height:62px}#stage .sc-card .n{font-size:17px;flex-wrap:wrap;gap:6px}#stage .sc-card .ab img{width:33px;height:33px;border-radius:0}
#stage .sc-card .pp{flex-wrap:wrap;gap:5px}#stage .sc-card .pp button{width:42px;height:42px;padding:4px;border-radius:3px}#stage .sc-card .pn{font-size:14px}#stage .sc-card .who{font-size:14px;margin-left:0}#stage .sc-card .lnr button{font-size:14px;padding:6px 8px}
#stage .sh-grid h4{font-size:15px;letter-spacing:1px}#stage .sh-sel h4{font:600 20px var(--font)!important;letter-spacing:0!important;line-height:1.35}#stage .sh-sel .lbl,#stage .sh-shop .lbl{font:600 15px var(--font);letter-spacing:.5px;margin:16px 0 9px}#stage .sh-sel .lbl .dim{font-size:14px}
#stage .slots.big{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:100%}#stage .slots.big .slot-unit{width:auto;min-width:0;gap:6px}#stage .slots.big .sl{width:100%!important;height:auto!important;aspect-ratio:88/64;border:1px solid #748490;background:#0a131b}#stage .slot-order{font-size:13px}#stage .slot-order button{width:28px;height:28px;font-size:17px;padding:0}#stage .order-help{font-size:14px}
#stage .shop-search{display:flex;align-items:center;justify-content:space-between;gap:15px;font:600 15px var(--font);letter-spacing:1px;padding-bottom:14px;border-bottom:1px solid #405563;margin-bottom:14px}#stage .shop-search input{width:58%;margin:0;font-size:17px}
#stage .sh-shop .stabs{display:flex;gap:8px;margin-bottom:16px}#stage .sh-shop .stabs button{flex:1;font-size:17px;min-height:45px}#stage .sh-shop .cols{gap:8px;overflow:auto;align-content:start}#stage .sh-shop .col{padding:8px 4px;background:#0b182380;border:1px solid #314957;min-width:0}#stage .sh-shop .col h5{font-size:13px;letter-spacing:0;white-space:normal;min-height:32px;line-height:1.25;color:#b7c7cf}
#stage .sh-shop .ci{grid-template-columns:minmax(0,1fr);gap:10px;justify-content:stretch}#stage .sh-shop .cols .it,#stage .sh-shop .it{width:100%;height:auto;background:#12232f;border:1px solid #4a6372;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:2px}#stage .sh-shop .it img{width:100%;height:auto;aspect-ratio:88/64;object-fit:cover}#stage .sh-shop .it .item-name{position:static;display:block;font-size:13px;line-height:16px;width:100%;padding:5px 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cbd9e1}#stage .sh-shop .it .c{position:static;font:600 14px/22px var(--font);display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 5px;background:#0b1622;color:#f1cb7b;min-height:26px}#stage .sh-shop .it .c .ui-icon{width:13px;height:13px}
#stage .sh-shop .items.search{grid-template-columns:repeat(5,1fr);gap:14px}#stage .sh-shop .dim{font-size:14px;line-height:1.45}#stage .sh-shop .it:hover{border-color:#f2d394;box-shadow:0 0 0 1px #f2d39480;filter:brightness(1.12)}#stage .search-empty{font-size:20px;padding:45px 15px;line-height:1.5;text-align:center;color:#bacbd5}
#stage :is(.lnb,.needs,.ana,.chain,.timeline){font-size:15px}#stage .needs .nb{font-size:15px}#stage .ana .an-big{font:600 26px var(--font)}#stage .dp-it b{font-size:17px}#stage .dp-it span,#stage .dp-it em{font-size:14px}
#stage #Match{background:radial-gradient(at 90% 0,#243744,#0b141d 75%)}#stage .mt-top{left:32px;right:32px;top:20px;height:112px;grid-template-columns:1fr 510px 1fr;background:linear-gradient(#1d2f3d,#111f2c);border:1px solid #5b7180;box-shadow:0 10px 25px #0004}#stage .mt-top::before{content:'ABILITY DRAFT';font:600 15px var(--font);letter-spacing:1px;left:20px;top:18px;color:#c5af7c}#stage .mt-top .tm{font:700 48px var(--font)}#stage .mt-top .clk{font:600 30px var(--font);letter-spacing:0}#stage .mt-top .ctl button{font:600 16px var(--font);min-width:46px;min-height:34px;padding:5px 10px;border-radius:3px}
#stage .mt-map{left:32px;top:178px;width:836px;height:836px;border:2px solid #81968b;box-shadow:0 15px 30px #0006}#stage .mt-cast{left:32px;right:1060px;top:145px;height:30px;font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#stage .mt-feed{left:892px;top:153px;width:996px;height:245px;background:#162733;border-color:#405965;box-shadow:inset 0 1px #fff1}#stage #feed>div{font-size:16px;padding:7px 0;line-height:1.4}#stage .mt-bot{left:892px;right:32px;top:418px;height:168px;grid-template-columns:650px 1fr;gap:18px}#stage .mt-bot svg{height:144px;border:1px solid #405965;background:#142430}#stage .mt-bot .tl{font-size:15px}
#stage .mt-team{top:632px;width:488px}#stage .mt-team.R{left:892px}#stage .mt-team.D{left:1400px;right:auto}#stage .mt-team::before{font:600 18px var(--font);letter-spacing:2px}#stage .mt-row{height:72px;background:#1a2c3b;border:1px solid #465f70;grid-template-columns:49px 1fr;padding:8px;gap:12px;margin-bottom:9px;border-radius:2px}#stage .mt-row .pt img{width:49px;height:54px}#stage .mt-row .nm{font-size:16px;max-width:365px;white-space:nowrap}#stage .mt-row .st{font-size:14px;left:70px;bottom:10px;line-height:17px;flex-direction:row;gap:12px}#stage .mt-row .its{gap:4px;bottom:9px;right:9px}#stage .mt-row .its i{width:31px;height:24px}#stage .mt-row.me{border-color:#dfc385;background:#314136}
#stage .mt-end .box{border:1px solid #c4a86b;background:radial-gradient(at 50% 0,#4d442f,#112330 75%);box-shadow:0 0 100px #000b;border-radius:4px;padding:48px 100px}#stage .mt-end .big{font:700 64px var(--font);letter-spacing:2px}#stage .mt-end .sub{font-size:21px;margin:18px 0 26px}
#stage .sm-wrap{left:32px;right:32px;top:28px;bottom:28px;padding:24px;border:1px solid #566e7e;background:linear-gradient(#192b39f5,#101e2bf5);gap:16px;overflow:auto}#stage .sm-head{padding-bottom:16px;border-bottom:1px solid #566c79}#stage .sm-tabs button{font-size:17px;border-radius:3px;padding:10px 18px}#stage .report-banner{padding:22px 26px;margin:0;gap:28px;border-radius:3px;min-height:100px;background:linear-gradient(100deg,#375744,#172e32);border-color:#72996c}#stage .report-banner.loss{background:linear-gradient(100deg,#533832,#192a35);border-color:#aa6a5b}#stage .report-banner .result{font:700 44px var(--font);letter-spacing:0}#stage .report-banner .score{font:700 36px var(--font)}#stage .report-banner .report-detail{font-size:16px;color:#adc0ca}#stage .report-banner.art{background-size:100% 100%;min-height:140px;text-align:center;justify-content:center}
#stage.ph-summary:has(#PostChat.show) .sm-wrap{right:590px}#stage #PostChat.show{top:28px;bottom:28px;right:28px;width:535px;height:auto;background:linear-gradient(#213541,#101e2bf7);border:1px solid #728390;box-shadow:0 15px 35px #0005;padding:18px;gap:10px;z-index:22}
#stage #PostChat .pg-head{flex-wrap:wrap;gap:10px;border-bottom:1px solid #495e6b;padding-bottom:12px;font-size:16px}#stage #PostChat .pg-head>b{font-size:24px;letter-spacing:0}#stage #PostChat .pg-head .Btn{font-size:15px;min-height:36px;padding:7px 13px}#stage #PgLog{flex:1;min-height:0;padding:14px 4px;overflow:auto}#stage #PgLog .pl{font-size:17px;line-height:1.5;margin-bottom:12px}#stage #PostChat .pg-in{flex-wrap:wrap;gap:8px}#stage #PgInput{width:100%;font-size:17px}#stage #PostChat :is(.pg-chips,.pg-quick){gap:6px}#stage #PostChat :is(.pg-chips,.pg-quick) button{font-size:14px;padding:6px 9px;min-height:32px}#stage #PostChat .pg-emo button{width:58px;height:58px;border-radius:3px}
#stage .sm-teams{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}#stage .sm-team{padding:16px}#stage .sm-team h3{font-size:18px;letter-spacing:1px;margin:0 0 14px}#stage .sm-row{grid-template-columns:58px minmax(0,1fr)!important;padding:12px;background:#1a2d3b;border-color:#3d586a;margin:10px 0}#stage .sm-row .p :is(img,video){width:58px;height:78px;object-fit:cover}#stage .sm-row .n{font-size:16px;line-height:1.4}#stage .sm-row .ab{gap:4px;flex-wrap:wrap;margin-top:7px}#stage .sm-row .ab>span img{width:36px;height:36px}#stage .sm-row .ab .itm img{width:35px;height:26px}#stage .sm-row .meta{font-size:14px;line-height:1.45;margin-top:7px}#stage .sm-row.local{background:#394238;border-color:#b9a168}#stage .sm-actions{position:sticky;bottom:0;background:#122330f5;z-index:5;padding:15px 0 0;flex-wrap:wrap;gap:9px;border-top:1px solid #627686}#stage .sm-actions .Btn{font-size:16px;padding:10px 15px;min-height:44px}#stage .sm-saved{font-size:16px;padding:8px 0;margin-top:0}#stage .sm-cnt{font-size:15px;line-height:1.45}
#stage .sim-grid{gap:18px;min-height:430px;flex:none}#stage .sim-grid .col{max-height:430px;overflow:auto}#stage .sim-top .big{font:600 30px var(--font)}#stage .sim-grid :is(.n,.k,.nums,.sim-row,.lf,.winpct){font-size:15px}#stage .sim-grid h4{font-size:15px;letter-spacing:.5px}
@media(prefers-reduced-motion:reduce){#stage *,#stage *::before,#stage *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* UI V2 — 5. Account, collection, profile and touch presentation. */
html.touch #stage .sh-grid{grid-template-columns:580px minmax(0,1fr)!important}
html.touch #stage .sc-card .n{font-size:28px}html.touch #stage .sc-card .h>img{width:65px;height:84px}html.touch #stage .sc-card .ai{font-size:24px}html.touch #stage .sc-card .pp button{min-height:64px;min-width:64px;font-size:24px}html.touch #stage .sc-card .lns button{font-size:26px;min-height:64px}html.touch #stage .sc-card .pp{flex-wrap:wrap}html.touch #stage .sc-card .pp .dim{font-size:23px}html.touch #stage .sc-card .slots .sl{width:68px;height:48px}html.touch #stage .sh-sel .lbl,html.touch #stage .sh-shop .lbl,html.touch #stage .sh-grid h4{font-size:26px}html.touch #stage .sh-shop .stabs button{font-size:28px;min-height:64px}html.touch #stage .sh-shop .col h5{font-size:23px;min-height:52px}html.touch #stage .sh-shop .it .item-name{font-size:25px;line-height:30px}html.touch #stage .sh-shop .it .c{font-size:26px;line-height:34px;min-height:38px}html.touch #stage .sh-shop .it .c .ui-icon{width:23px;height:23px}html.touch #stage .needs .nb{font-size:28px}html.touch #stage .order-help{font-size:26px}html.touch #stage .sh-sel h4{font-size:30px!important}
#stage #PostChat.show{z-index:35}
#stage #PgInput{flex:0 0 100%;order:3;min-height:44px}html.touch #stage #PgInput{min-height:64px}#stage.ph-summary #SettingsButton{top:auto;bottom:28px;right:28px}#stage.ph-summary #AudioBtn{top:auto;bottom:28px;right:84px}#stage.ph-summary #AudioPanel{top:auto;bottom:86px;right:84px}html.touch #stage.ph-summary #AudioBtn{right:108px}html.touch #stage.ph-summary #AudioPanel{bottom:110px;right:108px}
#stage .goldv .ui-icon{width:18px;height:18px;vertical-align:middle;margin-right:5px}#stage .ui-wallet .goldv .ui-icon{display:none}html.touch #stage .goldv .ui-icon{width:28px;height:28px}
html.touch #stage .sh-grid{grid-template-rows:760px auto}html.touch #stage .sh-shop{height:760px;max-height:760px;min-height:760px}html.touch #stage .sc-card .lanes button{font-size:26px;min-height:64px}html.touch #stage .sc-card .pp .poslbl{font-size:24px}html.touch #stage .sc-card .rk{font-size:24px}html.touch #stage .lb-ranks{flex-wrap:wrap}html.touch #stage .lib-box{left:80px;right:80px;width:auto;top:40px;bottom:40px}
#stage :is(.hs-body,.pf-body,.co-body,.st-body,.pl-body){padding:24px;background:linear-gradient(135deg,#192b39e8,#101e2bea);border:1px solid #506575;border-radius:3px}
#stage :is(.hs-body,.pf-body,.co-body,.st-body,.pl-body) h2{font:600 28px var(--font);letter-spacing:0}
#stage :is(.tabs,.co-r){gap:8px;flex-wrap:wrap}#stage :is(.tabs,.co-r) button{min-height:44px;font:600 16px var(--font);padding:10px 16px;border-radius:3px;border:1px solid #526d7c;background:#1c3040}#stage :is(.tabs,.co-r) button.on{background:#b58c2f25;border-color:#d2b475;color:#efdaad}
#stage :is(.pf2-big span,.pl-feats th,.ld-head,.ld-row .you,.ld-row .lc,.ld-row .medal span,.co-r em,.lg-panel label,.acc .medal,.lb-ranks button span,.RoundMarker,.seat-label,.Tile .ext b,.sp-foot,.lib-list .ytt,.pf2-tab .dim,.qr,.qp,.skr){font-size:14px;letter-spacing:0}
#stage .pf2-head{padding:26px 30px;gap:34px;border-color:#657b88;border-radius:3px}#stage .pf2-id h2{font:600 32px var(--font)}#stage .pf2-id .dim{font-size:16px}#stage .pf2-big b{font:700 42px var(--font)}#stage .pf2-big{gap:36px}#stage .pf2-tab h3{font:600 20px var(--font);letter-spacing:0}#stage .pf2-tab{font-size:17px}#stage .lk-row button{min-height:44px;padding:10px 16px;font-size:16px}#stage .wlb{font-size:16px}#stage .wlb :is(em,.l){font-size:15px}
#stage .ld-body{grid-template-columns:400px minmax(0,1fr);gap:22px}#stage .ld-side{padding:24px}#stage .ld-side h3{font-size:18px;letter-spacing:0}#stage .ld-row{min-height:58px;font-size:17px}#stage .ld-row .rk{font:600 20px var(--font)}#stage .ld-row .medal img{width:35px}
#stage .qs-col{padding:24px}#stage .qs-col h2{font:600 26px var(--font);letter-spacing:0}#stage .qcard{padding:18px;border:1px solid #425d70;background:#122431;margin-bottom:14px}#stage .qcard .qn{font-size:19px}#stage .qcard .qr{font-size:16px}#stage .qcard .Btn{min-height:44px}
#stage .ch-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#stage .chest{padding:22px;display:flex;flex-direction:column}#stage .chest-cover{height:240px}#stage .chest .cht{font:600 23px var(--font);letter-spacing:0}#stage .chd{font-size:16px;line-height:1.5;min-height:75px}#stage .chb{gap:8px;margin-top:auto}#stage .chb .Btn{font-size:16px;padding:10px 12px;min-height:46px}#stage .odds{font-size:15px}
#stage .sk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}#stage .sk{padding:22px;display:flex;flex-direction:column;gap:12px;align-items:center}#stage .skn{font:600 21px var(--font);letter-spacing:0}#stage .sk .Btn{min-height:46px;margin-top:auto}#stage .pc-prev{border-color:#486271;border-radius:2px}#stage .pc-prev.emote{width:150px;height:150px}#stage .sk .av.lg{width:96px;height:96px;margin:22px}#stage .sk.on{border-color:#e3c57e;box-shadow:inset 0 0 24px #e0b75c14}
#stage .co-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}#stage .co-grid .cos{width:auto;min-width:0;background:linear-gradient(#203646,#102330);border-radius:3px}#stage .co-grid .ci{height:155px}#stage .cos .cn{font-size:16px}#stage .cos .chh{font-size:14px}#stage .cos .mini{min-height:36px;font-size:14px;padding:7px}#stage .co-top input{width:310px;font-size:17px;min-height:44px}#stage .co-empty{min-height:340px;justify-content:center}#stage .co-empty>.ui-icon{width:72px;height:72px}#stage .co-empty p{font-size:20px}
#stage .op-box{background:radial-gradient(at 50% 0,#625033,#112331 70%);border:1px solid #c4aa75;box-shadow:0 30px 150px #000c;border-radius:4px;padding:32px}#stage .op-title{font:600 30px var(--font);letter-spacing:0}#stage .op-rar{font-size:19px}#stage .op-btns{gap:12px}#stage .op-btns .Btn{min-height:48px}#stage .op-res .cn{font-size:20px}
#stage .pl-hero h2{font:700 44px var(--font)}#stage .pl-sub{font-size:18px;line-height:1.5}#stage .pl-grid{gap:22px}#stage .pl-feats,#stage .pl-buy{padding:26px}#stage .pl-feats table{font-size:17px}#stage .pl-feats td{padding:12px 8px}#stage .pl-buy h3,#stage .pl-feats h3{font:600 22px var(--font);letter-spacing:0}#stage .pl-opt{padding:18px;border-color:#4d6877}#stage .pl-opt b{font-size:20px}#stage .pl-opt .dim{font-size:15px}
#stage .lg-panel{background:linear-gradient(#203341f5,#101d29f8);border-color:#7f8c8f;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}#stage .lg-panel h2{font:600 30px var(--font)}#stage .lg-bg{background:linear-gradient(#0b1721bd,#0b1721ed),url(assets/ui/v2/lobby-backdrop.jpg) center/cover!important;filter:none!important}#stage .av-grid img{border-radius:2px}#stage .lg-panel :is(.startinfo,.lg-note,.admlink){font-size:15px}#stage .acc-list{max-height:410px}#stage .acc{min-height:180px}#stage .lg-lang button{font-size:17px;min-height:40px}
#stage .lb-sec{border:1px solid #48606f;background:linear-gradient(#1c3040,#142633);padding:22px;border-radius:3px}#stage .lb-sec h3{font:600 22px var(--font);letter-spacing:0}#stage .lb-style button{position:relative;padding-left:62px;min-height:110px}#stage .lb-style button>.ui-icon{position:absolute;left:18px;top:25px;width:30px;height:30px;color:#ddc080}#stage .lb-style button span{font-size:16px}#stage .lb-opt button{font-size:16px;min-height:44px}#stage .lb-note{font-size:15px}#stage .lb-go{position:sticky;bottom:-36px;background:#132533f5;padding:18px;z-index:4;border-top:1px solid #536e7b}
#stage #Settings{width:470px;max-height:910px;overflow:auto}#stage #Settings label{font-size:17px}#stage #Settings button{min-height:44px;font-size:17px}#stage .lib-box{padding:28px}#stage .lib-list{font-size:17px}#stage .lib-list :is(.n,.r,.k,.v,.cs-r){font-size:16px}#stage .lib-box input{font-size:18px;min-height:48px}#stage .lib-box h2{font:600 30px var(--font)}#stage .dt-row .n{font-size:17px}#stage .dt-row .nums{font-size:15px}#stage .mrow{font-size:17px;min-height:88px}#stage .mrow .dt{font-size:14px}#stage .dt-head .res{font:600 30px var(--font)}
html.touch #stage{--ui-body:30px;font-size:30px}html.touch #stage :is(h2,.sm-title){font-size:42px}html.touch #stage :is(.Btn,.mini,.tabs button,.lb-opt button,.co-r button,.lk-row button,.pl-opt .Btn,.lg-lang button){min-height:64px;font-size:30px;padding:12px 18px}html.touch #stage :is(input,select){min-height:64px;font-size:30px}html.touch #stage :is(.dim,.note,.lb-note,.lg-note,.startinfo,.tt-body,.tt-data,.tt-foot,.tt-note){font-size:28px;line-height:1.4}
html.touch #stage .ui-topbar{height:128px;padding:12px 28px;gap:20px;flex-wrap:nowrap}html.touch #stage .ui-topbar .brand{width:195px;flex:none}html.touch #stage .ui-topbar .brand strong{font-size:22px}html.touch #stage .ui-topbar .brand small{display:none}html.touch #stage .ui-topbar .nav{min-width:0;flex:1;overflow:auto;gap:6px}html.touch #stage .ui-topbar .nav button{min-width:110px;min-height:88px;display:flex;flex-direction:column;gap:6px;font-size:26px;padding:12px}html.touch #stage .ui-topbar .nav .ui-icon{width:30px;height:30px}html.touch #stage .ui-account-chips{gap:0}html.touch #stage .ui-topbar .me,html.touch #stage .ui-plus-chip{display:none}html.touch #stage .ui-wallet{font-size:28px;min-height:70px;padding:15px}html.touch #stage .ui-wallet .ui-icon{width:30px;height:30px}
html.touch #stage .ui-lobby-grid{top:152px;grid-template-columns:550px minmax(0,1fr);overflow:auto;align-items:start;bottom:28px}html.touch #stage :is(.ui-lobby-left,.ui-lobby-right){overflow:visible}html.touch #stage .ui-lobby-center{overflow:visible;min-height:870px}html.touch #stage .ui-lobby-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}html.touch #stage .ui-lobby-grid .panel{padding:26px}html.touch #stage .panel-head{font-size:30px}html.touch #stage .ui-id-row h3{font-size:32px}html.touch #stage .ui-career-stats b{font-size:40px}html.touch #stage :is(.ui-career-stats span,.ui-online,.ui-streak,.ui-xp-meta,.ui-level .btn-ghost,.ui-splits .wlb .l,.ui-splits .wlb em,.ui-quest-row,.ui-quest-row b,.ui-weekly-line,.ui-daily-challenge p,.ui-feat-heroes span,.ui-recent-row>span,.ui-rank-row,.ui-rank-row b,.ui-rank-row strong,.ui-empty p){font-size:28px}html.touch #stage .ui-rank-row{min-height:64px}html.touch #stage .ui-quest-link{min-height:64px;font-size:30px}html.touch #stage .ui-ten-heroes img{width:40px;height:44px}html.touch #stage .ui-lobby-center .tipbox{display:none}html.touch #stage .ui-hero-showcase .pcard{height:320px}html.touch #stage .ui-showcase-name h2{font-size:34px}html.touch #stage .ui-showcase-name .ttl,html.touch #stage .ui-showcase-name p{font-size:26px}html.touch #stage .ui-rank-medallion span span{font-size:28px}html.touch #stage .ui-play-group{width:760px}html.touch #stage .ui-play-group .play{min-height:84px;height:84px!important}html.touch #stage .ui-secondary-play button{min-height:64px;font-size:30px}html.touch #stage .ui-mode-label button{font-size:28px;min-height:64px}html.touch #stage .ui-lobby-center .ui-mmr-panel{width:760px}
html.touch #stage :is(.pf-body,.hs-body,.ld-body,.qs-body,.st-body,.co-body,.pl-body){top:152px}html.touch #stage .ch-grid,html.touch #stage .sk-grid,html.touch #stage .co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.touch #stage .co-grid .ci{height:270px}html.touch #stage :is(.chd,.cn,.chh,.skr,.skn,.cht,.op-rar,.qcard .qn,.qcard .qr,.qp,.qr,.pf2-big span,.pf2-id .dim,.pf2-g,.wlb .l,.wlb em,.pl-sub,.pl-opt b,.pl-opt .dim,.ld-row,.ld-head,.mrow,.mrow .dt,.dt-row .n,.dt-row .nums){font-size:28px}html.touch #stage .pf2-big b{font-size:48px}html.touch #stage .pf2-big{gap:20px}html.touch #stage .pf2-head{flex-wrap:wrap}html.touch #stage .pf2-tab{font-size:30px}html.touch #stage .qs-body{grid-template-columns:1fr 1fr;overflow:auto}html.touch #stage .qs-col{overflow:visible}html.touch #stage .ld-body{grid-template-columns:550px minmax(0,1fr)}html.touch #stage .ld-row{min-height:78px;grid-template-columns:60px 44px 1fr 230px 90px 90px 80px}html.touch #stage .ld-head{grid-template-columns:60px 44px 1fr 230px 90px 90px 80px}html.touch #stage .pl-feats table{font-size:28px}html.touch #stage .pl-feats th{font-size:26px}html.touch #stage .pl-opt{flex-wrap:wrap}html.touch #stage .pl-grid{grid-template-columns:1fr 1fr}html.touch #stage .acc-list{grid-template-columns:1fr 1fr}html.touch #stage .lg-panel{width:850px;right:40px;top:35px;bottom:35px}html.touch #stage .lg-panel.account-select{left:100px;right:100px;width:auto;top:65px;bottom:65px}html.touch #stage .lg-panel label{font-size:28px}html.touch #stage .acc .n{font-size:32px}html.touch #stage .acc .g,html.touch #stage .acc .medal{font-size:26px}html.touch #stage .av-grid{grid-template-columns:repeat(6,1fr)}html.touch #stage .av-grid img{height:75px}html.touch #stage .lb-sec h3{font-size:32px}html.touch #stage .lb-style button{min-height:145px}html.touch #stage .lb-style button span{font-size:28px}html.touch #stage .lb-ranks button{min-width:75px;min-height:88px}html.touch #stage .lb-ranks button span{font-size:22px}
html.touch #stage .sh-head .sm-title{font-size:36px}html.touch #stage .sh-head .stages span{font-size:24px}html.touch #stage .sh-head{height:100px;gap:12px}html.touch #stage .sh-grid{top:145px;grid-template-columns:580px minmax(0,1fr);overflow:auto;align-items:start}html.touch #stage .sh-team{grid-column:1;grid-row:1/3;overflow:visible}html.touch #stage .sh-shop{grid-column:2;grid-row:1;min-height:720px;max-height:720px}html.touch #stage .sh-sel{grid-column:2;grid-row:2;overflow:visible}html.touch #stage .sh-grid>div{min-height:0}html.touch #stage .sh-sel .slots.big .sl{min-height:90px}html.touch #stage .it .item-name{font-size:25px}html.touch #stage .it .pr{font-size:27px}html.touch #stage .it{min-height:150px}html.touch #stage .shopgrid,html.touch #stage .shopgrid.groups{grid-template-columns:repeat(4,minmax(0,1fr))}html.touch #stage .shopgrid.groups{gap:8px}html.touch #stage .shopgrid.groups .col{min-width:0}html.touch #stage :is(.sh-pc .n,.sh-pc .ai,.sh-pc .role,.sh-sel .title,.sh-sel .cap,.sh-shop .cap,.lane-board,.lane-board .ln,.ana-row,.ana-row .n){font-size:28px}html.touch #stage :is(.sh-pc .pos button,.sh-pc .lane button,.slot-order button){min-height:64px;font-size:26px}html.touch #stage .sh-pc .PlanTag{font-size:23px}html.touch #stage .sh-pc{min-height:300px}html.touch #stage .slot-order{flex-wrap:wrap}html.touch #stage .sh-shop .tabs button{font-size:30px;min-height:64px}
html.touch #stage #TimerLabel{font-size:32px}html.touch #stage #Timer{font-size:40px}html.touch #stage.my-turn #TimerLabel{font-size:36px}html.touch #stage #DraftMeta{font-size:24px}html.touch #stage .DraftEntry .seat{font-size:22px}html.touch #stage .ui-picker-status{font-size:22px;left:82px}html.touch #stage .ui-picker-status .ui-icon{width:22px;height:22px}html.touch #stage .HeroContainer .HeroName{font-size:22px}html.touch #stage .HeroContainer .PlayerName{font-size:24px}html.touch #stage .HeroContainer .NameContainer{left:82px;right:5px}html.touch #stage .HeroContainer .PlanTag,html.touch #stage .HeroContainer .StatIcons,html.touch #stage .HeroContainer .AttrIcon{display:none}html.touch #stage .HeroContainer .PlayerName .np{font-size:22px;height:1.35em;max-width:180px}html.touch #stage #ADTip{display:none}html.touch #stage #ADLog{font-size:25px}html.touch #stage #ADTitle{font-size:28px}html.touch #stage #ADTitle::before{font-size:22px}html.touch #stage #FastFwd{font-size:26px;min-height:64px;top:156px}html.touch #stage #SkipPlan .Btn{font-size:26px;min-height:64px}html.touch #stage #ChatLines{font-size:26px}html.touch #stage #ChatTabs button,html.touch #stage #ChatQuick button{font-size:24px;min-height:42px}html.touch #stage #ChatTabs{margin-bottom:3px}html.touch #stage #ChatQuick{margin-top:0}html.touch #stage #Chat{height:125px}html.touch #stage #ChatLines{height:36px}html.touch #stage #CompBar .cb-h,html.touch #stage #CompBar .cb-w{font-size:24px}html.touch #stage #CompBar .cb-c{display:none}html.touch #stage :is(#UltLabel,#AbilityLabel,#HeroLabel span,#PoolLegend){font-size:22px}html.touch #stage #Tooltip{width:740px}html.touch #stage .tt-name{font-size:36px}html.touch #stage .tt-head{padding:22px}html.touch #stage #Settings{width:690px}html.touch #stage #Settings :is(label,button){font-size:30px;min-height:64px}html.touch #stage #SettingsButton{width:64px;height:64px;top:20px}
html.touch #stage .sm-teams{grid-template-columns:1fr!important}html.touch #stage .sm-row .n{font-size:28px}html.touch #stage .sm-row .meta{font-size:26px}html.touch #stage .sm-row .ab>span img{width:52px;height:52px}html.touch #stage .sm-row .ab .itm img{width:50px;height:38px}html.touch #stage .sm-row{grid-template-columns:80px 1fr!important}html.touch #stage .sm-row .p :is(img,video){width:80px;height:108px}html.touch #stage .sm-head{flex-wrap:wrap}html.touch #stage .sm-tabs button{min-height:64px;font-size:28px}html.touch #stage .sim-grid{grid-template-columns:1fr 1fr}html.touch #stage .sim-grid .col{max-height:600px}html.touch #stage .sim-grid{min-height:600px}html.touch #stage .sim-grid :is(.n,.k,.nums,.sim-row,.lf,.winpct){font-size:27px}html.touch #stage .sim-grid h4{font-size:28px}html.touch #stage #PostChat .pg-head{font-size:26px}html.touch #stage #PgLog .pl,html.touch #stage #PgInput{font-size:28px}html.touch #stage #PostChat :is(.pg-chips,.pg-quick) button{font-size:25px;min-height:56px}html.touch #stage #PostChat .pg-emo button{width:80px;height:80px}html.touch #stage .sm-actions .Btn{font-size:27px;min-height:64px}html.touch #stage .report-banner .report-detail{font-size:26px}html.touch #stage .sm-saved{font-size:26px}
html.touch #stage .mt-row .nm{font-size:25px}html.touch #stage .mt-row .st{font-size:23px;bottom:7px}html.touch #stage .mt-row .its{display:none}html.touch #stage .mt-row{height:76px}html.touch #stage .mt-feed .line{font-size:26px}html.touch #stage .mt-controls button{min-height:64px;font-size:28px}html.touch #stage .mt-team::before{font-size:27px}html.touch #stage .mt-top .timer{font-size:36px}html.touch #stage .lib-list{font-size:28px}html.touch #stage .lib-list :is(.n,.r,.k,.v,.cs-r,.ytt){font-size:26px}html.touch #stage .lib-box input{min-height:64px;font-size:30px}html.touch #stage #Toast{font-size:30px;padding:22px 32px}
html.touch #stage .sc-card .lnr button{font-size:26px;min-height:64px}html.touch #stage .sc-card .pp :is(.pn,.who){font-size:24px}html.touch #stage .sc-card .lnr{flex-wrap:wrap}html.touch #stage .sh-shop{height:760px;min-height:760px;max-height:760px}html.touch #stage .sh-grid{grid-template-rows:760px auto}html.touch #stage .sh-shop .cols.c6{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Final typography audit: secondary labels keep a 13px floor. SVG map uses its own viewBox units. */
html.touch #stage .pf-grid .wlb{grid-template-columns:280px minmax(0,1fr) 100px 90px;font-size:28px}html.touch #stage .kv{font-size:28px;padding:8px 0}html.touch #stage .pr{grid-template-columns:65px 1fr 100px 100px;font-size:26px}html.touch #stage .pr img{width:65px;height:86px}
html.touch #stage button{min-height:64px;font-size:28px}html.touch #stage .pf-grid{grid-template-columns:1fr 1fr}html.touch #stage .pr :is(span,b,em){font-size:26px}html.touch #stage #PostChat :is(.pg-quick,.pg-chips) button{min-height:64px}html.touch #stage #Chat{display:flex;flex-direction:row;flex-wrap:wrap;align-content:start;gap:4px 10px}html.touch #stage #ChatLines{order:-1;flex:0 0 100%;height:33px;max-height:33px}html.touch #stage #ChatTabs{flex:none;width:340px;margin:0;height:64px}html.touch #stage #ChatTabs button{min-height:64px;font-size:24px;padding:4px 8px}html.touch #stage #ChatQuick{flex:1;min-width:0;height:64px;margin:0;padding:0;overflow:auto;flex-wrap:nowrap;white-space:nowrap}html.touch #stage #ChatQuick button{flex:none;min-height:64px;font-size:24px;padding:4px 10px}html.touch #stage #ComboSug{order:-1;width:100%;font-size:25px;max-height:33px;overflow:auto}
html.touch #stage.ph-summary :is(#SettingsButton,#AudioBtn){top:auto;bottom:28px}html.touch #stage.ph-summary #AudioPanel{top:auto;bottom:110px}
#stage #SettingsButton::before{content:'';display:block;width:22px;height:22px;margin:auto;background:url(assets/ui/v2/settings.svg) center/contain no-repeat}#stage #FastFwd::before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:8px;background:url(assets/ui/v2/fast.svg) center/contain no-repeat}#stage #AudioPanel{left:auto;right:84px;top:84px;width:430px;padding:22px;background:linear-gradient(#243a49f8,#10212ff8);border-color:#75909f;font-size:18px;border-radius:3px}#stage #AudioPanel.show{gap:20px}#stage #AudioBtn{left:auto;right:84px;top:30px;width:40px;height:40px;background:#213442;border-color:#506575}#stage:has(#Shell.show) #AudioBtn{top:auto;bottom:24px;right:28px}#stage:has(#Shell.show) #AudioPanel{top:auto;bottom:80px;right:28px}#stage .cl-box{font-size:17px;line-height:1.5;overflow:auto;max-height:950px}#stage .ld-t{font:600 44px var(--font);letter-spacing:0}#stage .ld-tip{font-size:20px}
html.touch #stage #SettingsButton::before{width:32px;height:32px}html.touch #stage #AudioBtn{width:64px;height:64px;top:20px;right:108px;font-size:30px}html.touch #stage #AudioPanel{width:690px;top:100px;right:108px;font-size:30px}html.touch #stage #AudioPanel :is(kbd,.dim){font-size:28px}html.touch #stage #AudioPanel input[type=checkbox]{width:40px;height:40px}html.touch #stage .cl-box{font-size:28px}html.touch #stage .ld-tip{font-size:30px}html.touch #stage:has(#Shell.show) #AudioPanel{bottom:105px}
#stage :is(.TypeLabel i,.tt-stats span,.tt-extra em,.tt-combo .h,.tt-combo em,.tt-aghs b,.tt-lock,.tt-mech .dim,.cs-p .pc,.cs-agh .dim,.posTag,.pt th,.ln em,.pa span,.l20 i,.gemb,.adp,.rk-row button,.mrow .pos em,.sc-card .pp button em,.tline .tk em,.tline .ti b,.chain .ch .t,.dplus .dp-h,.dplus .dp-it span,.dplus .dp-it em,.lnb-n em,.lnb-h b,.lnb>.dim,.lnb>.mini,.cw-btn kbd,.cw-i i,.cw-c .dim,.sm-row .n .bio){font-size:14px;letter-spacing:0}
html.touch #stage .sim-grid .pts{grid-template-columns:1fr}html.touch #stage .pt table{font-size:27px}html.touch #stage .pt :is(th,h4){font-size:28px}html.touch #stage .pt img.mini{width:50px;height:66px}html.touch #stage :is(.ln,.fac,.legend,.story div,.sim-top,.sm-cnt,.model-source){font-size:27px;line-height:1.4}html.touch #stage .sim-top{flex-wrap:wrap}html.touch #stage .sim-grid{min-height:1250px}html.touch #stage .sim-grid .col:last-child{grid-column:1/-1}html.touch #stage .pa :is(span,b,em){font-size:26px}html.touch #stage .pf2-stats{grid-template-columns:1fr 1fr}html.touch #stage .pf-card h3{font-size:30px}html.touch #stage .l20 i{width:48px;height:48px;font-size:26px}
#stage #CompBar .cb-c span{font-size:14px}#stage #feed .t{font-size:14px;width:50px}#stage .Tile .note{font-size:13px;width:16px;height:16px;line-height:16px}#stage .sim-grid th{font-size:14px}#stage #Summary .sim-grid .dim{font-size:14px!important}#stage .sim-grid em{font-size:14px}#stage #Summary svg text{font-size:14px}#stage .wlb :is(b,em){font-size:14px}#stage #AudioPanel :is(kbd,.dim){font-size:14px}#stage .adm{font-size:13px}
html.touch #stage :is(.lnb-n,.lnb-n em,.lnb-h b,.lnb>.dim,.lnb>.mini,.tline .tk em,.tline .ti b,.chain .ch .t,.dplus .dp-h,.dplus .dp-it span,.dplus .dp-it em,.sc-card .pp button em,.wlb b,.wlb em,.sm-row .n .bio){font-size:26px}html.touch #stage .lnb-h{width:65px;height:80px}html.touch #stage .lnb-row{min-height:110px}html.touch #stage .lnb-n{width:240px}html.touch #stage .sh-sel #LaneBoard>.mini{min-height:64px;font-size:28px}html.touch #stage .dplus .dp-it{width:150px;font-size:26px}html.touch #stage .dplus .dp-it img{width:130px;height:94px}html.touch #stage .dplus .dp-it b{font-size:28px}html.touch #stage .sh-sel .slots.big .slot-order button{min-width:58px;min-height:64px}html.touch #stage .mt-feed #feed{font-size:27px}html.touch #stage #feed .t{font-size:24px;width:80px}html.touch #stage #Summary .sim-grid .dim{font-size:26px!important}html.touch #stage .sim-grid :is(th,em){font-size:26px}html.touch #stage #PostChat .pg-head .Btn{min-height:64px;font-size:28px}html.touch #stage #PostChat .pg-head>b{font-size:34px}html.touch #stage .cw-i{min-height:72px;font-size:28px;width:230px}html.touch #stage :is(.cw-btn kbd,.cw-i i,.cw-c .dim){font-size:24px}html.touch #stage #PostChat .cw-btn{min-height:64px;font-size:28px}