@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/press-start-2p-latin-400-normal-xj9lRvVs.woff2)format("woff2")}:root{--ui-scale:1;--bg:#141c12;--panel:#2a2342;--panel-hi:#3d3460;--panel-lo:#1d1830;--edge:#0e0b1a;--text:#f1e7cf;--muted:#9a8fbf;--gold:#ffd23f;--red:#e05050;--green:#5fd35f;--blue:#4aa8ff}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:"Press Start 2P",monospace;font-size:calc(10px * var(--ui-scale));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}.hidden{display:none!important}.muted{color:var(--muted)}.panel{background:var(--panel);border:4px solid var(--edge);box-shadow:inset -3px -3px 0 var(--panel-lo), inset 3px 3px 0 var(--panel-hi);padding:10px}.label{font-size:calc(8px * var(--ui-scale));color:var(--muted);margin:4px 0 8px}button{font:inherit;font-size:calc(9px * var(--ui-scale));color:var(--text);background:var(--panel-hi);cursor:pointer;touch-action:manipulation;border:none;padding:10px 8px;box-shadow:inset -3px -3px #251f3d,inset 3px 3px #5a4e8a}button:hover:not(:disabled){background:#4b4078}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--gold);color:#2a2138;box-shadow:inset -3px -3px #c9962a,inset 3px 3px #ffe08a}button.primary:hover:not(:disabled){background:#fd6}button.on{background:var(--blue);color:#10203a}button small{font-size:calc(7px * var(--ui-scale));opacity:.8}.ibtn{justify-content:center;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.ibtn .uicon{width:24px;height:24px;image-rendering:pixelated;flex:none}.ibtn .blabel{font-size:calc(8px * var(--ui-scale));white-space:nowrap}.ibtn:disabled .uicon{filter:grayscale()}#game{grid-template-rows:auto 1fr auto;gap:6px;height:100vh;padding:6px;display:grid}#topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}#topright{font-size:calc(9px * var(--ui-scale));justify-content:flex-end;align-items:center;gap:14px;display:flex}#topright .ibtn{padding:5px}.pinfo{align-items:center;gap:8px;padding:6px;display:flex}.pname{white-space:nowrap;min-width:40px}.hpbar{background:var(--edge);flex:1;max-width:240px;height:12px;padding:2px}.hpbar i{background:var(--green);height:100%;transition:width .4s steps(8,end);display:block}.hpnum{white-space:nowrap}#roundinfo{text-align:center;min-width:220px;line-height:1.8}#round-label{color:var(--gold);font-size:calc(12px * var(--ui-scale))}#phase-label{font-size:calc(8px * var(--ui-scale));color:var(--muted)}#timer{font-size:calc(14px * var(--ui-scale));color:var(--text);min-height:20px}#timer.urgent,#shop-timer.urgent{color:var(--red);animation:.5s steps(2,end) infinite blink}.timerbar{background:var(--edge);height:6px;padding:1px}.timerbar i{background:var(--gold);height:100%;display:block}.timerbar.battle i{background:var(--red)}@keyframes blink{50%{opacity:.4}}#middle{grid-template-columns:210px 1fr 210px;gap:6px;min-height:0;display:grid}#stage{min-width:0;min-height:0;image-rendering:pixelated;background:#0c120a 50%/100% 100% no-repeat;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#canvas-wrap canvas{image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;touch-action:none;display:block}#rightpanel{overflow-y:auto}#scoreboard,#trait-list{margin:0;padding:0;list-style:none}#scoreboard{margin-bottom:10px}#scoreboard li{background:var(--panel-lo);font-size:calc(7px * var(--ui-scale));grid-template-columns:1fr auto;align-items:center;gap:2px 6px;margin-bottom:3px;padding:4px 6px;display:grid}#scoreboard .sbar{background:var(--edge);height:4px}#scoreboard .sbar i{background:var(--green);height:100%;display:block}#scoreboard .slv{color:var(--muted);white-space:nowrap}#scoreboard .sgold{color:var(--gold)}#scoreboard li.me{box-shadow:inset 3px 0 0 var(--gold);color:var(--gold)}#scoreboard li.opp{box-shadow:inset 3px 0 0 var(--red)}#scoreboard li.opp .sbar i{background:var(--red)}#scoreboard li{cursor:pointer}#scoreboard li:hover{background:var(--panel-hi)}#scoreboard li.scouted{outline:2px solid var(--blue)}#scoreboard li.out{opacity:.35}#scout-bar{z-index:3;background:var(--edge);border:3px solid var(--blue);font-size:calc(10px * var(--ui-scale));white-space:nowrap;align-items:center;gap:14px;padding:8px 10px 8px 14px;line-height:1.8;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}#scout-bar b{color:var(--gold);font-weight:400}#scout-bar small{font-size:calc(7px * var(--ui-scale));color:var(--muted)}#scout-back{padding:5px 8px}#scoreboard li.out .sbar i{width:0!important}#scoreboard li.pair-sep,#scoreboard li.pair-vs,#scoreboard li.pair-ghost{cursor:default;color:var(--muted);font-size:calc(6px * var(--ui-scale));background:0 0;padding:0;display:block}#scoreboard li.pair-sep{margin-top:6px}#scoreboard li.pair-sep:first-child{margin-top:0}#scoreboard li.pair-vs{text-align:center;color:var(--red);margin:-2px 0 1px}#scoreboard li.pair-ghost{text-align:center;margin:-1px 0 2px}#scoreboard li.pair-sep:hover,#scoreboard li.pair-vs:hover,#scoreboard li.pair-ghost:hover{background:0 0}.hp-low .hpnum,.hp-low .shp,.hp-crit .hpnum,.hp-crit .shp,.hp-dying .hpnum,.hp-dying .shp{color:var(--red)}.hp-low .hpbar i,.hp-low .sbar i,.hp-crit .hpbar i,.hp-crit .sbar i,.hp-dying .hpbar i,.hp-dying .sbar i{background:var(--red)}.hp-crit .hpnum,.hp-crit .shp,.hp-dying .hpnum,.hp-dying .shp{color:#ff2e2e;text-shadow:1px 0,0 1px #5a0000}.hp-dying .hpnum,.hp-dying .shp,.hp-dying .hpbar i,.hp-dying .sbar i{animation:.5s steps(2,end) infinite blink}.reduce-fx .hp-dying .hpnum,.reduce-fx .hp-dying .shp,.reduce-fx .hp-dying .hpbar i,.reduce-fx .hp-dying .sbar i{animation:none}#trait-list{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}#trait-list li{background:var(--panel-lo);font-size:calc(7px * var(--ui-scale));color:var(--muted);cursor:help;align-items:center;gap:3px;padding:1px 4px 1px 1px;display:inline-flex}#trait-list li.active{color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}#trait-list li.empty{cursor:default;padding:4px 6px}#trait-list li b{font-weight:400}#trait-list li .ticon{width:24px;height:24px}#trait-list li:not(.active) .ticon{filter:grayscale();opacity:.55}#tutorial{z-index:30;position:fixed;inset:0}#tutorial.center{background:#0a081499}#tut-ring{border:3px solid var(--gold);pointer-events:none;animation:.8s steps(2,end) infinite blink;position:fixed;box-shadow:0 0 0 9999px #0a081499}#tut-card{border-color:var(--gold);width:min(380px,100vw - 16px);position:fixed}#tut-title{line-height:1.5}#tut-count{font-size:calc(8px * var(--ui-scale));margin-left:auto}#tut-text{font-size:calc(8px * var(--ui-scale));margin:0 0 10px;line-height:2}.tut-actions{gap:6px;display:flex}.tut-actions button{font-size:calc(8px * var(--ui-scale));flex:1;padding:8px 4px}#trait-tip{z-index:20;width:250px;font-size:calc(7px * var(--ui-scale));pointer-events:none;border-color:var(--gold);box-shadow:inset -3px -3px 0 var(--panel-lo), inset 3px 3px 0 var(--panel-hi), 4px 4px 0 #00000080;padding:8px;line-height:1.7;position:fixed}.tip-head{font-size:calc(10px * var(--ui-scale));color:var(--gold);align-items:center;gap:6px;margin-bottom:4px;display:flex}.tip-head .ticon{width:24px;height:24px}.tip-head small{font-size:calc(7px * var(--ui-scale));color:var(--muted);margin-left:auto}.tip-levels{color:var(--muted)}.tip-levels .on{color:var(--gold)}.tip-desc{margin:4px 0}.tip-next{color:var(--blue);margin-bottom:6px}.tip-units{grid-template-columns:1fr 1fr;gap:3px;display:grid}.tip-units span{background:var(--panel-lo);box-shadow:inset 2px 0 0 var(--tier);opacity:.5;white-space:nowrap;align-items:center;gap:3px;padding:1px 3px 1px 1px;display:flex;overflow:hidden}.tip-units span.own{opacity:1;color:var(--gold)}.tip-units img{width:20px;height:20px;image-rendering:pixelated;flex:none}.tip-units small{color:var(--gold);font-size:calc(6px * var(--ui-scale));margin-left:auto}.ticon{width:12px;height:12px;image-rendering:pixelated;vertical-align:-2px}.ttag{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}#hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative}.hud-left,.hud-right{flex-wrap:wrap;gap:6px;display:flex}.hud-left .ibtn,.hud-right .ibtn{padding:6px 10px}#gold{color:var(--gold);font-size:calc(12px * var(--ui-scale));white-space:nowrap}.lv{flex-direction:column;gap:4px;display:flex}.xpbar{background:var(--edge);width:140px;height:8px;padding:1px}.xpbar i{background:var(--blue);height:100%;display:block}#boardcount.warn{color:var(--red);animation:.6s steps(2,end) infinite blink}#boardcount.over{color:#ff8a3d}#sell-hint{color:#fff;font-size:calc(12px * var(--ui-scale));pointer-events:none;background:#e05050d9;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#hud.selling #sell-hint{display:flex}#shop-modal{z-index:5;background:0 0;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.shop-panel{pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a2342d1;width:min(1000px,100%);animation:.12s steps(3,end) popin}@keyframes popin{0%{transform:scale(.94)}}.shop-row{grid-template-columns:96px 1fr 96px;align-items:stretch;gap:8px;display:grid}.shop-row>.ibtn{flex-direction:column;gap:8px}.shop-row>.ibtn .uicon{width:36px;height:36px}.shop-head{align-items:center;gap:16px;margin-bottom:10px;display:flex}.shop-title{color:var(--gold);font-size:calc(14px * var(--ui-scale))}#shop-gold{color:var(--gold)}#shop-timer{margin-left:auto}#btn-close-x{padding:4px}#shop{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.card{border-top:4px solid var(--tier);flex-direction:column;align-items:center;gap:6px;min-height:130px;padding:8px 4px;display:flex}.card img{width:64px;height:64px;image-rendering:pixelated}.card .cname{font-size:calc(8px * var(--ui-scale));text-align:center}.card .ctraits{justify-content:center;gap:6px;display:flex}.card .ctraits .ticon{width:20px;height:20px}#shop-odds{font-size:calc(8px * var(--ui-scale));color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:-4px 0 8px;display:flex}#shop-odds .zero{opacity:.35}.card .ccost{color:var(--gold);font-size:calc(9px * var(--ui-scale))}.card{position:relative}.card .cauto{font-size:calc(6px * var(--ui-scale));background:var(--blue);color:#10203a;padding:2px 3px;position:absolute;top:4px;right:4px}.card.owned{animation:.8s steps(2,end) infinite glow}.reduce-fx #timer.urgent,.reduce-fx #shop-timer.urgent,.reduce-fx #boardcount.warn,.reduce-fx #tut-ring{animation:none}.reduce-fx .card.owned{box-shadow:inset 0 0 0 3px var(--gold);animation:none}.card.empty{visibility:hidden}@keyframes glow{50%{box-shadow:inset 0 0 0 3px var(--gold)}}#settings{z-index:12;background:#0a081499;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{width:min(calc(380px * var(--ui-scale)), 92vw);max-height:92vh;overflow-y:auto}.settings-tabs{border-bottom:2px solid var(--panel-lo);gap:6px;margin-top:14px;display:flex}.settings-tab{min-height:calc(34px * var(--ui-scale));font-size:calc(9px * var(--ui-scale));text-transform:uppercase;color:var(--muted);background:var(--panel-lo);cursor:pointer;letter-spacing:.5px;border:2px solid #0000;border-bottom-width:3px;flex:1;padding:10px 8px}.settings-tab:hover{color:var(--gold);border-color:var(--panel-lo);background:0 0}.settings-tab.active{color:var(--gold);background:var(--panel-lo);border-bottom-color:var(--gold)}.settings-body{padding-top:2px}#fps{z-index:4;font-size:calc(8px * var(--ui-scale));color:var(--green);text-shadow:1px 1px #000;pointer-events:none;position:absolute;top:4px;right:6px}#settings-close{margin-left:auto;padding:4px}.settings-row{font-size:calc(9px * var(--ui-scale));justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.settings-row button{min-width:90px}.settings-row>span{min-width:calc(120px * var(--ui-scale))}.settings-row input[type=range]{accent-color:var(--gold);cursor:pointer;flex:1}.settings-row b{width:calc(36px * var(--ui-scale));text-align:right;color:var(--gold);font-weight:400}#picker{z-index:6;background:#0a081499;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.picker-panel{width:min(980px,100%);max-height:92vh;overflow-y:auto}#picker-close{margin-left:auto;padding:4px}#picker-note{font-size:calc(7px * var(--ui-scale));align-items:center;gap:6px;display:flex}.pick-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.pick{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;line-height:1.6;display:flex}.pick.selected{box-shadow:inset 0 0 0 3px var(--gold)}.pick-name{color:var(--gold);font-size:calc(10px * var(--ui-scale))}.pick-desc{font-size:calc(7px * var(--ui-scale));color:var(--muted)}.pick-traits{font-size:calc(7px * var(--ui-scale));flex-wrap:wrap;gap:4px 10px;display:flex}.pick-traits .ticon{width:16px;height:16px}.pick-units{flex-wrap:wrap;gap:2px;display:flex}.pick-units img{width:32px;height:32px;image-rendering:pixelated;background:var(--panel-lo)}.pick-unit{opacity:.45;line-height:0;display:block;position:relative}.pick-unit.own{opacity:1;box-shadow:0 0 0 2px var(--gold)}.pick-unit b{font-size:calc(6px * var(--ui-scale));color:var(--gold);text-shadow:1px 1px #000;font-weight:400;line-height:1;position:absolute;bottom:1px;left:1px}.pick-none{width:100%;margin-top:8px}.fgrid{background:#4e7c32;grid-template-columns:repeat(8,14px);gap:2px;padding:4px;display:grid}.fgrid i{background:#6a9b45;width:14px;height:14px}.fgrid i.m,.leg.m{background:var(--red)}.fgrid i.r,.leg.r{background:var(--blue)}.fgrid i.a,.leg.a{background:#b38cff}.leg{width:8px;height:8px;display:inline-block}.pc-head{margin-bottom:8px;line-height:1.8}.pc-head b{color:var(--gold);font-weight:400;font-size:calc(11px * var(--ui-scale))}.pc-head small{font-size:calc(7px * var(--ui-scale));color:var(--muted)}.pc-vs{font-size:calc(7px * var(--ui-scale));background:var(--red);color:#fff;margin-left:8px;padding:2px 4px}.pc-body{grid-template-columns:1fr 220px;gap:10px;margin-top:8px;display:grid}.pc-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px;margin-bottom:8px;display:grid}.pc-unit{border-top:3px solid var(--tier);font-size:calc(6px * var(--ui-scale));flex-direction:column;align-items:center;gap:3px;padding:6px 2px;display:flex;position:relative}.pc-unit.selected{box-shadow:inset 0 0 0 3px var(--gold)}.pc-unit>img{width:40px;height:40px;image-rendering:pixelated}.pc-star{color:var(--gold);font-size:calc(7px * var(--ui-scale));position:absolute;top:4px;left:4px}.pc-name{text-align:center}.pc-items{flex-wrap:wrap;justify-content:center;gap:1px;min-height:10px;display:flex}.pc-items img{width:10px;height:10px;image-rendering:pixelated}.pc-detail{background:var(--panel-lo);font-size:calc(8px * var(--ui-scale));align-self:start;padding:8px;line-height:1.8}.pc-detail .uname{font-size:calc(10px * var(--ui-scale))}.pc-detail .stars{color:var(--gold)}#item-drawer{z-index:6;border-color:var(--gold);width:230px;max-height:100%;box-shadow:inset -3px -3px 0 var(--panel-lo), inset 3px 3px 0 var(--panel-hi), -4px 4px 0 #00000080;position:absolute;top:0;right:0;overflow-y:auto}#item-close{margin-left:auto;padding:4px}.drawer-hint{font-size:calc(7px * var(--ui-scale));line-height:1.6}#inventory{grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:8px;display:grid}.inv-item,.inv-slot{aspect-ratio:1;background:var(--panel-lo);width:100%;box-shadow:inset 0 0 0 1px var(--edge)}.inv-item{image-rendering:pixelated;cursor:grab;box-shadow:inset 0 0 0 2px var(--panel-hi);touch-action:none;padding:4px}.inv-item:hover{background:var(--panel-hi)}.item-ghost{z-index:50;width:36px;height:36px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(2px 2px #000);position:fixed;transform:translate(-50%,-50%)}.pop-items{flex-direction:column;gap:4px;margin-top:8px;display:flex}.pitem{grid-template-columns:16px 1fr;align-items:center;column-gap:5px;display:grid}.pitem .ticon{grid-row:span 2;width:16px;height:16px}.pitem small{font-size:calc(6px * var(--ui-scale));color:var(--muted);grid-column:2;line-height:1.5}.pitem{padding-right:22px;position:relative}.pitem-off{padding:2px;line-height:0;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pitem-off img{width:14px;height:14px;image-rendering:pixelated}#leftpanel{overflow-y:auto}#stats{font-size:calc(7px * var(--ui-scale));margin-bottom:6px;line-height:1.6}.stabs{gap:4px;margin-bottom:4px;display:flex}.stabs button{font-size:calc(7px * var(--ui-scale));text-overflow:ellipsis;white-space:nowrap;flex:1;padding:5px 2px;overflow:hidden}.stabs button.on{background:var(--gold);color:#2a2138}.stotal{color:var(--gold);margin-bottom:4px}.slist{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.slist li{border-bottom:1px solid var(--panel-lo);align-items:center;gap:5px;padding:3px 0;display:flex}.slist li.dead{opacity:.45}.slist img{width:24px;height:24px;image-rendering:pixelated;background:var(--panel-lo);flex:none}.slist li>div{flex:1;min-width:0}.slist .sn{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.slist .sn b{color:var(--gold);font-weight:400}.slist .sv{color:var(--muted)}.sdmg{background:var(--edge);height:4px;margin:2px 0}.sdmg i{background:var(--red);height:100%;display:block}.slist li.ally{box-shadow:inset 3px 0 0 var(--blue);padding-left:5px}.slist li.enemy{box-shadow:inset 3px 0 0 var(--red);padding-left:5px}.slist li.ally .sdmg i{background:var(--blue)}.stotal .ally{color:var(--blue)}.stotal .enemy{color:var(--red)}#auto-list{font-size:calc(7px * var(--ui-scale));margin-bottom:6px;line-height:1.6}.astrat{color:var(--gold);margin-bottom:4px}.achips{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.achip{background:var(--panel-lo);cursor:pointer;box-shadow:inset 0 0 0 2px var(--blue);color:var(--gold);align-items:center;padding:1px 3px 1px 1px;display:inline-flex}.achip.locked{cursor:default;box-shadow:none}.achip img{width:24px;height:24px;image-rendering:pixelated}#middle{position:relative}#unit-pop{z-index:6;width:210px;max-height:100%;font-size:calc(8px * var(--ui-scale));border-color:var(--gold);box-shadow:inset -3px -3px 0 var(--panel-lo), inset 3px 3px 0 var(--panel-hi), 4px 4px 0 #00000080;padding:10px;line-height:1.8;position:absolute;top:0;left:0;overflow-y:auto}.pop-actions{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pop-sell{background:#6b3a2a;width:100%}.pop-sell:hover:not(:disabled){background:#8a4a34}.pop-auto{width:100%;font-size:calc(8px * var(--ui-scale));padding:8px 4px;display:block}.pop-auto.on{background:var(--blue);color:#10203a}.pop-auto:disabled{opacity:.8}#unit-pop .uname{font-size:calc(10px * var(--ui-scale))}#unit-pop .stars{color:var(--gold)}.u-head{align-items:center;gap:8px;margin-bottom:6px;line-height:1.6;display:flex}.u-head img{width:40px;height:40px;image-rendering:pixelated;background:var(--panel-lo);flex:none}.u-head .uname{font-size:calc(10px * var(--ui-scale))}.u-head .stars{color:var(--gold)}.u-cost{color:var(--muted);font-size:calc(7px * var(--ui-scale))}.u-traits{font-size:calc(7px * var(--ui-scale));flex-wrap:wrap;gap:4px 10px;margin-bottom:6px;display:flex}.u-stats{grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:6px;display:grid}.u-stats span{background:var(--panel-lo);white-space:nowrap;flex-direction:column;padding:3px 4px;line-height:1.5;display:flex}.u-stats small{font-size:calc(6px * var(--ui-scale));color:var(--muted)}.u-tags{font-size:calc(7px * var(--ui-scale));flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.u-tags span{background:var(--edge);padding:1px 4px}.u-skill{background:var(--panel-lo);font-size:calc(7px * var(--ui-scale));padding:5px 6px;line-height:1.7;box-shadow:inset 2px 0 #7cf2e0}.u-skill b{color:#7cf2e0;font-weight:400;font-size:calc(8px * var(--ui-scale))}#floaters{pointer-events:none;position:absolute;inset:0}.floater{font-size:calc(9px * var(--ui-scale));text-shadow:2px 2px #000;white-space:nowrap;animation:.8s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}.floater.magic{color:#c9a8ff}.floater.crit{color:var(--gold);font-size:calc(12px * var(--ui-scale));animation-name:floatcrit;animation-duration:.9s}.floater.heal{color:var(--green)}.floater.cast{color:#7cf2e0;font-size:calc(8px * var(--ui-scale))}.floater.ult{color:var(--gold);font-size:calc(13px * var(--ui-scale));text-shadow:2px 2px #a02a2a,4px 4px #000;animation-duration:1.2s}#ult-banner{z-index:4;background:var(--edge);border:3px solid var(--blue);font-size:calc(12px * var(--ui-scale));color:var(--gold);pointer-events:none;border-left:none;align-items:center;gap:10px;padding:8px 18px 8px 10px;transition:transform .18s steps(4,end);display:flex;position:absolute;top:12px;left:0;transform:translate(-110%)}#ult-banner.enemy{border-color:var(--red)}#ult-banner.show{transform:translate(0)}#ult-banner img{width:48px;height:48px;image-rendering:pixelated}#ult-banner span{flex-direction:column;gap:6px;line-height:1.4;display:flex}#ult-banner small{font-size:calc(7px * var(--ui-scale));color:var(--muted)}.ult-tag{background:var(--gold);color:#2a2138;font-size:calc(7px * var(--ui-scale));padding:1px 4px}@keyframes floatup{0%{transform:translate(-50%,-50%)scale(.5)}15%{transform:translate(-50%,-85%)scale(1.3)}30%{transform:translate(-50%,-95%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.9)}}@keyframes floatcrit{0%{transform:translate(-50%,-50%)scale(.4)rotate(0)}15%{transform:translate(-50%,-90%)scale(1.6)rotate(-8deg)}25%{transform:translate(-50%,-100%)scale(1.1)rotate(6deg)}35%{transform:translate(-50%,-105%)scale(1.2)rotate(0)}to{opacity:0;transform:translate(-50%,-200%)scale(1)}}@keyframes ui-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes banner-out{to{opacity:0;transform:translate(-50%,-65%)scale(.95)}}@keyframes pulse{40%{color:#fff;transform:scale(1.35)}}.settings-panel,.picker-panel,.hero-detail-panel,#unit-pop,#tut-card,.menu-panel,.hero-panel{animation:.2s ease-out ui-in}.screen,#settings,#picker,#hero-detail,#trait-tip{animation:.15s ease-out fade-in}#item-drawer{animation:.18s ease-out slide-in-right}#banner.out{animation:.2s ease-in forwards banner-out}.pulse{animation:.5s ease-out pulse;display:inline-block}#banner{font-size:calc(18px * var(--ui-scale));background:var(--edge);border:4px solid var(--gold);color:var(--gold);text-align:center;pointer-events:none;z-index:3;padding:16px 24px;line-height:1.6;animation:.3s ease-out banner-in;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}#banner.lose{color:var(--red);border-color:var(--red)}.screen{z-index:10;background:#0a0814d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu{background:radial-gradient(circle at 50% 40%,#2a3a22,#0c120a)}.menu-panel{text-align:center;width:min(560px,92vw);padding:24px}.menu-panel h1{font-size:calc(26px * var(--ui-scale));color:var(--gold);text-shadow:4px 4px #a02a2a;margin:0 0 16px;line-height:1.5}.menu-panel p{line-height:1.8}.menu-panel .row{gap:10px;margin:18px 0;display:flex}.menu-panel .row button{font-size:calc(11px * var(--ui-scale));flex:1;padding:16px}.menu-panel .small-row{margin-top:-6px}.menu-panel .small-row .ibtn{padding:6px}.menu-panel{max-height:94vh;overflow-y:auto}.menu-continue{width:100%;font-size:calc(11px * var(--ui-scale));margin-top:6px;padding:12px;line-height:1.8}.menu-continue small{font-size:calc(7px * var(--ui-scale))}#leaderboard{background:radial-gradient(circle at 50% 40%,#2a3a22,#0c120a)}#leaderboard .hero-panel{width:min(calc(760px * var(--ui-scale)), 96vw)}#leaderboard-back{margin-left:auto}.lb-note{font-size:calc(7px * var(--ui-scale));line-height:1.7}#lb-table{flex:1;min-height:0;overflow-y:auto}#lb-table table{border-collapse:collapse;width:100%;font-size:calc(8px * var(--ui-scale))}#lb-table th{text-align:left;color:var(--muted);background:var(--panel);padding:6px;font-weight:400;position:sticky;top:0}#lb-table td{background:var(--panel-lo);border-bottom:2px solid var(--panel);padding:7px 6px}#lb-table td.num,#lb-table th.num{text-align:right}#lb-table tr.me td{color:var(--gold);background:#3a3218}#lb-table .pos{color:var(--gold);width:40px}#lb-table .you{background:var(--gold);color:#2a2138;font-size:calc(6px * var(--ui-scale));margin-left:6px;padding:1px 4px}.menu-panel .menu-pages{margin:0 0 14px}.menu-panel .menu-pages button{font-size:calc(10px * var(--ui-scale));margin:0;padding:12px}#menu{flex-direction:column;justify-content:flex-start;overflow-y:auto}#menu .menu-panel{flex:none;max-height:none;margin:auto 0}#menu-nav{flex-wrap:wrap;justify-content:flex-end;align-self:stretch;align-items:center;gap:8px;padding:12px 16px;display:flex}#menu-nav .ibtn,#btn-account{min-height:40px}.nav-chip{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:calc(8px * var(--ui-scale));background:var(--panel-lo);border:2px solid var(--panel-hi);padding:8px 12px;overflow:hidden}#btn-account{font-size:calc(8px * var(--ui-scale));padding:8px 12px}#account-msg{text-align:right;font-size:calc(7px * var(--ui-scale));color:var(--red);flex-basis:100%;line-height:1.7}#btn-whatsnew{position:relative}#btn-whatsnew.unseen:after{content:"";background:var(--gold);width:8px;height:8px;position:absolute;top:-3px;right:-3px;box-shadow:2px 2px #a02a2a}@media (width<=720px){#menu-nav{justify-content:center;padding:10px 16px}#menu-nav .blabel{display:none}.nav-chip{max-width:140px}}#whatsnew{background:radial-gradient(circle at 50% 40%,#2a3a22,#0c120a)}#whatsnew .hero-panel{width:min(calc(760px * var(--ui-scale)), 96vw)}#whatsnew-back{margin-left:auto}#wn-list{flex:1;min-height:0;overflow-y:auto}.wn-entry{background:var(--panel-lo);margin-bottom:8px;padding:10px 12px}.wn-entry h3{font-size:calc(9px * var(--ui-scale));color:var(--gold);margin:0 0 8px;font-weight:400}.wn-entry ul{font-size:calc(8px * var(--ui-scale));margin:0;padding-left:18px;line-height:1.9}.menu-heroes{width:100%;font-size:calc(10px * var(--ui-scale));margin-bottom:18px;padding:12px}#heroes{background:radial-gradient(circle at 50% 40%,#2a3a22,#0c120a)}.hero-panel{flex-direction:column;gap:8px;width:min(1100px,96vw);height:94vh;display:flex}#heroes-back{margin-left:auto}#hero-traits{flex-wrap:wrap;gap:4px;display:flex}#hero-traits button{font-size:calc(8px * var(--ui-scale));align-items:center;gap:6px;padding:8px 10px;display:inline-flex}#hero-traits button.on{background:var(--gold);color:#2a2138}#hero-traits .ticon{width:20px;height:20px}#hero-tabs button{font-size:calc(9px * var(--ui-scale));padding:10px 4px}#hero-note{font-size:calc(7px * var(--ui-scale));min-height:11px;line-height:1.6}#hero-tabs button.on{background:var(--gold);color:#2a2138}#hero-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}#hero-list li{background:var(--panel-lo);box-shadow:inset 3px 0 0 var(--tier);font-size:calc(7px * var(--ui-scale));align-items:flex-start;gap:8px;padding:6px;line-height:1.8;display:flex}#hero-list li>img{width:40px;height:40px;image-rendering:pixelated;flex:none}#hero-list li>div>span{display:block}#hero-list .hname,#hero-list .hcost{display:inline}#hero-list .hname{color:var(--tier);font-size:calc(9px * var(--ui-scale))}#hero-list .hcost{color:var(--gold)}#hero-list .hstats{color:var(--muted)}#hero-list .hskill b{color:#7cf2e0;font-weight:400}#hero-list li[data-id]{cursor:pointer}#hero-list li[data-id]:hover{background:var(--panel-hi)}#hero-detail{z-index:11;background:#0a081499;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.hero-detail-panel{width:min(calc(420px * var(--ui-scale)), 96vw);border-color:var(--gold);max-height:92vh;overflow-y:auto}#hero-stars{flex:1;margin:0}#hero-stars button{font-size:calc(10px * var(--ui-scale));color:var(--gold);padding:8px 4px}#hero-stars button.on{background:var(--gold);color:#2a2138}#hero-detail-close{padding:4px}#hero-detail-body{font-size:calc(8px * var(--ui-scale));line-height:1.8}#hero-detail-body .u-head img{width:64px;height:64px}.hd-section{margin-top:10px}.hd-section .label{margin-bottom:4px}.hd-trait{align-items:flex-start;gap:6px;margin-bottom:4px;display:flex}.hd-trait .ticon{flex:none;width:20px;height:20px}.hd-trait small{color:var(--muted);font-size:calc(7px * var(--ui-scale));display:block}.hd-strats{flex-wrap:wrap;gap:4px;display:flex}.hd-strats span{background:var(--panel-lo);color:var(--gold);font-size:calc(7px * var(--ui-scale));padding:3px 6px}#curtain-text{font-size:calc(14px * var(--ui-scale));color:var(--gold);margin-bottom:18px;line-height:2}@media (width<=960px){#middle{grid-template-columns:1fr 120px}#leftpanel{display:none}#rightpanel{padding:6px}#topbar{grid-template-columns:1fr;gap:2px}#roundinfo{order:-1}#topright{flex-wrap:wrap;justify-content:space-between}.hud-left,.hud-right{width:100%}.hud-left .ibtn,.hud-right .ibtn{flex:1;padding:6px 4px}.shop-row{grid-template-columns:1fr 1fr}.shop-row #shop{grid-area:1/1/auto/-1}#shop{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.card{min-height:0}.card img{width:40px;height:40px}.card .ctraits .ticon{width:14px;height:14px}#hero-list,.pc-body{grid-template-columns:1fr}}