@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-vietnamese-400-normal-CgSoN2dm.woff2) format("woff2"),url(/assets/saira-stencil-one-vietnamese-400-normal-C-B0jM97.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-latin-ext-400-normal-DMIlmdX4.woff2) format("woff2"),url(/assets/saira-stencil-one-latin-ext-400-normal-CR3hwvrm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-latin-400-normal-CaP09Fmm.woff2) format("woff2"),url(/assets/saira-stencil-one-latin-400-normal-BhLFNLer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-italic-CIM4raJp.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-italic-5nF77AAc.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-italic-CbhzQEkf.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-italic-BL4pfkGS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-italic-DjyOzRJ7.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-italic-B90Hg2GM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-italic-DdsBx9lY.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-800-italic-aDhyDJMT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-italic-BbzArEj4.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-800-italic-Ca7Cun8E.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--piche:#121317;--concreto:#22252c;--concreto-2:#2f333c;--risco:#454a55;--giz:#ece7da;--giz-fraco:#a19e95;--fita:#f2c230;--ally:#35e0ae;--enemy:#ff5a5f;--folego:#6fd3f0;--violet:#a66bff;--ember:#ff8a3c;--stencil:"Saira Stencil One","Barlow Condensed",sans-serif;--type:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--cut:9px;--seca:5px 5px 0 #000b;--slant:polygon(var(--cut) 0,100% 0,calc(100% - var(--cut)) 100%,0 100%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--giz);font:500 17px/1.35 var(--type);background:var(--piche)}[hidden]{display:none!important}canvas{display:block}small,.muted{color:var(--giz-fraco)}:focus-visible{outline:3px solid var(--fita);outline-offset:2px}button,select,input{font:600 17px var(--type);color:var(--giz);background:var(--concreto-2);border:0;border-radius:0;padding:8px 14px;margin:4px}select,input{border-bottom:2px solid var(--risco)}button{cursor:pointer;font-weight:700;clip-path:var(--slant);padding-inline:18px;transition:background .1s,color .1s}button:hover:not(:disabled){background:var(--giz);color:var(--piche)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--fita);color:var(--piche)}button.primary:hover:not(:disabled){background:var(--giz)}button svg,span[data-i] svg{width:1.05em;height:1.05em;vertical-align:-.15em}kbd{font:700 12px var(--type);background:var(--piche);color:var(--giz-fraco);padding:1px 6px;margin-left:6px}label{display:inline-flex;gap:8px;align-items:center;margin:6px}h1,h2,h3,h4,h5{font-family:var(--type);font-style:italic;font-weight:800;margin:0}header{max-width:1120px;margin:0 auto;padding:7vh 24px 30px}h1{white-space:nowrap;font:400 clamp(44px,10.4vw,150px)/.82 var(--stencil);letter-spacing:-.01em;text-transform:uppercase;color:var(--giz)}.tagline{display:inline-block;margin:18px 0 0;padding:4px 18px 5px;background:var(--fita);color:var(--piche);font:italic 800 clamp(20px,2.6vw,30px)/1.1 var(--type);transform:rotate(-1.6deg);transform-origin:left}.pill{margin:22px 0 0;font:600 19px/1.15 var(--type);color:var(--giz-fraco)}main{max-width:1120px;margin:auto;padding:0 24px 40px}body:not(.playing){overflow-y:auto}section{background:var(--concreto);padding:22px;margin-bottom:18px;box-shadow:var(--seca)}section h2{font-size:26px;margin-bottom:14px}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.mode{margin:0;padding:22px 28px;text-align:left;background:var(--concreto-2);--cut:16px}.mode b{display:block;font:italic 800 38px/1 var(--type)}.mode span{display:block;margin-top:6px;font:500 17px var(--type);color:var(--giz-fraco)}.mode:hover span{color:var(--piche)}#multiplayer-options,#training-options{margin-top:16px;padding-top:14px;border-top:2px solid var(--risco)}#code{width:100%;min-width:0;margin:0}#status{min-height:24px;color:var(--giz-fraco);padding:0 4px}#invite{font:italic 700 24px var(--type);margin:0 0 12px}#invite-box{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:18px;padding:10px;background:var(--piche)}#invite-link{flex:1;min-width:240px;font-size:14px}#invite-others{flex-basis:100%;display:grid;gap:2px;padding-left:6px}#invite-others code{font:13px monospace;color:var(--giz-fraco);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}#invite-note{flex-basis:100%;padding-left:6px}.heroes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-bottom:16px}.hero-card{margin:0;padding:10px 20px 10px 14px;text-align:left;display:grid;grid-template-columns:84px 1fr;gap:0 10px;align-content:start;background:var(--concreto-2);--cut:16px;box-shadow:inset 0 -6px 0 transparent}.hero-card .art{grid-row:1/4;display:flex;align-items:flex-start;justify-content:center}.portrait{display:block}.hero-card[data-hero=faisca] .art{color:var(--violet)}.hero-card .art svg{width:50px;height:50px;stroke-width:1.6}.hero-card b{font:italic 800 30px/1 var(--type)}.hero-card em{font:600 17px var(--type);font-style:normal;color:var(--giz-fraco)}.hero-card>span:last-child{font:500 16px/1.25 var(--type);color:var(--giz-fraco);margin-top:6px}.hero-card.on{background:var(--giz);color:var(--piche);box-shadow:inset 0 -6px 0 var(--fita)}.hero-card.on em,.hero-card.on>span:last-child{color:#4a4841}.hero-card:hover:not(.on){background:var(--risco);color:var(--giz)}#hero-bio{background:var(--piche);padding:14px 18px;margin-bottom:16px;border-left:4px solid var(--fita);display:grid;grid-template-columns:auto minmax(0,70ch);column-gap:20px;align-content:start}#hero-bio .stage{grid-row:1/12;display:flex;flex-direction:column;align-items:center;background:#0b0c10}#hero-bio .stage span{font:italic 700 17px var(--type);color:var(--fita);padding:4px 0 8px}@media(max-width:700px){#hero-bio{grid-template-columns:1fr}#hero-bio .stage{grid-row:auto}}#hero-bio h3{font-size:26px;margin-bottom:2px}#hero-bio p{margin:5px 0}#hero-bio .passive{color:var(--fita)}#hero-bio .good{color:var(--ally)}#hero-bio .bad{color:var(--enemy)}.spells{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin-right:12px}.spells b{font:italic 800 20px var(--type)}#ready{font-size:22px;padding:11px 34px;--cut:14px}#result{position:fixed;z-index:40;left:50%;top:44%;transform:translate(-50%,-50%);width:min(520px,92vw);text-align:center;padding:34px 30px 26px;box-shadow:0 0 0 100vmax #090a0ddd,var(--seca)}#result-text{font:400 clamp(64px,11vw,112px)/.9 var(--stencil);text-transform:uppercase;margin:0}#result-reason{margin:10px 0 22px;color:var(--giz-fraco);font-size:19px}#result[data-outcome=win] #result-text{color:var(--fita)}#result[data-outcome=loss] #result-text{color:var(--enemy)}body.playing{overflow:hidden}body.playing>header,body.playing #menu,body.playing #selection,body.playing #status{display:none!important}body.playing main{max-width:none;margin:0;padding:0}#play{position:fixed;inset:0;overflow:hidden;background:var(--piche);-webkit-user-select:none;user-select:none;--slot:clamp(46px,4.3vw,62px)}#arena{position:absolute;inset:0}#arena canvas{width:100%;height:100%}#play:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 55%,#06070abf 100%)}.bar{position:relative;height:14px;--cut:6px}.bar:before{content:"";position:absolute;inset:0;background:#07080b;clip-path:var(--slant)}.bar>div{position:relative;height:100%;width:0;clip-path:var(--slant);transition:width .12s linear}.bar>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:700 13px var(--type);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 #000,0 0 3px #000}#stage-top{position:absolute;z-index:10;left:12px;right:12px;top:10px;display:flex;align-items:center;gap:6px;pointer-events:none}#stage-top>*{pointer-events:auto}#stage-top strong{font:400 21px/1 var(--stencil);text-transform:uppercase;padding:6px 12px 4px;background:var(--fita);color:var(--piche)}#stage-top>span:not(.spacer){padding:4px 12px;background:var(--concreto);font:700 18px var(--type);font-variant-numeric:tabular-nums}#stage-top .spacer{flex:1;pointer-events:none}#stage-top button{padding:5px 16px;margin:0;font-size:17px;background:var(--concreto)}#connection-top{color:var(--ally)}#connection-top.off{color:var(--fita)}#target-chip{position:absolute;z-index:9;top:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:5px 14px;background:var(--concreto);font:700 17px var(--type);pointer-events:none;box-shadow:var(--seca)}#target-chip .bar{width:170px;height:10px}#target-hp{font-variant-numeric:tabular-nums}#match-menu{position:absolute;z-index:22;top:50px;right:12px;display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--concreto);max-width:310px;box-shadow:var(--seca)}#match-menu button,#match-menu select{font-size:16px;padding:5px 14px;margin:1px}#bot-controls{display:flex;flex-wrap:wrap;align-items:center;padding:0 0 8px;border-bottom:2px solid var(--risco)}#debug{white-space:pre-wrap;font:12px monospace;margin:6px 0 0;color:var(--giz-fraco)}#center-stack{position:absolute;z-index:9;left:50%;bottom:calc(var(--slot) + 108px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;text-align:center;white-space:nowrap}#recall-wrap{padding:8px 16px 10px;background:var(--concreto);font:italic 700 20px var(--type);box-shadow:var(--seca)}#recall-wrap .bar{width:300px;height:10px;margin-top:6px}#recall-fill{background:var(--folego);transition:none}#respawn-banner{padding:8px 18px;background:var(--enemy);color:var(--piche);font:italic 800 21px var(--type)}#alert,#game-toast{min-height:24px;font:italic 800 22px var(--type);text-shadow:2px 2px 0 #000,0 0 4px #000;opacity:0}#alert{color:var(--giz)}#game-toast{color:var(--fita)}#alert.show{animation:pop 1.6s ease-out}#game-toast.show{animation:pop 1.3s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#hud{position:absolute;z-index:9;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:18px;padding:12px 26px 10px;max-width:calc(100vw - 16px);filter:drop-shadow(5px 5px 0 #000b);--cut:18px}#hud:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--fita) 0 4px,var(--concreto) 4px);clip-path:var(--slant)}#vitals{width:clamp(210px,21vw,320px);display:flex;flex-direction:column;gap:4px}#portrait{display:flex;align-items:baseline;gap:8px;font:italic 800 24px/1 var(--type)}#passive{margin-left:auto;font:600 14px var(--type);font-style:normal;color:var(--giz-fraco);white-space:nowrap}#passive.hot{color:var(--fita)}#level-badge{display:inline-block;min-width:28px;padding:1px 7px 2px;text-align:center;background:var(--fita);color:var(--piche);font-size:20px;clip-path:var(--slant);--cut:5px}.bar.hp{height:26px;--cut:10px}.bar.hp>div{background:var(--ally)}.bar.hp>div.low{background:var(--enemy);animation:low .5s steps(2) infinite}@keyframes low{50%{filter:brightness(1.5)}}.bar.hp>span{font:italic 800 21px var(--type)}.bar.st{height:11px}.bar.st>div{background:var(--folego)}.bar.st>span{font-size:11px}.bar.st.flash{animation:deny .35s 2}.bar.xp{height:6px;--cut:3px}.bar.xp>div{background:var(--giz)}.bar.xp>span{display:none}#abilities{display:flex;flex-direction:column;align-items:center;gap:28px}#skill-points{font:italic 700 17px var(--type);color:var(--fita);white-space:nowrap}#skill-points:empty{display:none}#ability-row{display:flex;gap:4px;align-items:flex-end}.ability{position:relative;width:var(--slot);display:flex;flex-direction:column;align-items:center;gap:4px}.ability .slot{position:relative;width:var(--slot);height:var(--slot);margin:0;padding:0;background:var(--concreto-2);color:var(--giz);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -5px 0 var(--risco)}.ability .slot:hover:not(:disabled){background:var(--risco);color:var(--giz)}.ability .slot:disabled{opacity:1;cursor:default}.ability .glyph svg{width:calc(var(--slot)*.52);height:calc(var(--slot)*.52);display:block}.ability .key{position:absolute;left:11px;top:1px;font:800 14px var(--type);color:var(--fita)}.ability .cost{position:absolute;right:11px;bottom:5px;font:700 12px var(--type);color:var(--folego)}.ability .cd{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#090a0de6;font:italic 800 calc(var(--slot)*.42) var(--type);color:var(--giz);font-variant-numeric:tabular-nums}.ability.cooldown .cd{display:flex}.ability.ready .slot{box-shadow:inset 0 -5px 0 var(--fita)}.ability.low-resource .slot{box-shadow:inset 0 -5px 0 var(--folego)}.ability.low-resource .glyph{opacity:.35}.ability.low-resource .cost{color:var(--enemy)}.ability.controlled .slot{box-shadow:inset 0 -5px 0 var(--enemy)}.ability.controlled .glyph{opacity:.3}.ability.unlearned .slot{background:#1a1c21;box-shadow:none}.ability.unlearned .glyph{opacity:.22}.ability.unlearned .cost{display:none}.ability.preparing .slot{background:var(--violet);color:var(--piche)}.ability.executing .slot{background:var(--giz);color:var(--piche)}.ability.deny .slot{animation:deny .3s}@keyframes deny{0%,to{transform:none}25%{transform:translate(-4px);background:var(--enemy)}75%{transform:translate(4px);background:var(--enemy)}}.ability .pips{display:flex;gap:2px;height:4px}.ability .pips i{width:9px;height:4px;background:#0b0c0f;transform:skew(-24deg)}.ability .pips i.on{background:var(--fita)}.ability .upgrade{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translate(-50%);margin:0;padding:0 15px;font:800 20px/21px var(--type);background:var(--fita);color:var(--piche);--cut:6px}.ability .upgrade:hover{background:var(--giz)}.ability.small{--slot:clamp(38px,3.4vw,48px)}.ability.small .key{left:9px;font-size:12px}.ability.small .cost{right:9px}#pack{display:flex;flex-direction:column;gap:6px;align-items:stretch}#wallet{display:flex;justify-content:space-between;gap:12px;font:italic 800 22px/1 var(--type)}#wallet span{display:inline-flex;align-items:center;gap:5px}#wallet svg{width:17px;height:17px}.coin{color:var(--fita)}.kills{color:var(--giz-fraco)}#inventory-hud{display:grid;grid-template-columns:repeat(3,clamp(30px,2.8vw,38px));gap:3px}#inventory-hud button{height:clamp(30px,2.8vw,38px);margin:0;padding:0;clip-path:none;background:#1a1c21;position:relative;display:flex;align-items:center;justify-content:center}#inventory-hud button.filled{background:var(--concreto-2)}#inventory-hud button.full{box-shadow:inset 0 3px 0 var(--fita)}#inventory-hud button svg{width:58%;height:58%}#inventory-hud button i{position:absolute;left:3px;top:0;font:700 10px var(--type);font-style:normal;color:var(--giz-fraco)}#map-panel{position:absolute;z-index:8;right:12px;bottom:10px;width:clamp(190px,19vw,310px);padding:4px;background:var(--concreto);box-shadow:var(--seca)}#minimap{width:100%;aspect-ratio:900/104;cursor:pointer}#map-status:empty{display:none}.panel{position:absolute;z-index:20;top:50px;bottom:calc(var(--slot) + 92px);left:12px;width:min(600px,calc(100vw - 24px));margin:0;padding:0 16px 16px;overflow:auto;-webkit-user-select:text;user-select:text}.panel h3{position:sticky;top:0;z-index:1;margin:0 -16px 12px;padding:7px 16px;display:flex;align-items:center;gap:12px;font-size:28px;background:var(--fita);color:var(--piche)}.panel h3 button{margin:0 0 0 auto;padding:0 14px;font-size:24px;line-height:28px;background:var(--piche);color:var(--giz)}.panel h4{margin:16px 0 8px;font-size:21px}#shop-gold{font:600 19px var(--type);font-style:normal}#attributes-panel{left:auto;right:12px;width:min(400px,calc(100vw - 24px))}#help-panel{left:50%;transform:translate(-50%);width:min(560px,calc(100vw - 24px))}#help-panel dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0}#help-panel dt{font:italic 800 19px var(--type);color:var(--fita)}#help-panel dd{margin:0}#attributes{display:grid;grid-template-columns:1fr auto;margin-top:8px}#attributes>span{padding:5px 2px;border-bottom:1px solid var(--concreto-2)}#attributes .v{font:italic 800 21px/1.1 var(--type);text-align:right;font-variant-numeric:tabular-nums}#attributes .v em{font:600 15px var(--type);font-style:normal;color:var(--ally);margin-left:8px}#shop{width:min(900px,calc(100vw - 24px))}#shop-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}#shop-search{flex:0 1 190px;margin:0;font-size:16px;padding:6px 10px}#shop-tabs{display:flex;flex-wrap:wrap;gap:3px}#shop-tabs button{margin:0;padding:5px 14px;font-size:16px}#shop-tabs button.on{background:var(--fita);color:var(--piche)}#shop-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr);gap:12px;align-items:start}#shop-detail{position:sticky;top:52px;background:var(--piche);padding:12px}#shop-detail h4{margin:0 0 6px;font-size:24px;display:flex;align-items:center;gap:8px}#shop-detail h4 svg{width:26px;height:26px}#shop-detail h5{margin:10px 0 4px;font-size:17px;color:var(--giz-fraco)}#shop-detail p{margin:2px 0}#shop-detail .stats{color:var(--ally)}#shop-detail .passive{color:var(--fita)}#shop-detail .why{color:var(--enemy)}#shop-detail .node button{display:flex;align-items:center;gap:6px;margin:2px 0;padding:3px 12px;font-size:15px;clip-path:none;background:var(--concreto-2)}#shop-detail .node svg{width:16px;height:16px}#shop-detail .node.owned button{background:#17473a;color:var(--ally)}#shop-detail .into{display:flex;flex-wrap:wrap;gap:3px}#shop-detail .into button{margin:0;padding:3px 12px;font-size:15px}#shop-detail .buy{width:100%;margin:12px 0 4px;font-size:20px}#catalog button.on{outline:3px solid var(--fita);outline-offset:-3px}#catalog button.locked{opacity:.5;border-left-color:var(--risco)}#catalog button.owned{border-left-color:var(--ally)}#catalog button.tier-mid b:after{content:" ◆";color:var(--giz-fraco);font-style:normal;font-size:12px}#catalog button.tier-final b:after{content:" ◆◆";color:var(--fita);font-style:normal;font-size:12px}@media(max-width:820px){#shop-body{grid-template-columns:1fr}#shop-detail{position:static;order:-1}}#shop-hint{margin:0 0 10px;padding:6px 12px;background:var(--piche);border-left:4px solid var(--enemy)}#shop-hint.ok{border-left-color:var(--ally)}#catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#catalog h5{grid-column:1/-1;margin:10px 0 0;font-size:19px;color:var(--giz-fraco)}#catalog button{display:grid;grid-template-columns:34px 1fr auto;gap:0 10px;align-items:start;text-align:left;margin:0;padding:8px 12px 8px 10px;clip-path:none;font:500 15px/1.25 var(--type);border-left:4px solid var(--fita)}#catalog button .ico{grid-row:1/5;align-self:center}#catalog button .ico svg{width:30px;height:30px}#catalog button b{grid-column:2;grid-row:1;font:italic 800 20px/1.1 var(--type)}#catalog button .price{grid-column:3;grid-row:1;font:italic 800 20px/1.1 var(--type);color:var(--fita)}#catalog button .stats,#catalog button .from,#catalog button .why{grid-column:2/4;font-size:14px}#catalog button .stats{color:var(--ally)}#catalog button .from{color:var(--giz-fraco)}#catalog button .why{color:var(--enemy)}#catalog button .why:empty,#catalog button .from:empty{display:none}#catalog button:hover:not(:disabled) .price,#catalog button:hover:not(:disabled) .stats,#catalog button:hover:not(:disabled) .from{color:var(--piche)}#catalog button:disabled{opacity:.5;border-left-color:var(--risco)}#inventory{display:flex;flex-wrap:wrap;gap:4px;color:var(--giz-fraco)}#inventory button{font-size:16px;margin:0;padding:5px 16px}#play.aim #arena canvas{cursor:crosshair}#touch{position:absolute;inset:0;z-index:11;pointer-events:none;--pad-l:max(14px,env(safe-area-inset-left));--pad-r:max(14px,env(safe-area-inset-right));--pad-b:max(12px,env(safe-area-inset-bottom))}#touch>*{pointer-events:auto;touch-action:none}#joy{position:absolute;left:var(--pad-l);bottom:var(--pad-b);width:min(34vh,150px);aspect-ratio:1;border-radius:50%;background:#12131799;border:2px solid var(--risco);display:flex;align-items:center;justify-content:center}#joy i{width:42%;aspect-ratio:1;border-radius:50%;background:var(--giz);opacity:.85}#t-right{position:absolute;right:var(--pad-r);bottom:var(--pad-b);display:grid;grid-template-columns:auto auto;gap:6px;align-items:end;justify-items:end}#t-prio{grid-column:1/3;display:flex;gap:4px}#t-prio button{margin:0;padding:4px 12px;font-size:15px;clip-path:none;background:#121317cc}#t-prio button.on{background:var(--fita);color:var(--piche)}#t-skills{display:grid;grid-template-columns:repeat(4,min(13vh,56px));gap:5px}#t-skills button{position:relative;height:min(13vh,56px);margin:0;padding:0;clip-path:none;border-radius:50%;background:#22252cdd;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px var(--risco)}#t-skills button svg{width:54%;height:54%}#t-skills button b{position:absolute;left:3px;top:-2px;font:800 13px var(--type);color:var(--fita)}#t-skills button em{position:absolute;inset:0;display:none;align-items:center;justify-content:center;border-radius:50%;background:#090a0de0;font:italic 800 22px var(--type)}#t-skills button.cd em{display:flex}#t-skills button.off{opacity:.4}#t-skills button.up{box-shadow:inset 0 0 0 3px var(--fita);background:#4a3b0c}#t-attack{width:min(22vh,92px);height:min(22vh,92px);margin:0;padding:0;clip-path:none;border-radius:50%;background:var(--fita);color:var(--piche)}#t-attack svg{width:52%;height:52%}#t-util{position:absolute;left:var(--pad-l);top:46px;display:flex;gap:4px}#t-util button{margin:0;padding:5px 12px;font-size:15px;clip-path:none;background:#121317cc}#t-util button.on{background:var(--fita);color:var(--piche)}#rotate{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center;background:var(--piche);font:italic 800 26px var(--type);text-align:center;padding:24px}@media(orientation:portrait){body.touch.playing #rotate{display:flex}}body.touch #hud{left:50%;bottom:auto;top:44px;transform:translate(-50%) scale(.82);transform-origin:top center;padding:8px 20px 6px}body.touch #abilities,body.touch #shop-top,body.touch #stats-top,body.touch #help-top,body.touch #cam-top,body.touch #stage-top strong{display:none}body.touch #map-panel{top:44px;bottom:auto;right:var(--pad-r,12px);width:min(26vw,220px)}body.touch #center-stack{bottom:auto;top:46%}body.touch .panel{inset:8px;width:auto;transform:none}body.touch #target-chip{top:auto;bottom:6px}body.pseudo-full{position:fixed;inset:0}#cam-top{color:var(--giz-fraco)}@media(max-width:1100px){#map-panel{bottom:auto;top:50px;right:10px;width:180px}#stage-top strong{display:none}#stage-top button{font-size:15px;padding:4px 12px}#hud{gap:10px;padding-inline:20px}#fullscreen-label{display:none}}@media(max-width:760px){#pack{display:none}#vitals{width:140px}#score{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}html,body{height:100dvh;overflow:hidden}body{display:flex;flex-direction:column}body>header{flex:none;padding:min(5vh,44px) 24px min(2.4vh,22px)}h1{font-size:clamp(34px,min(10.4vw,20vh),150px)}main{flex:1;min-height:0;width:100%;overflow:auto}body.selecting>header{padding:8px 20px 4px;display:flex;align-items:center;gap:16px}body.selecting>header>div{display:flex;align-items:center;gap:14px}body.selecting h1{font-size:clamp(22px,min(4.2vw,6vh),42px)}body.selecting .tagline{margin:0;padding:2px 12px 3px;font-size:clamp(13px,1.6vw,17px);transform:none}body.selecting .pill{display:none}body.selecting main{max-width:none;display:flex;flex-direction:column;overflow:hidden;padding:0 14px 10px}body.selecting #status{flex:none;min-height:0;margin:0 0 4px;font-size:14px}body.selecting #selection{flex:1;min-height:0;margin:0;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px 14px}body.selecting #selection>h2,body.selecting #selection>p.muted{display:none}body.selecting #invite{grid-column:1/3;margin:0;font-size:clamp(15px,1.8vw,20px)}body.selecting #invite-box{grid-column:1/3;margin:0;padding:6px}body.selecting .heroes{grid-column:1;grid-row:3;margin:0;overflow:auto;align-content:start;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}body.selecting #hero-bio{grid-column:2;grid-row:3;margin:0;overflow:auto;padding:10px 14px}body.selecting .spells{grid-column:1;grid-row:4;margin:0}body.selecting #ready{grid-column:2;grid-row:4;justify-self:end;margin:0;font-size:clamp(17px,2.4vh,22px);padding:8px 28px}body.selecting .hero-card{grid-template-columns:58px 1fr;padding:7px 14px 7px 7px;gap:0 8px}body.selecting .hero-card>span:last-child{display:none}body.selecting .hero-card .portrait{width:58px!important;height:72px!important}body.selecting .hero-card b{font-size:clamp(17px,1.9vw,23px)}body.selecting .hero-card em{font-size:14px;line-height:1.15}body.selecting #hero-bio h3{font-size:clamp(18px,2.2vw,26px)}body.selecting #hero-bio p{font-size:clamp(13px,1.35vw,16px)}#hero-bio .stage .portrait{width:min(170px,15vw)!important;height:auto!important}@media(max-width:820px),(orientation:portrait){body.selecting #selection{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto auto}body.selecting #invite,body.selecting #invite-box{grid-column:1}body.selecting .heroes{grid-column:1;grid-row:3;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,44vw);overflow-x:auto;overflow-y:hidden}body.selecting #hero-bio{grid-column:1;grid-row:4}body.selecting .spells{grid-row:5}body.selecting #ready{grid-column:1;grid-row:6;justify-self:stretch}#hero-bio .stage{flex-direction:row;gap:6px}#hero-bio .stage .portrait{width:min(110px,28vw)!important}}@media(max-height:520px)and (orientation:landscape){body.selecting #hero-bio .stage canvas+canvas,body.selecting #hero-bio .stage span{display:none}}#stage-top,#hud,#map-panel,.panel,#center-stack,#target-chip,#match-menu{zoom:var(--ui,1)}#result{max-height:92dvh;overflow:auto}#hud{max-width:calc(100vw / var(--ui,1) - 16px)}.panel{width:min(600px,calc(100vw / var(--ui,1) - 24px))}#shop{width:min(900px,calc(100vw / var(--ui,1) - 24px))}#attributes-panel{width:min(400px,calc(100vw / var(--ui,1) - 24px))}#help-panel{width:min(560px,calc(100vw / var(--ui,1) - 24px))}#match-menu{max-height:calc(100dvh / var(--ui,1) - 60px);overflow:auto}body.touch .panel{width:auto}#target-chip{flex-wrap:wrap;justify-content:center;max-width:min(640px,92vw);row-gap:3px}#target-more{flex-basis:100%;display:flex;gap:10px;align-items:center;justify-content:center;font-size:14px;font-weight:600;opacity:.92;white-space:nowrap}#target-items{display:inline-flex;gap:3px}#target-items .ico{display:inline-flex;width:22px;height:22px}#target-items .ico svg{width:100%;height:100%}#shop-detail .delta{display:grid;gap:2px;margin:2px 0 8px}#shop-detail .delta div{display:flex;justify-content:space-between;gap:12px;font-size:15px}#shop-detail .delta b.up{color:#8fe08a}#shop-detail .delta b.down{color:#ff9a8f}#arena canvas{width:100%!important;height:100%!important;display:block}#settings-panel{width:min(440px,calc(100vw / var(--ui,1) - 24px))}#settings-panel label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-weight:700}#settings-panel label.check{justify-content:flex-start}#settings-panel select{min-width:210px}#settings-panel small{display:block;margin-top:8px}#perf{position:absolute;z-index:9;left:8px;top:52px;margin:0;padding:6px 9px;background:#0a0e16c7;color:#d8f3dc;font:600 12px/1.35 ui-monospace,Consolas,monospace;pointer-events:none;white-space:pre}#joy-zone{position:absolute;left:0;top:22%;bottom:0;width:44%}#joy{pointer-events:none!important;opacity:.5;transition:opacity .12s}#joy.on{opacity:1}#perf{left:auto;right:8px;top:118px}body.touch #perf{top:44px;font-size:10px}.bar.st>div{background:linear-gradient(180deg,#5fb4ff,#2a6fd6)}#tip{position:fixed;z-index:60;max-width:min(380px,92vw);padding:10px 12px;background:#10141c;border:2px solid #2d3546;box-shadow:5px 5px #000b;color:#e8e6df;font:500 14px/1.35 var(--type,system-ui);pointer-events:none}#tip h5{margin:0 0 5px;font-size:17px;color:#fff}#tip h5 em{font-style:normal;color:#f2c230;margin-left:4px}#tip h5 small{color:#9aa3b5;font-size:12px;margin-left:4px}#tip p{margin:4px 0}#tip .meta{font-size:12.5px;color:#aeb6c6}#tip .ad,.tipc .ad{color:#ff9f43}#tip .ap,.tipc .ap{color:#b993ff}#tip .hp,.tipc .hp{color:#6fe28a}#tip .mana,.tipc .mana{color:#5fb4ff}#tip b{color:#fff}#tip b.ad{color:#ffb267}#tip b.ap{color:#cbb0ff}#tip b.hp{color:#8af0a0}.hero-card.taken{opacity:.32;filter:grayscale(1);pointer-events:none}.hero-card.taken:after{content:"escolhido";position:absolute;right:8px;top:6px;font-size:12px;font-weight:700;color:#ff9a8f}#size-pick{display:inline-flex;gap:8px;align-items:center;margin:6px 0;font-weight:700}#pin-hud{display:block;margin-top:4px;padding:3px 8px;background:#1b2130;border:1px solid #f2c230;color:#f2c230;font:700 12.5px var(--type,system-ui);cursor:pointer;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#catalog button.pinpath{outline:2px dashed #f2c230;outline-offset:-3px}#shop-detail button.pin{display:block;margin:6px 0;border:1px dashed #f2c230;color:#f2c230;background:transparent}.hero-card{position:relative}#multiplayer-options input{margin:3px 4px 3px 0}#room-list{max-height:30vh;overflow:auto;margin-top:4px}#room-list .room-row{display:block;width:100%;text-align:left;margin:3px 0;padding:6px 10px}#rename-input{margin-left:8px;max-width:160px}#chat{position:fixed;left:10px;bottom:150px;z-index:30;width:min(380px,72vw);pointer-events:none;font:600 14px/1.3 var(--type,system-ui)}#chat .line{background:#0a0e16b3;padding:2px 7px;margin-top:2px;color:#e8e6df;transition:opacity 1.2s;word-break:break-word}#chat .line.old{opacity:0}#chat.open .line.old{opacity:1}#chat .line.ally b{color:#6fe28a}#chat .line.foe b{color:#ff8f8f}#chat-input{pointer-events:auto;width:100%;margin-top:4px;padding:6px 8px;background:#10141c;color:#fff;border:2px solid #f2c230}body.touch #chat{bottom:auto;top:84px;width:min(320px,60vw)}#hero-bio .bio-title{margin:-4px 0 2px;color:#f2c230;font-weight:800;letter-spacing:.04em;text-transform:uppercase}#hero-bio .bio-quote{font-style:italic;color:#ece7da}#hero-bio .bio-note{font-size:.85em;opacity:.8}.hero-card.locked-event{opacity:.28;filter:grayscale(1);pointer-events:none}.hero-card.locked-event:after{content:"fora do evento";position:absolute;right:8px;top:6px;font-size:12px;font-weight:700;color:#f2c230}#event-pick{display:inline-flex;gap:8px;align-items:center;margin:6px 0 6px 12px;font-weight:700}#menu>h2{display:none}.lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start}.lobby h2,.lobby-panel h3{margin:0 0 8px;font:italic 800 clamp(18px,1.8vw,22px)/1 var(--type);letter-spacing:.01em}.lobby-panel h3{margin-top:14px;font-size:16px;color:var(--fita);text-transform:uppercase;letter-spacing:.06em;font-style:normal}.lobby .modes{grid-template-columns:1fr;gap:10px}.lobby .mode{padding:16px 22px}.lobby .mode b{font-size:clamp(24px,2.5vw,32px)}.lobby .mode span{font-size:15px}.lobby .mode.on{background:var(--giz);color:var(--piche)}.lobby .mode.on span{color:#4a4841}.event-card{position:relative;margin:12px 0 0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;padding:14px 18px;text-align:left;background:linear-gradient(110deg,#5c1018,#1a1c22 48%,#0f3d24);border:2px solid #ffffff14;--cut:16px}.event-card:hover{border-color:#ffffff40}.event-card.on{border-color:var(--fita);box-shadow:0 0 22px #f2c23033}.event-card .event-tag{grid-column:1;font:800 11px var(--type);letter-spacing:.12em;text-transform:uppercase;color:var(--fita)}.event-card b{grid-column:1;font:italic 800 clamp(24px,2.4vw,32px)/1 var(--type);color:#fff}.event-card .event-sub{grid-column:1;font:600 14px var(--type);color:#d9d6cc}.event-card .event-faces{grid-column:2;grid-row:1/4;display:flex;gap:6px}.event-card .event-faces canvas{width:56px;height:70px;display:block}.lobby-panel{background:var(--piche);padding:14px 16px 16px;border-top:4px solid var(--fita)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.field-row.join{grid-template-columns:minmax(0,1fr) auto;align-items:end}.field{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;font:700 12px var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--giz-fraco)}.field-row .field{margin:0}.field select,.field input,.field-row.join input{width:100%;margin:0;font:600 15px var(--type);letter-spacing:0;text-transform:none}.lobby-panel .primary{display:block;width:100%;margin:6px 0 4px;font-size:20px}#lobby-hint{margin:6px 0 0}#multiplayer-options,#training-options{margin-top:8px;padding-top:4px;border-top:2px solid var(--risco)}#room-list{max-height:32vh}#room-list .room-row{margin:4px 0}@media(max-width:820px){.lobby,.field-row{grid-template-columns:1fr}.event-card .event-faces canvas{width:44px;height:55px}}body.selecting #invite{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0}#invite .room-name{font:italic 800 clamp(18px,2vw,26px)/1.1 var(--type)}#invite .room-code{font:700 12px var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--piche);background:var(--fita);padding:3px 8px}#invite .room-code{cursor:copy}#invite .room-code .id{text-transform:none;letter-spacing:.02em;font-size:14px;-webkit-user-select:all;user-select:all}#invite .room-code .id[data-copied]:after{content:" ✓ copiado";text-transform:none}#invite .room-state{margin-left:auto;font:600 14px var(--type);color:var(--giz-fraco)}body.selecting #invite-box{gap:6px;padding:6px 8px;background:var(--piche)}body.selecting #selection{grid-template-columns:minmax(0,1fr) minmax(340px,.95fr);gap:10px 16px}body.selecting .heroes{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:min-content;gap:8px;padding:2px 4px 4px 0}body.selecting .hero-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 8px;text-align:center;clip-path:none;background:var(--concreto-2);border:2px solid transparent;box-shadow:none;transition:transform .12s,border-color .12s,box-shadow .12s}body.selecting .hero-card .art{display:block;background:#0b0c10;overflow:hidden}body.selecting .hero-card .portrait{width:100%!important;height:auto!important;aspect-ratio:84/104;display:block}body.selecting .hero-card b{margin:6px 6px 0;font:italic 800 clamp(15px,1.25vw,19px)/1.05 var(--type)}body.selecting .hero-card em{margin:3px 6px 0;font:700 10.5px/1.2 var(--type);letter-spacing:.06em;text-transform:uppercase;color:var(--giz-fraco)}body.selecting .hero-card:hover:not(.on){background:var(--concreto-2);color:var(--giz);border-color:var(--risco);transform:translateY(-2px)}body.selecting .hero-card.on{background:var(--concreto-2);color:var(--giz);border-color:var(--fita);box-shadow:0 0 0 2px #0009,0 0 20px #f2c23044}body.selecting .hero-card.on em{color:var(--fita)}.hero-card.taken:after{content:"ESCOLHIDO";inset:auto 0 0;padding:3px 0;background:#000c;color:#ff9a8f;font:800 11px var(--type);letter-spacing:.08em;text-align:center}.hero-card.locked-event{display:none}.hero-card.locked-event:after{display:none}body.event-segundo.selecting .heroes{grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-content:center;position:relative;padding:40px 8% 8px}body.event-segundo.selecting .heroes:before{content:"SEGUNDO ROUND · DO PALANQUE PARA A ARENA";position:absolute;top:6px;left:0;right:0;text-align:center;font:800 13px var(--type);letter-spacing:.14em;color:var(--fita)}body.event-segundo.selecting .heroes:after{content:"VS";position:absolute;left:50%;top:56%;transform:translate(-50%,-50%) rotate(-6deg);font:italic 900 clamp(40px,5vw,72px)/1 var(--type);color:#fff;text-shadow:5px 5px 0 #000;pointer-events:none}body.event-segundo.selecting .hero-card b{font-size:clamp(20px,2.2vw,30px)}body.selecting #hero-bio{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;background:var(--piche);border-left:4px solid var(--fita)}#hero-bio .bio-head{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;background:linear-gradient(120deg,var(--hero-tint,#2a2d36),#0b0c10 72%)}#hero-bio .bio-face canvas{width:clamp(88px,8vw,120px)!important;height:auto!important;display:block;box-shadow:4px 4px #000a}#hero-bio .bio-id h3{margin:0;font:italic 800 clamp(19px,1.9vw,26px)/1.08 var(--type)}#hero-bio .bio-id .bio-title{margin:3px 0 0;font:800 12.5px var(--type);letter-spacing:.1em;text-transform:uppercase;color:var(--fita)}#hero-bio .bio-id .bio-quote{margin:6px 0 0;font:italic 600 clamp(13px,1.15vw,15px)/1.3 var(--type);color:#ece7da}#hero-bio .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}#hero-bio .chip{padding:2px 7px;background:#ffffff16;color:var(--giz);font:700 11px var(--type);letter-spacing:.05em;text-transform:uppercase}#hero-bio .tabs{flex:none;display:flex;gap:2px;padding:0 8px;background:#0b0c10;border-bottom:2px solid var(--risco)}#hero-bio .tabs button{margin:0;min-height:42px;padding:8px 12px 6px;background:none;color:var(--giz-fraco);font:700 12.5px var(--type);letter-spacing:.06em;text-transform:uppercase;clip-path:none;box-shadow:none;border-bottom:3px solid transparent}#hero-bio .tabs button:hover{color:var(--giz)}#hero-bio .tabs button.on{color:var(--fita);border-bottom-color:var(--fita)}#hero-bio .pane{display:none;flex:1;min-height:0;overflow:auto;padding:10px 14px 14px}#hero-bio .pane.on{display:block}#hero-bio .pane p{margin:0 0 8px;font:500 clamp(13px,1.1vw,15px)/1.45 var(--type)}#hero-bio .bio-story{white-space:pre-line}#hero-bio .bio-rel{color:var(--giz-fraco)}#hero-bio .bio-line{color:var(--giz)}#hero-bio .bio-note{font-size:12px!important;color:var(--giz-fraco)}#hero-bio .pane h5{margin:10px 0 4px;font:800 12px var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--fita)}#hero-bio .lines{margin:0 0 8px;padding-left:18px}#hero-bio .lines li{margin:2px 0;font:500 14px/1.35 var(--type)}#hero-bio .showcase{display:flex;flex-direction:column;align-items:center;margin:-10px -14px 6px;padding:6px 0 4px;background:radial-gradient(circle at 50% 60%,var(--hero-tint,#2a2d36),#0b0c10 70%)}#hero-bio .showcase canvas{width:min(240px,100%)!important;height:auto!important}#hero-bio .showcase .caption{font:italic 700 15px var(--type);color:var(--fita);padding:2px 0 0}#hero-bio .skill{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid #ffffff12}#hero-bio .skill .key{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff12;color:var(--fita);font:800 14px var(--type)}.tipc h5{margin:0 0 3px!important;font:700 15px var(--type)!important;letter-spacing:0!important;text-transform:none!important;color:#fff!important}.tipc h5 em{font-style:normal;color:var(--fita);margin-left:4px}.tipc h5 small{color:#9aa3b5;font-size:11px;margin-left:4px}.tipc p{margin:0 0 4px!important}.tipc .meta{font-size:12px!important;color:#aeb6c6}.tipc b{color:#fff}.tipc b.ad{color:#ffb267}.tipc b.ap{color:#cbb0ff}.tipc b.hp{color:#8af0a0}body.selecting .spells{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--piche)}body.selecting .spells label{display:flex;align-items:center;gap:6px;font:700 14px var(--type)}body.selecting #ready{justify-self:stretch;font:italic 800 clamp(18px,2.2vw,24px) var(--type)}@media(max-width:820px),(orientation:portrait){body.selecting #selection{grid-template-columns:minmax(0,1fr)}body.selecting .heroes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88px;overflow-x:auto;overflow-y:hidden}body.event-segundo.selecting .heroes{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;padding:34px 4% 4px}#hero-bio .bio-face canvas{width:72px!important}}@media(max-height:520px)and (orientation:landscape){#hero-bio .bio-face,#hero-bio .showcase{display:none}}.field{text-align:left;align-items:stretch}body:not(.selecting):not(.playing)>header{padding:min(3vh,28px) 24px min(1.6vh,14px)}body:not(.selecting):not(.playing) h1{font-size:clamp(34px,min(8vw,12vh),112px)}@media(max-height:820px){body:not(.selecting):not(.playing) .pill{display:none}}body.selecting .heroes{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}body.selecting .hero-card b{font-size:clamp(13px,1.05vw,17px)}body.selecting .hero-card em{font-size:9.5px}body.selecting #status:empty{display:none}body.selecting #invite .room-state{color:var(--fita)}body.selecting .hero-card.locked-event{display:none!important}#catalog button[data-item]{border-left:4px solid #8d96a8;position:relative}#catalog button[data-family=ad]{border-left-color:#ff9f43}#catalog button[data-family=ap]{border-left-color:#b993ff}#catalog button[data-family=hp]{border-left-color:#6fe28a}#catalog button[data-family=move]{border-left-color:#5fb4ff}#catalog .chips,#shop-detail .chips{display:flex;flex-wrap:wrap;gap:4px;grid-column:1/-1}.chips span{padding:2px 6px;border-radius:3px;background:#1b212c;font:700 13px/1.25 var(--type);color:#d6dce7}.chips .ad{color:#ffb267}.chips .ap{color:#cbb0ff}.chips .hp{color:#8af0a0}.chips .mv{color:#8fd0ff}#catalog button .state{grid-column:1/-1;font:600 12px/1.2 var(--type);color:#aeb6c6;text-transform:none}#catalog button:not(.locked) .state{color:#8af0a0}#catalog button.owned .state{color:var(--fita)}#shop-detail .chips{margin:8px 0}#shop-detail .chips span{font-size:15px}#shop-detail .synergy{margin:8px 0;padding:8px 10px;border-left:3px solid var(--fita);background:#1d2430;color:#e6ebf3;font-size:15px}#shop-detail[data-family=ad] h4{color:#ffb267}#shop-detail[data-family=ap] h4{color:#cbb0ff}#shop-detail[data-family=hp] h4{color:#8af0a0}.account-btn{margin-left:auto;align-self:center;min-height:44px;padding:8px 16px;font:700 16px/1 var(--type);background:#1d2430;color:var(--giz);border:1px solid #465369;border-radius:6px;cursor:pointer}.account-btn.on{border-color:var(--fita);color:var(--fita)}.account-btn:focus-visible{outline:2px solid var(--fita);outline-offset:2px}dialog.account{width:min(720px,94vw);max-height:88vh;overflow:auto;padding:20px 22px;background:#141923;color:var(--giz);border:1px solid #465369;border-top:3px solid var(--fita);border-radius:10px;box-shadow:0 20px 70px #000c}dialog.account::backdrop{background:#05070bcc}.acc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.acc-head h3{margin:0;font:800 24px/1.1 var(--type)}.acc-head button{background:none;border:0;color:var(--giz);font-size:26px;cursor:pointer}.acc-form{display:grid;gap:12px}.acc-form .field input{width:100%;padding:10px 12px;font:600 17px var(--type);background:#0f141c;color:var(--giz);border:1px solid #3a4558;border-radius:6px}.acc-actions{display:flex;gap:10px}.acc-actions button{flex:1;padding:11px;font:800 17px var(--type);border-radius:6px;cursor:pointer;background:#232b38;color:var(--giz);border:1px solid #465369}.acc-actions .primary{background:var(--fita);color:#15120a;border-color:var(--fita)}.acc-msg{min-height:1.2em;margin:0;color:#ffb3ae;font-size:15px}.acc-who{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.acc-who b{font:800 22px var(--type);color:var(--fita)}.acc-who button{padding:6px 14px;background:#232b38;color:var(--giz);border:1px solid #465369;border-radius:6px;cursor:pointer}.acc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.acc-summary div{padding:10px;background:#1b222e;border-radius:8px}.acc-summary b{display:block;font:800 20px var(--type)}.acc-summary span{font-size:13px;color:#aeb6c6}dialog.account h4{margin:16px 0 8px;font:800 17px var(--type)}.acc-list{display:grid;gap:6px}.acc-match{background:#1b222e;border-left:4px solid #8d96a8;border-radius:6px}.acc-match.win{border-left-color:#6fe28a}.acc-match.loss{border-left-color:#ff8a80}.acc-match summary{display:grid;grid-template-columns:78px 1.3fr 1.2fr .9fr 1.3fr;gap:8px;align-items:center;padding:9px 12px;cursor:pointer;font-size:15px}.acc-match summary b{font-weight:800}.acc-match.win summary b{color:#8af0a0}.acc-match.loss summary b{color:#ffb3ae}.acc-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 12px 12px;font-size:14px}.acc-detail h5{margin:6px 0;font-size:14px;color:var(--fita)}.acc-detail p{margin:2px 0;color:#d6dce7}@media(max-width:640px){.acc-summary{grid-template-columns:repeat(2,1fr)}.acc-match summary{grid-template-columns:70px 1fr}.acc-match summary .m,.acc-match summary .t{grid-column:2}.acc-detail{grid-template-columns:1fr}}.acc-tabs{display:flex;gap:6px;margin:6px 0 14px;border-bottom:1px solid #2c3546}.acc-tabs button{padding:8px 14px;background:none;border:0;border-bottom:3px solid transparent;color:#aeb6c6;font:800 16px var(--type);cursor:pointer}.acc-tabs button.on{color:var(--fita);border-bottom-color:var(--fita)}.soc-add,.soc-chat-form{display:flex;gap:8px}.soc-add input,.soc-chat-form input{flex:1;padding:9px 11px;font:600 16px var(--type);background:#0f141c;color:var(--giz);border:1px solid #3a4558;border-radius:6px}.soc-add button,.soc-chat-form button,.soc-row button{padding:8px 12px;background:#232b38;color:var(--giz);border:1px solid #465369;border-radius:6px;font:700 14px var(--type);cursor:pointer}.soc-row button.ok,.soc-add button{background:var(--fita);color:#15120a;border-color:var(--fita)}.soc-list{display:grid;gap:6px;margin-top:8px}.soc-row{display:flex;gap:8px;align-items:center;padding:8px 10px;background:#1b222e;border-radius:6px;border-left:4px solid #555f70}.soc-row.on{border-left-color:#6fe28a}.soc-row.req{border-left-color:var(--fita)}.soc-row span{flex:1;font-size:15px}.soc-chat{margin-top:12px;background:#10151d;border:1px solid #2c3546;border-radius:8px;padding:10px}.soc-chat-head{display:flex;justify-content:space-between;margin-bottom:6px}.soc-chat-head button{background:none;border:0;color:var(--giz);font-size:20px;cursor:pointer}.soc-chat-log{max-height:220px;overflow:auto;display:grid;gap:4px;margin-bottom:8px}.soc-chat-log p{margin:0;padding:6px 10px;border-radius:8px;max-width:80%;font-size:15px}.soc-chat-log .me{justify-self:end;background:#2b3a52}.soc-chat-log .them{justify-self:start;background:#263024}.rank-list{display:grid;gap:4px}.rank-row{display:grid;grid-template-columns:36px 1fr 70px 150px;gap:8px;padding:8px 10px;background:#1b222e;border-radius:6px;font-size:15px}.rank-row b{color:var(--fita)}.rank-row .r{font-weight:800}.rank-row.me{outline:2px solid var(--fita)}.social-toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:grid;gap:8px;max-width:min(380px,92vw)}.social-toast{display:flex;gap:8px;align-items:center;padding:10px 12px;background:#141923f2;border:1px solid #465369;border-left:4px solid var(--fita);border-radius:8px;color:var(--giz);font-size:15px;box-shadow:0 10px 30px #000a}.social-toast span{flex:1}.social-toast button{padding:6px 10px;background:#232b38;color:var(--giz);border:1px solid #465369;border-radius:6px;cursor:pointer}#voice-btn.on,#voice-scope.on{color:#8af0a0}.replay-bar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:45;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;max-width:96vw;padding:10px 14px;background:#141923f2;border:1px solid #465369;border-top:3px solid var(--fita);border-radius:10px;color:var(--giz);font:700 15px var(--type);box-shadow:0 12px 40px #000b}.replay-bar b{color:var(--fita)}.replay-bar select,.replay-bar button{padding:6px 10px;background:#232b38;color:var(--giz);border:1px solid #465369;border-radius:6px;font:700 14px var(--type)}.replay-bar .primary{background:var(--fita);color:#15120a;border-color:var(--fita)}.replay-bar .primary.rec{background:#d8232a;color:#fff;border-color:#d8232a}#replay-msg{flex-basis:100%;text-align:center;font-weight:600;color:#c3cede}body.playing:has(#replay-bar:not([hidden])) #hud{display:none}.acc-replay{grid-column:1/-1;justify-self:start;margin-top:6px;padding:8px 14px;background:var(--fita);color:#15120a;border:0;border-radius:6px;font:800 15px var(--type);cursor:pointer}#arena-desc{display:block;margin-top:6px;font:500 14px/1.35 var(--type);letter-spacing:0;text-transform:none}.field-row.join>*{min-width:0}.field-row.join button{margin:0;width:auto;white-space:nowrap}
