@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(./anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(./anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(./anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(./anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(./barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(./barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(./barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(./barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(./barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(./barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(./barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(./barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(./barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(./barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cobalt:#1c3fd0;--cobalt2:#2a55ff;--deep:#081250;--ink:#05050c;--paper:#f4f1e8;--yellow:#ffd500;--mag:#ff2bd6;--red:#ff3b4e;--green:#3ddc6b;--cyan:#35d6ff;--disp:"Anton", Impact, sans-serif;--body:"Barlow Condensed", "Arial Narrow", sans-serif;--cs:42px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--deep);color:#fff;height:100%;font-family:var(--body);overscroll-behavior:none;margin:0;font-size:15px;font-weight:600;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hidden{display:none!important}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}#stage{flex:1;min-height:0;position:relative;overflow:hidden}#stage canvas{touch-action:none;display:block;position:absolute;inset:0}#panel{background:var(--ink);border-top:4px solid var(--yellow);z-index:5;flex:none;padding:6px 6px 8px;position:relative}#hud{z-index:4;pointer-events:none;align-items:center;gap:6px;padding:6px 6px 0;display:flex;position:absolute;top:0;left:0;right:0}#hud>*{pointer-events:auto}.chip{background:var(--ink);font-family:var(--disp);letter-spacing:.5px;white-space:nowrap;padding:3px 10px 3px 8px;font-size:17px;transform:skew(-12deg);box-shadow:3px 3px #00000059}.chip>*{display:inline-block;transform:skew(12deg)}.chip.round{background:var(--yellow);color:var(--ink)}.chip.hp{color:var(--red);background:#fff}.chip.gold b{color:var(--yellow)}.chip small{font-family:var(--body);opacity:.75;margin-right:3px;font-size:11px;font-weight:700}.hud-sp{flex:1}.ibtn{background:var(--ink);width:34px;height:30px;font-family:var(--disp);font-size:16px;transform:skew(-12deg);box-shadow:3px 3px #00000059}.ibtn:active{background:var(--yellow);color:var(--ink)}#traits{z-index:3;flex-direction:column;gap:3px;display:flex;position:absolute;top:46px;left:4px}.trait{color:#aab;background:#05050c8c;border-left:4px solid #556;align-items:center;gap:4px;padding:1px 8px 1px 4px;font-size:13px;font-weight:700;display:flex;transform:skew(-10deg)}.trait.on{background:var(--ink);color:#fff;border-left-color:var(--tc)}.trait.on.t2{background:var(--tc);color:var(--ink)}.trait i{text-align:center;width:16px;color:var(--tc);font-size:12px;font-style:normal}.trait.on.t2 i{color:var(--ink)}.trait em{font-style:normal;font-family:var(--disp);font-weight:400}#scout{z-index:3;text-align:right;background:var(--ink);border-right:5px solid var(--mag);max-width:46%;padding:2px 8px 3px 12px;position:absolute;top:46px;right:4px;transform:skew(-10deg)}#scout small{letter-spacing:1px;color:var(--mag);font-size:10px;font-weight:700;display:block}#scout b{font-family:var(--disp);white-space:nowrap;font-size:14px;font-weight:400}#scout span{color:#ff9aa6;margin-left:4px;font-size:12px}.bars,.pops{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.pops{z-index:2}.ub{will-change:transform;width:46px;position:absolute;top:0;left:0}.ub .top{align-items:center;gap:2px;height:13px;display:flex}.ub .el{text-align:center;width:12px;height:12px;color:var(--ink);border:1px solid var(--ink);border-radius:2px;font-size:8px;line-height:12px}.ub .stars{color:#c98a3c;text-shadow:0 0 2px #000,1px 1px #000;letter-spacing:-1px;font-size:11px;line-height:12px}.ub .stars.s2{color:#e8e8f0}.ub .stars.s3{color:var(--yellow)}.ub .hp,.ub .hy,.ub .st{display:none}.bars.battle .ub .hp{border:1.5px solid var(--ink);background:#222;height:7px;display:block;position:relative;overflow:hidden;transform:skew(-14deg)}.bars.battle .ub .hy{border:1px solid var(--ink);background:#222;border-top:0;width:80%;height:4px;display:block;transform:skew(-14deg)}.bars.battle .ub .st{text-shadow:0 0 2px #000,0 0 2px #000;gap:1px;height:12px;font-size:10px;line-height:12px;display:flex}.ub .st b{font-weight:700}.ub .hp .fill{background:#58e06c;transition:width .15s;position:absolute;top:0;bottom:0;left:0}.ub.side1 .hp .fill{background:var(--red)}.ub .hp .sh{background:#59b8ff;transition:width .15s,left .15s;position:absolute;top:0;bottom:0}.ub .hy i{background:var(--yellow);height:100%;transition:width .15s;display:block}.ub .hy.full i{background:#fff;animation:.25s infinite alternate blink}.ub.dead{opacity:0;transition:opacity .3s}@keyframes blink{to{background:var(--yellow)}}.pop{font-family:var(--disp);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:22px;animation:.85s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.pop.small{font-size:15px}.pop.weak{color:var(--yellow);font-size:34px}.pop.resist{color:#9aa;font-size:17px}.pop.heal{color:var(--green)}.pop.shield{color:#7cc8ff}.pop.status{letter-spacing:1px;font-size:14px;animation-name:popslow}.pop.tag{background:var(--ink);-webkit-text-stroke:0;padding:0 8px;font-size:15px;animation-name:poptag;transform:translate(-50%,-50%)skew(-12deg)rotate(-6deg)}.pop.tag.weak{background:var(--yellow);color:var(--ink);font-size:17px}.pop.tag.crit{background:var(--red);color:#fff}.pop.big{font-size:30px}.pop.gearpop{-webkit-text-stroke:0;filter:drop-shadow(0 3px #000);font-size:40px;animation-name:popslow}@keyframes pop{0%{transform:translate(-50%,-30%)scale(.4)}18%{transform:translate(-50%,-90%)scale(1.25)}35%{transform:translate(-50%,-100%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-170%)scale(.9)}}@keyframes popslow{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-80%)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-140%)}}@keyframes poptag{0%{opacity:0;transform:translate(-50%,-50%)skew(-12deg)rotate(-6deg)scale(2)}20%{opacity:1;transform:translate(-50%,-50%)skew(-12deg)rotate(-6deg)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-90%)skew(-12deg)rotate(-6deg)}}.timeline{z-index:3;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#05050cb3;align-items:center;gap:2px;padding:3px 10px;display:flex;position:absolute;top:42px;left:50%;transform:translate(-50%)}.tl{background:var(--cobalt2);border:2px solid #fff;flex:none;width:30px;height:30px;overflow:hidden;transform:skew(-8deg)}.tl.side1{border-color:var(--mag);background:#7a1a6a}.tl img{width:130%;margin:-8% 0 0 -15%;display:block;transform:skew(8deg)}.tl.gear{background:#222;place-items:center;font-size:17px;display:grid}.tl.now{border-color:var(--yellow);width:42px;height:42px;box-shadow:0 0 0 2px var(--ink);border-width:3px}.tl.now.gear{font-size:24px}.tlsep{color:#778;font-size:12px;font-style:normal}.tlsep:first-of-type{color:var(--yellow);font-size:18px}.banner{z-index:3;background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);border-left:8px solid var(--el);align-items:center;gap:8px;min-width:62%;padding:4px 26px 4px 8px;animation:.18s ease-out bannerL;display:flex;position:absolute;top:92px;left:0}.banner.side1{clip-path:polygon(22px 0,100% 0,100% 100%,0 100%);border-left:0;border-right:8px solid var(--el);flex-direction:row-reverse;padding:4px 8px 4px 26px;animation-name:bannerR;left:auto;right:0}.banner img,.banner .gicon{background:var(--cobalt2);object-fit:cover;border:2px solid #fff;flex:none;place-items:center;width:56px;height:56px;font-size:26px;display:grid}.banner.side1 img,.banner.side1 .gicon{border-color:var(--mag);background:#7a1a6a}.banner .btxt{flex:1;line-height:1}.banner.side1 .btxt{text-align:right}.banner small{letter-spacing:1px;color:#aab;text-transform:uppercase;font-size:12px;display:block}.banner b{font-family:var(--disp);letter-spacing:.5px;color:#fff;text-transform:uppercase;font-size:30px;font-style:italic;font-weight:400}.banner .ticon{background:var(--red);color:#fff;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:58px;height:50px;padding:0 4px;font-size:24px;font-style:normal;line-height:1;display:flex;transform:rotate(-8deg)}.banner.type-heal .ticon{background:var(--green);color:var(--ink)}.banner.type-shield .ticon{color:var(--ink);background:#59b8ff}.banner.type-buff .ticon{color:var(--ink);background:#ff9d2e}.banner.type-debuff .ticon{background:#b06bff}@keyframes bannerL{0%{transform:translate(-100%)}}@keyframes bannerR{0%{transform:translate(100%)}}.splash{z-index:4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.splash b{font-family:var(--disp);color:var(--yellow);-webkit-text-stroke:10px var(--ink);paint-order:stroke fill;background:linear-gradient(var(--ink), var(--ink)) center / 140vw 46% no-repeat;white-space:nowrap;padding:0 20px;font-size:min(17vw,96px);font-style:italic;font-weight:400;animation:.25s cubic-bezier(.2,1.6,.4,1) splash;transform:rotate(-9deg)}@keyframes splash{0%{opacity:0;transform:rotate(-9deg)scale(2.4)}}.actions{gap:6px;margin-bottom:6px;display:flex}.btn{height:40px;font-family:var(--disp);letter-spacing:.5px;background:#20222e;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;transform:skew(-10deg)}.btn>*{transform:skew(10deg)}.btn small{font-family:var(--body);color:#aab;font-size:11px;font-weight:700}.btn b{color:var(--yellow);font-weight:400}.btn:active{filter:brightness(1.4)}.btn.poor{opacity:.45}.btn.go{background:var(--yellow);color:var(--ink);flex:1.5;font-size:20px;font-style:italic;animation:1.2s infinite gopulse}.btn.go small{color:var(--ink)}@keyframes gopulse{50%{box-shadow:0 0 0 4px #ffd50059}}.xpbar{background:var(--cyan);height:4px;position:absolute;bottom:0;left:0;transform:none!important}.tabs{gap:4px;margin-bottom:5px;display:flex}.tab{color:#99a;height:24px;font-family:var(--disp);letter-spacing:1px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#20222e;flex:1;font-size:14px}.tab.on{color:var(--ink);background:#fff}.tab em{color:var(--mag);margin-left:4px;font-style:normal}.shop{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.card{background:var(--tc,#333);text-align:left;border:2px solid var(--ink);outline:2px solid #0000;height:92px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(115deg,#0000 55%,#00000047 55%),radial-gradient(#00000038 1.2px,#0000 1.6px) 0 0/7px 7px;position:absolute;inset:0}.card img{pointer-events:none;width:124%;position:absolute;top:-6px;left:-12%}.card .nm{background:var(--ink);font-family:var(--disp);white-space:nowrap;letter-spacing:.3px;padding:1px 4px;font-size:13px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.card .cost{background:var(--ink);color:var(--yellow);font-family:var(--disp);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%);padding:0 5px 1px 7px;font-size:14px;position:absolute;top:0;right:0}.card .role{filter:drop-shadow(0 1px #000);font-size:13px;position:absolute;top:1px;left:2px}.card .own{background:var(--yellow);color:var(--ink);padding:0 4px;font-size:10px;font-weight:700;position:absolute;bottom:20px;right:2px;transform:skew(-10deg)}.card.sel{outline-color:#fff}.card.sel:after{content:"TAP TO BUY";background:var(--yellow);color:var(--ink);font-family:var(--disp);text-align:center;font-size:12px;position:absolute;inset:auto 0 18px}.card.poor{filter:saturate(.3)brightness(.6)}.card.sold{background:#14151d;border-style:dashed;border-color:#333}.card.sold:before{display:none}.card.merge{animation:.7s infinite alternate mergeglow}@keyframes mergeglow{to{outline-color:var(--yellow);box-shadow:0 0 10px var(--yellow)}}.cost-1{--rc:#9aa}.cost-2{--rc:#3ddc6b}.cost-3{--rc:#35d6ff}.cost-4{--rc:#ff2bd6}.card .nm{border-top:3px solid var(--rc)}.gearrow{grid-template-columns:34px repeat(3,1fr);align-items:stretch;gap:4px;margin-top:5px;display:grid}.gearrow>small{writing-mode:vertical-rl;text-align:center;letter-spacing:2px;color:var(--mag);font-size:11px;font-weight:700;transform:rotate(180deg)}.gcard{text-align:left;border-left:4px solid var(--mag);background:#20222e;outline:2px solid #0000;align-items:center;gap:5px;height:44px;padding:0 4px;display:flex;position:relative;overflow:hidden}.gcard .gi{flex:none;font-size:22px}.gcard .gn{flex:1;font-size:13px;font-weight:700;line-height:1}.gcard .gn small{color:#99a;letter-spacing:.5px;font-size:10px;display:block}.gcard .cost{color:var(--yellow);font-family:var(--disp);font-size:14px}.gcard.sel{outline-color:#fff}.gcard.sel:after{content:"TAP TO BUY";background:var(--yellow);color:var(--ink);font-family:var(--disp);text-align:center;font-size:11px;position:absolute;inset:auto 0 0}.gcard.poor{filter:saturate(.3)brightness(.6)}.gcard.sold{opacity:.25;border-left-color:#333}.shape{vertical-align:middle;gap:1px;display:inline-grid}.shape i{background:#fff;width:5px;height:5px}.shape i.o{background:0 0}.casewrap{justify-content:center;gap:8px;display:flex}.case{width:calc(var(--cs) * 5 + 8px);height:calc(var(--cs) * 4 + 8px);outline:2px solid var(--ink);background-color:#2a1a12;background-image:linear-gradient(#0006 1px,#0000 1px),linear-gradient(90deg,#0006 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-size:var(--cs) var(--cs);touch-action:none;border:4px solid #777;flex:none;position:relative}.case .ci{pointer-events:none;position:absolute}.case .cc{width:var(--cs);height:var(--cs);background:var(--ic,#3a4466);border:2px solid var(--ink);position:absolute}.case .ci .ico{font-size:calc(var(--cs) * .56);filter:drop-shadow(0 2px #0008);z-index:1;line-height:1;position:absolute;transform:translate(-50%,-50%)}.case .ci.sel .cc{filter:brightness(1.3);border-color:#fff}.case .ci.boost .cc{box-shadow:inset 0 0 0 2px var(--yellow)}.case .ci .bonus{z-index:2;background:var(--yellow);color:var(--ink);white-space:nowrap;padding:0 3px;font-size:10px;font-weight:700;position:absolute;transform:skew(-10deg)}.case .ghost{width:var(--cs);height:var(--cs);pointer-events:none;z-index:3;background:#3dff7c73;border:2px dashed #fff;position:absolute}.case .ghost.bad{background:#ff2d4680}.caseside{width:calc(var(--cs) * 2 + 8px);flex-direction:column;gap:4px;display:flex}.caseside small{letter-spacing:1.5px;color:#99a;font-size:10px;font-weight:700}.stash{grid-template-columns:1fr 1fr;gap:3px;display:grid}.stash button{height:calc(var(--cs) - 4px);touch-action:none;background:#14151d;border:2px dashed #445;font-size:20px}.stash button.has{background:#20222e;border-style:solid;border-color:#99a}.stash button.sel{background:#3a4466;border-color:#fff}.sbtn{height:26px;font-family:var(--disp);letter-spacing:.5px;background:#20222e;font-size:13px;transform:skew(-10deg)}.sbtn:disabled{opacity:.3}.sbtn.sell{background:#5a1420}.casehint{color:#99a;text-align:center;min-height:15px;margin-top:4px;font-size:12px}.sellzone{font-family:var(--disp);letter-spacing:1px;z-index:6;pointer-events:none;background:#5a1420eb;border:3px dashed #fff;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.sellzone.hot{background:var(--red);font-size:30px}.sellzone b{color:var(--yellow);font-weight:400}.battlebar{align-items:center;gap:6px;display:flex}.battlebar .vs{font-family:var(--disp);white-space:nowrap;flex:1;font-size:14px;line-height:1.1;overflow:hidden}.battlebar .vs small{font-family:var(--body);color:#99a;letter-spacing:1px;font-size:11px;font-weight:700;display:block}.battlebar .btn{flex:none;width:46px}.battlebar .btn.on{background:var(--yellow);color:var(--ink)}#inspector{z-index:4;background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink);border:3px solid var(--ink);max-width:440px;margin:0 auto;padding:8px 10px;font-size:14px;line-height:1.15;position:absolute;top:46px;left:6px;right:6px;transform:rotate(-.6deg)}#inspector .head{align-items:center;gap:8px;display:flex}#inspector .head img,#inspector .head .big{background:var(--tc,var(--cobalt2));border:3px solid var(--ink);object-fit:cover;flex:none;place-items:center;width:56px;height:56px;font-size:34px;display:grid;transform:rotate(-3deg)}#inspector h3{font-family:var(--disp);text-transform:uppercase;margin:0;font-size:24px;font-style:italic;font-weight:400;line-height:1}#inspector h3 span{color:#c98a00;font-size:18px;font-style:normal}.tags{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.tag2{background:var(--ink);color:#fff;padding:0 7px;font-size:12px;font-weight:700;transform:skew(-10deg)}.tag2 i{color:var(--tc);font-style:normal}.stats{font-family:var(--disp);gap:10px;margin:6px 0 4px;font-size:15px;display:flex}.stats small{font-family:var(--body);color:#667;letter-spacing:1px;margin-right:3px;font-size:10px;font-weight:700}.abil{background:var(--ink);color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);margin-top:4px;padding:5px 8px}.abil b{font-family:var(--disp);color:var(--yellow);text-transform:uppercase;margin-right:6px;font-size:16px;font-style:italic;font-weight:400}.abil i{background:var(--red);place-items:center;width:20px;height:20px;margin-right:6px;font-size:13px;font-style:normal;display:inline-grid;transform:rotate(-8deg)}.abil i.heal{background:var(--green);color:var(--ink)}.abil i.shield{color:var(--ink);background:#59b8ff}.abil i.buff{color:var(--ink);background:#ff9d2e}.abil i.debuff{background:#b06bff}.note{color:#334;margin-top:4px;font-size:12.5px}.note b{color:var(--ink)}#inspector .x{background:var(--ink);color:#fff;width:30px;height:30px;font-family:var(--disp);font-size:16px;position:absolute;top:-12px;right:-8px;transform:rotate(6deg)}#inspector .sellbtn{background:var(--red);color:#fff;font-family:var(--disp);margin-top:6px;padding:3px 14px;font-size:15px;transform:skew(-10deg)}#inspector .sellbtn b{color:var(--yellow);font-weight:400}.tiers div{opacity:.45;margin-top:2px}.tiers div.on{opacity:1;font-weight:700}#overlay{z-index:20;background:#081250db;padding:14px;display:flex;position:absolute;inset:0;overflow:auto}#overlay:before{content:"";background:linear-gradient(112deg, var(--ink) 0 34%, transparent 34% 37%, var(--ink) 37% 39%, transparent 39%), radial-gradient(#ffffff1f 2px, transparent 2.6px) 0 0 / 14px 14px;opacity:.7;pointer-events:none;position:fixed;inset:0}#overlay.clear{background:#05050c8c}#overlay.clear:before{display:none}.sheet{text-align:center;width:min(460px,100%);margin:auto;animation:.25s cubic-bezier(.2,1.4,.4,1) sheetin;position:relative}@keyframes sheetin{0%{transform:translateY(30px)rotate(2deg)}}.logo{font-family:var(--disp);letter-spacing:-1px;text-shadow:6px 6px 0 var(--ink);margin:10px 0 18px;font-size:min(22vw,104px);font-style:italic;line-height:.86;transform:rotate(-7deg)}.logo span{color:var(--yellow);display:block}.logo span+span{color:#fff;margin-left:12%}.tagline{color:var(--ink);background:#fff;margin-bottom:24px;padding:3px 14px;font-size:17px;font-weight:700;display:inline-block;transform:rotate(-3deg)skew(-10deg)}.big-btn{background:var(--yellow);min-width:220px;color:var(--ink);font-family:var(--disp);box-shadow:5px 5px 0 var(--ink);margin:10px auto;padding:8px 26px;font-size:28px;font-style:italic;display:block;transform:skew(-12deg)rotate(-2deg)}.big-btn.alt{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--cobalt2);font-size:18px}.big-btn:active{box-shadow:2px 2px 0 var(--ink);transform:skew(-12deg)rotate(-2deg)translate(3px,3px)}.title2{font-family:var(--disp);color:var(--yellow);text-shadow:5px 5px 0 var(--ink);text-transform:uppercase;margin:0 0 14px;font-size:54px;font-style:italic;line-height:.95;transform:rotate(-5deg)}.title2.bad{color:var(--red)}.title2 small{color:#fff;font-size:20px;display:block}.paper{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;margin:8px 0;padding:10px 12px;font-size:15px;line-height:1.2}.paper:nth-child(odd){transform:rotate(-.7deg)}.paper:nth-child(2n){transform:rotate(.6deg)}.paper h4{font-family:var(--disp);text-transform:uppercase;margin:0 0 4px;font-size:20px;font-style:italic;font-weight:400}.paper h4 em{background:var(--ink);color:var(--yellow);margin-right:6px;padding:0 8px;font-style:normal}.rows{grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;display:grid}.rows b.g{color:#a67700;font-family:var(--disp);font-weight:400}.legend{grid-template-columns:30px 1fr;align-items:center;gap:5px 8px;display:grid}.lg{background:var(--ink);color:#fff;place-items:center;width:28px;height:28px;font-size:17px;display:grid;transform:rotate(-6deg)}.wheel{font-family:var(--disp);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:4px 0;font-size:15px;display:flex}.wheel b{color:var(--ink);padding:1px 8px;font-weight:400;transform:skew(-10deg)}.score{grid-template-columns:22px 1fr 60px 44px;align-items:center;gap:4px 8px;display:grid}.score .bar{border:1.5px solid var(--ink);background:#ccc;height:12px;transform:skew(-14deg)}.score .bar i{background:var(--red);height:100%;display:block}.score .dead{opacity:.4;text-decoration:line-through}.score .me{color:var(--cobalt);font-weight:700}.picks{gap:8px;display:grid}.pick{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;align-items:center;gap:10px;padding:8px 10px;font-size:15px;line-height:1.15;display:flex}.pick:nth-child(odd){transform:rotate(-.8deg)}.pick:nth-child(2n){transform:rotate(.8deg)}.pick .gi{font-size:36px}.pick b{font-family:var(--disp);text-transform:uppercase;font-size:19px;font-weight:400;display:block}.pick:active{background:var(--yellow)}#toast{background:var(--red);color:#fff;font-family:var(--disp);z-index:30;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:4px 4px 0 var(--ink);padding:5px 16px;font-size:17px;transition:opacity .2s;position:absolute;top:13%;left:50%;transform:translate(-50%)skew(-10deg)}#toast.show{opacity:1}#toast.good{background:var(--yellow);color:var(--ink)}@media (width>=900px) and (aspect-ratio>=5/4){:root{--cs:52px}#app{flex-direction:row}#panel{border-top:0;border-left:5px solid var(--yellow);flex-direction:column;gap:10px;width:440px;padding:14px 12px;display:flex;overflow-y:auto}.tabs{display:none}.tabpane.hidden{display:block!important}.card{height:118px}.gcard{height:54px}.btn{height:50px;font-size:18px}.seclabel{display:block!important}#inspector{width:400px;margin:0;font-size:15px;top:96px;left:auto;right:14px}.ub{width:54px}.ub .stars{font-size:13px}.chip{font-size:20px}.trait{font-size:15px}.timeline{top:50px}.banner{min-width:40%;top:112px}.tl{width:38px;height:38px}.tl.now{width:54px;height:54px}.pop{font-size:28px}.pop.weak{font-size:44px}}.seclabel{font-family:var(--disp);letter-spacing:2px;color:var(--mag);margin:6px 0 4px;font-size:15px;display:none}#app.battle #traits,#app.battle #scout,.blog{display:none}@media (width>=900px) and (aspect-ratio>=5/4){.blog{flex:1;margin-top:12px;font-size:14px;line-height:1.25;display:block;overflow:hidden}.blog div{border-left:4px solid var(--cobalt2);background:#14151d;margin-bottom:3px;padding:3px 8px;font-weight:500}.blog div.side1{border-left-color:var(--mag)}.blog div:first-child{background:#20222e}.blog u{font-weight:700;text-decoration:none}.blog em{color:var(--yellow);font-style:normal}.blog i{color:#99a;font-style:normal}.blog b.w{color:var(--yellow)}.blog b.h{color:var(--green)}.blog b.s{color:#7cc8ff}}.coach{background:var(--paper);color:var(--ink);border-left:6px solid var(--mag);margin-bottom:6px;padding:4px 10px;font-size:14px;line-height:1.15;transform:rotate(-.5deg)}.coach b{background:var(--ink);color:var(--yellow);font-family:var(--disp);margin-right:3px;padding:0 5px;font-weight:400}.chip.gold small{color:var(--cyan);opacity:1;margin:0 0 0 4px}.banner .ticon em{font-style:normal;font-family:var(--disp);letter-spacing:.5px;font-size:11px}.banner{min-width:78%}.pop.block{color:#b8c4d8;font-size:16px}.big-btn.sticky{z-index:2;position:sticky;bottom:6px}#overlay .rows{font-size:14px}.trait{gap:3px;padding:1px 6px 1px 3px;font-size:12px}.trait span{text-overflow:clip;white-space:nowrap;max-width:62px;overflow:hidden}.trait i{width:17px;color:inherit;font-size:12px}.trait em{margin:0 2px}.trait u{text-align:center;color:#889;background:#334;border-radius:2px;width:12px;height:12px;font-size:9px;line-height:12px;text-decoration:none}.trait u.on{background:var(--tc);color:var(--ink)}.trait.on{box-shadow:0 0 0 1.5px var(--tc)}.trait.on.t2,.trait.on.t3{background:var(--tc);color:var(--ink)}.trait.on.t2 u.on,.trait.on.t3 u.on{background:var(--ink);color:var(--tc)}.trait.on.t3{box-shadow:0 0 0 2px #fff, 0 0 10px var(--tc)}.trait.broken{border-left-color:var(--red);text-decoration:line-through}.trait.more{color:#ccd;border-left-color:#0000;font-size:11px}#scout .syn{letter-spacing:1px;font-size:12px}#scout .syn i{font-style:normal}.chip.warn{background:var(--red);animation:.6s infinite alternate blink2}@keyframes blink2{to{filter:brightness(1.5)}}.chip.jar{color:var(--yellow);background:#3a2a10}.btn.lock{flex:0 0 44px}.btn.lock.on{background:var(--mag)}.btn.go small{color:#7a1020;font-size:10px}.card img{width:100%;top:0;left:4%}.card .tps{flex-direction:column;gap:1px;display:flex;position:absolute;top:2px;left:2px}.card .tps i{text-align:center;filter:grayscale()opacity(.75);background:#05050c99;border-radius:3px;width:17px;height:17px;font-size:11px;font-style:normal;line-height:17px}.card .tps i.has{filter:none;background:var(--ink);box-shadow:0 0 0 1.5px #fff}.card .tps i.up{filter:none;background:var(--yellow);box-shadow:0 0 0 1.5px var(--ink);animation:.5s infinite alternate blink2}.card.owned{border-color:#fff;box-shadow:inset 0 0 0 2px #fff}.card .own{text-align:center;letter-spacing:.3px;background:#fff;padding:0;font-size:9.5px;bottom:21px;left:0;right:0;transform:none}.card .own.up{background:var(--yellow);font-family:var(--disp);font-size:12px}.card .own.syn{background:var(--ink);color:var(--yellow)}.cost-5{--rc:#ffd500}.card.cost-5{box-shadow:0 0 8px var(--yellow)}.banner{top:auto;bottom:8px}.tl img{width:150%;margin:-6% 0 0 -25%}.banner img{object-position:50% 20%}#inspector .head img{object-fit:cover}button.tag2{font:inherit;color:#fff;font-size:12px;font-weight:700}.tag2.live{background:var(--tc);color:var(--ink)}.tag2.live i{color:var(--ink)}.minis{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.mini{border:2px solid var(--ink);opacity:.55;background:#c9c9d8;width:34px;height:34px;position:relative;overflow:hidden}.mini img{width:150%;margin:-8% 0 0 -25%;display:block}.mini b{background:var(--ink);color:var(--rc);padding:0 2px;font-size:9px;line-height:10px;position:absolute;bottom:0;right:0}.mini.own{opacity:1}.mini.on{opacity:1;border-color:var(--red);box-shadow:0 0 0 2px var(--yellow);background:var(--yellow)}.pop.tag.trait{background:var(--ink);color:inherit;border-left:4px solid;font-size:13px}@media (width>=900px) and (aspect-ratio>=5/4){.trait{font-size:14px}.trait span{max-width:none}.card .tps i{width:20px;height:20px;font-size:13px;line-height:20px}.card .own{font-size:11px;bottom:22px}}.card .nm.long{letter-spacing:0;font-size:10px;line-height:17px}@media (width>=900px) and (aspect-ratio>=5/4){.card .nm.long{font-size:12px}}#app{--dockh:0px;grid-template-rows:1fr auto;grid-template-columns:1fr;display:grid}#stage{grid-area:1/1;min-width:0}#dock{z-index:6;pointer-events:none;flex-direction:column;grid-area:1/1;align-self:start;gap:4px;min-width:0;margin-top:44px;display:flex}#dock>*,#sheets>*{pointer-events:auto}#sheets{pointer-events:none}#panel{grid-area:2/1;padding:5px 6px 7px}#app.battle #dock{display:none}.sheet{background:var(--ink);border-bottom:4px solid var(--yellow);touch-action:none;padding:6px 6px 7px;animation:.16s ease-out sheetdrop;box-shadow:0 6px #0000004d}@keyframes sheetdrop{0%{transform:translateY(-14px)}}.actions.bar{margin:0}.btn.tabbtn{flex:1}.btn.tabbtn.on{color:var(--ink);background:#fff}.btn.tabbtn.on small{color:#445}.btn.tabbtn small b{color:#c98a00}.btn.tabbtn:not(.on) small b{color:var(--yellow)}.btn.go{flex:1.6}#inspector{max-width:none;margin:2px 8px 0;position:relative;inset:auto;transform:none}#traits{top:calc(46px + var(--dockh));scrollbar-width:none;z-index:3;flex-direction:row;gap:4px;padding:0 6px 4px;left:0;right:0;overflow-x:auto}#traits::-webkit-scrollbar{display:none}#traits .trait{flex:none}#scout{top:calc(76px + var(--dockh))}.hcard{background:var(--ink);border:2px solid var(--ink);text-align:left;outline:2px solid #0000;flex-direction:column;height:100px;padding:0;display:flex;position:relative;overflow:hidden}.hcard .art{background:linear-gradient(115deg, transparent 55%, #00000040 55%), radial-gradient(#0003 1.2px, transparent 1.6px) 0 0 / 7px 7px, var(--tc);flex:1;min-height:0;position:relative;overflow:hidden}.hcard .art img{pointer-events:none;height:122%;position:absolute;top:-2px;left:54%;transform:translate(-50%)}.hcard .cost{background:var(--rc);color:var(--ink);font-family:var(--disp);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%);padding:0 5px 1px 8px;font-size:14px;position:absolute;top:0;right:0}.hcard .tps{flex-direction:column;gap:1px;display:flex;position:absolute;top:2px;left:2px}.hcard .tps i{text-align:center;filter:grayscale()opacity(.75);background:#05050c99;border-radius:3px;width:17px;height:17px;font-size:11px;font-style:normal;line-height:17px}.hcard .tps i.has{filter:none;background:var(--ink);box-shadow:0 0 0 1.5px #fff}.hcard .tps i.up{filter:none;background:var(--yellow);box-shadow:0 0 0 1.5px var(--ink);animation:.5s infinite alternate blink2}.hcard .tline{text-align:center;white-space:nowrap;letter-spacing:.3px;flex:none;height:14px;font-size:10px;font-weight:700;line-height:14px;overflow:hidden}.hcard .tline.own{color:var(--ink);background:#fff}.hcard .tline.up{background:var(--yellow);color:var(--ink);font-family:var(--disp);font-size:12px;font-weight:400}.hcard .tline.syn{color:var(--yellow);background:#20222e}.hcard .nm{height:20px;line-height:20px;font-family:var(--disp);color:#fff;white-space:nowrap;letter-spacing:.3px;flex:none;padding:0 4px;font-size:13px;overflow:hidden}.hcard .nm.long{letter-spacing:0;font-size:10.5px}.hcard.owned{border-color:#fff}.hcard.sel{outline-color:var(--yellow)}.hcard.sel .nm{background:var(--yellow);color:var(--ink);font-size:12px}.hcard.sel .nm:before{content:"BUY · "}.hcard.poor{filter:saturate(.3)brightness(.6)}.hcard.sold{background:#14151d;border:2px dashed #333}.hcard.merge{animation:.7s infinite alternate mergeglow}.hcard.cost-5{box-shadow:0 0 8px var(--yellow)}@media (width>=900px) and (aspect-ratio>=5/4){#app{grid-template-columns:1fr 440px}#stage{grid-row:1/3}#dock{background:var(--ink);border-left:5px solid var(--yellow);pointer-events:auto;grid-area:1/2;align-self:stretch;gap:10px;margin:0;padding:12px 12px 0;overflow-y:auto}#panel{border-left:5px solid var(--yellow);border-top:0;grid-area:2/2;width:auto;padding:10px 12px 14px;display:block}.sheet,.sheet.hidden{box-shadow:none;border:0;padding:0;animation:none;display:block!important}.btn.tabbtn{display:none}.hcard{height:124px}.hcard .nm{height:22px;font-size:15px;line-height:22px}.hcard .nm.long{font-size:12px}.hcard .tline{height:16px;font-size:11px;line-height:16px}.hcard .tps i{width:20px;height:20px;font-size:13px;line-height:20px}#inspector{width:auto;margin:0;font-size:14px}#traits{flex-direction:column;gap:3px;padding:0;top:46px;left:4px;right:auto;overflow:visible}#scout{top:46px}#app.battle{grid-template-columns:1fr}#app.battle #stage{grid-area:1/1/3}#app.battle #panel{border:3px solid var(--yellow);background:#05050ce0;flex-direction:column;width:400px;max-height:46vh;padding:8px;display:flex;position:absolute;bottom:14px;right:14px;overflow:hidden}#app.battle .blog{max-height:30vh}.banner{min-width:0;max-width:46%;bottom:14px}}#inspector{z-index:7;left:8px;right:8px;top:calc(48px + var(--dockh));margin:0;position:absolute}#app.battle #inspector{top:104px}@media (width>=900px) and (aspect-ratio>=5/4){#inspector{width:400px;top:58px;left:auto;right:456px}#app.battle #inspector{top:120px;right:14px}#scout{right:4px}}