@font-face{font-family:Body;src:url(/assets/jersey10-latin-COnnvJff.woff2)format("woff2");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;size-adjust:150%;font-display:block}@font-face{font-family:Body;src:url(data:font/woff2;base64,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)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,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;size-adjust:150%;font-display:block}:root{--px:2px;--board:720px;--ink:#e9e4d2;--muted:#7f877b;--dim:#4a5247;--panel:#080c0af0;--panel-2:#111914;--line:#2c3a2c;--olive:#a7ad3f;--olive-dim:#5b612a;--gold:#e6c65c;--cyan:#7fd3e6;--red:#e0574a;--green:#86d98f;--us:#7fd3e6;--them:#e0574a;--display:"Silkscreen", monospace;--body:"Body", "Silkscreen", monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;background:#050806;margin:0;overflow:hidden}#stage{background:#050806;margin:auto;position:absolute;inset:0;overflow:hidden}#game,#ui,#crt{position:absolute;inset:0}#game canvas{image-rendering:pixelated}#ui{pointer-events:none;font-size:calc(var(--px) * 7)}#ui>*{pointer-events:auto}#ui>.dim,#ui>.hud,#ui>.banner{pointer-events:none}#crt{pointer-events:none;background:repeating-linear-gradient(to bottom, #0000 0, #0000 calc(var(--px) * .5), #0003 calc(var(--px) * .5), #0003 var(--px)), radial-gradient(ellipse at center, #0000 66%, #00000059 100%);mix-blend-mode:multiply;animation:6s step-end infinite flicker}@keyframes flicker{0%,to{opacity:1}47%{opacity:.93}48%{opacity:1}}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1{font-family:var(--display);font-weight:400;font-size:calc(var(--px) * 14);text-transform:uppercase;letter-spacing:calc(var(--px) * .5);text-shadow:0 var(--px) 0 #000;margin:0}.pixel,.sprite{image-rendering:pixelated}.sprite{background-repeat:no-repeat;flex:none}.sprite.anim{animation:.7s steps(4,end) infinite sprite-steps}@keyframes sprite-steps{0%{background-position-x:var(--from)}to{background-position-x:var(--to)}}.muted{color:var(--muted)}.small{font-size:calc(var(--px) * 6)}.screen-in{animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(calc(var(--px) * 3))}to{opacity:1;transform:none}}.dim{background:#0306049e;position:absolute;inset:0}.dim.at-lineup{background:linear-gradient(90deg,#030604b3 0 22%,#0306041f 30% 70%,#030604b3 78%)}.map-screen,.lineup,.result,.shop-screen{position:absolute;inset:0}.panel{background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000}.coin{align-items:center;gap:calc(var(--px) * 2);font-family:var(--display);white-space:nowrap;color:var(--gold);display:inline-flex}.coin-icon{width:calc(var(--px) * 6);height:calc(var(--px) * 6);box-shadow:0 0 0 calc(var(--px) * .5) #2a1f07;background:radial-gradient(circle at 35% 35%,#fff4b8 0 20%,#e6c65c 21% 60%,#9c7b25 61%);border-radius:50%;display:inline-block}.bar{height:calc(var(--px) * 3);border:calc(var(--px) * .5) solid #2b3329;background:#000}.bar i{background:var(--olive);height:100%;transition:width .1s linear;display:block}.btn-main{font-family:var(--display);font-size:calc(var(--px) * 11);text-transform:uppercase;color:#f5f3e2;padding:calc(var(--px) * 4) calc(var(--px) * 18);border:var(--px) solid #c9cf6a;box-shadow:0 0 0 var(--px) #000, 0 calc(var(--px) * 2) 0 var(--px) #000;text-shadow:0 var(--px) 0 #2b2f10;background:linear-gradient(#8f9a36,#6c7426);transition:transform 50ms,filter .1s}.btn-main:hover{filter:brightness(1.15)}.btn-main:active{transform:translateY(var(--px))}.btn-small{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase;color:var(--muted);padding:calc(var(--px) * 2) calc(var(--px) * 6);border:var(--px) solid var(--dim);background:#0c120e}.btn-small:hover{color:var(--ink);border-color:var(--muted)}.btn-small:disabled,.btn-main:disabled{opacity:.45;cursor:default}.btn-small:disabled:hover{color:var(--muted);border-color:var(--dim)}.btn-link{font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--muted);text-decoration:underline}.btn-link:hover{color:var(--ink)}.item-icon{border:calc(var(--px) * .5) solid #3a4436;box-shadow:inset 0 0 0 calc(var(--px) * .5) #000;vertical-align:middle;background:#0b0f0c;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.item-icon.t2{border-color:var(--c);background:radial-gradient(circle, color-mix(in srgb, var(--c) 22%, #0b0f0c) 0 40%, #0b0f0c 75%)}.item-detail{gap:calc(var(--px) * 1.5);text-align:left;line-height:1.2;display:grid}.item-detail-name{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase}.item-detail-tier{font-size:calc(var(--px) * 5.5);color:var(--muted);text-transform:uppercase;font-family:var(--display)}.item-detail-stats{color:var(--ink)}.item-detail-effect{color:#f3e3a8}.item-card{align-content:start;justify-items:center;gap:calc(var(--px) * 2.5);width:calc(var(--px) * 142);min-height:calc(var(--px) * 120);padding:calc(var(--px) * 6) calc(var(--px) * 6) calc(var(--px) * 5);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;cursor:pointer;transition:transform 80ms,border-color .1s;display:grid;position:relative}.item-card.t2{border-color:color-mix(in srgb, var(--c) 60%, var(--line));box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 8) color-mix(in srgb, var(--c) 30%, transparent)}.item-card:hover:not(.disabled):not(.bought){transform:translateY(calc(var(--px) * -2));border-color:var(--olive)}.item-card.disabled{opacity:.45;cursor:default}.item-card.bought{opacity:.35;cursor:default}.item-card .item-detail{width:100%}.card-flag{top:calc(var(--px) * -4);font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:#10140c;background:var(--gold);padding:0 calc(var(--px) * 4);position:absolute;left:50%;transform:translate(-50%)}.card-unlock{width:100%;font-size:calc(var(--px) * 6);color:var(--green);text-align:left}.card-note{font-size:calc(var(--px) * 6);color:var(--red)}.card-price{font-family:var(--display);margin-top:auto}.side-left,.side-right{top:calc(var(--px) * 6);bottom:calc(var(--px) * 6);width:calc(var(--px) * 132);gap:calc(var(--px) * 4);flex-direction:column;display:flex;position:absolute}.side-left{left:calc(var(--px) * 4)}.side-right{right:calc(var(--px) * 4)}.side-title{font-family:var(--display);font-size:calc(var(--px) * 8);text-transform:uppercase;text-shadow:0 var(--px) 0 #000}.side-title.us{color:var(--us)}.side-title.them{color:var(--them)}.team-panel{gap:calc(var(--px) * 3);flex-direction:column;flex:1;min-height:0;display:flex}.champ-row{background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;padding:calc(var(--px) * 2) calc(var(--px) * 3);gap:calc(var(--px) * 2);flex:none;display:grid}.team-panel:not(.enemy) .champ-row{border-left:calc(var(--px) * 2) solid var(--us)}.team-panel.enemy .champ-row{border-left:calc(var(--px) * 2) solid var(--them)}.champ-row.target{border-color:var(--olive);border-left-color:var(--us)}.champ-row-head{align-items:center;gap:calc(var(--px) * 2.5);min-height:calc(var(--px) * 16);display:flex}.champ-row-sprite{width:calc(var(--px) * 16);height:calc(var(--px) * 20);margin-top:calc(var(--px) * -5);flex:none;justify-content:center;align-items:flex-end;display:flex}.champ-row-sprite.pickup{cursor:grab;border-radius:50%}.champ-row-sprite.pickup:hover{background:radial-gradient(circle at 50% 80%,#e6c65c4d,#0000 65%)}.champ-row.placing{border-color:var(--gold);border-left-color:var(--gold)}.champ-row-name{font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.champ-row .slots{gap:calc(var(--px) * 1.5);flex:none}.champ-row .slot{width:calc(var(--px) * 15);height:calc(var(--px) * 15)}.champ-row-ability{font-size:calc(var(--px) * 5.5);line-height:1.2}.role-toggle{order:10;width:100%;display:flex}.champ-row-head:has(.role-toggle){flex-wrap:wrap}.role-toggle button,.role-tag{font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;padding:calc(var(--px) * 1) calc(var(--px) * 4);border:calc(var(--px) * .5) solid var(--dim);color:var(--muted);flex:1}.role-toggle button.on{color:#10140c;background:var(--olive);border-color:#d4d98a}.role-tag{padding-bottom:calc(var(--px) * 1);flex:none}.slots{gap:calc(var(--px) * 3);align-items:center;display:flex}.slot{width:calc(var(--px) * 18);height:calc(var(--px) * 18);border:calc(var(--px) * .5) dashed #4a5247;background:#070a08;justify-content:center;align-items:center;display:inline-flex}.slot.full{background:0 0;border:0}.slot.sel .item-icon{outline:var(--px) solid var(--gold);outline-offset:calc(var(--px) * .5)}.slot:hover .item-icon{filter:brightness(1.3)}.champ-row.target .slot:not(.full){border-color:var(--olive)}.inventory{background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;padding:calc(var(--px) * 2.5) calc(var(--px) * 3) calc(var(--px) * 3);flex:none}.inventory.target{border-color:var(--olive)}.inventory-label{font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;color:var(--olive)}.inventory-grid{gap:calc(var(--px) * 1.5);margin-top:calc(var(--px) * 2.5);flex-wrap:wrap;display:flex}.inventory-grid .slot{width:calc(var(--px) * 15);height:calc(var(--px) * 15)}.detail-box{border:var(--px) solid var(--line);padding:calc(var(--px) * 4);min-height:calc(var(--px) * 40);scrollbar-width:none;font-size:calc(var(--px) * 6.5);background:#0c120e;flex:1;overflow:hidden auto}.detail-box .hint{font-size:calc(var(--px) * 6)}.team-panel.compact .detail-box{min-height:calc(var(--px) * 30)}.struct-strip{align-items:flex-end;gap:calc(var(--px) * 2);display:flex}.struct-pip{width:calc(var(--px) * 6);height:calc(var(--px) * 10);border:calc(var(--px) * .5) solid #000;background:linear-gradient(#8c93a0,#3f4253);position:relative}.struct-pip:before{content:"";left:50%;top:calc(var(--px) * -3);width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:var(--us);position:absolute;transform:translate(-50%)rotate(45deg)}.struct-pip.inhib{height:calc(var(--px) * 6)}.struct-pip.nexus{width:calc(var(--px) * 10);height:calc(var(--px) * 8)}.struct-pip.down{opacity:.5;background:#2a2c30}.struct-pip.down:before{background:#444}.hud-team.t1 .struct-pip:before{background:var(--them)}.struct-label{margin-left:calc(var(--px) * 4);font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--muted)}.title{justify-content:center;align-items:center;gap:calc(var(--px) * 10);background:radial-gradient(#00000073 20%,#000000d9 75%);flex-direction:column;display:flex;position:absolute;inset:0}.logo{text-align:center;font-family:var(--display);text-transform:uppercase;filter:drop-shadow(0 calc(var(--px) * 2) 0 #000);line-height:.95}.logo-top{font-size:calc(var(--px) * 22);color:var(--cyan);letter-spacing:calc(var(--px) * 6)}.logo-bottom{font-size:calc(var(--px) * 44);color:#f3eedb;text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 #6a2d2d;font-weight:700}.tagline{font-size:calc(var(--px) * 9);color:var(--ink)}.title-buttons{align-items:center;gap:calc(var(--px) * 6);flex-direction:column;display:flex}.title-foot{font-size:calc(var(--px) * 6)}.pick,.fountain-screen{justify-content:center;align-items:center;gap:calc(var(--px) * 12);padding:calc(var(--px) * 10);flex-direction:column;display:flex;position:absolute;inset:0}.pick-head{text-align:center;gap:calc(var(--px) * 3);display:grid}.pick-kicker{font-family:var(--display);font-size:calc(var(--px) * 7);color:var(--olive);text-transform:uppercase}.champ-card{width:calc(var(--px) * 160);align-content:start;justify-items:center;gap:calc(var(--px) * 4);padding:calc(var(--px) * 8) calc(var(--px) * 8) calc(var(--px) * 8);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;text-align:center;cursor:pointer;transition:transform 80ms,border-color .1s;display:grid}.champ-card:hover:not(.disabled){transform:translateY(calc(var(--px) * -3));border-color:var(--olive)}.champ-card.disabled{opacity:.4;cursor:default}.champ-card-art{height:calc(var(--px) * 64);background:radial-gradient(at 50% 95%,#7fd3e633,#0000 60%);justify-content:center;align-items:flex-end;width:100%;display:flex}.champ-card-name{font-family:var(--display);font-size:calc(var(--px) * 11);text-transform:uppercase}.champ-card-kind{font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--olive);text-transform:uppercase}.champ-card-pitch{font-size:calc(var(--px) * 7)}.champ-card-ability{font-size:calc(var(--px) * 6.5);text-align:left;color:#cfc8b0;border-top:calc(var(--px) * .5) solid var(--line);width:100%;padding-top:calc(var(--px) * 4);line-height:1.25}.champ-card-ability b{color:#f3e3a8;font-weight:400}.champ-card-later{font-size:calc(var(--px) * 6);text-align:left;color:var(--muted);width:100%;line-height:1.25}.ability-line{cursor:help}.ability-next{margin-top:calc(var(--px) * 1.5);color:var(--ink)}.ability-next i{color:var(--gold);font-style:normal}.champ-card-stats{gap:calc(var(--px) * 6);font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--ink);display:flex}.champ-card-stats span{white-space:nowrap}.champ-card-stats i{color:var(--muted);font-style:normal}.champ-card-fav{align-items:center;gap:calc(var(--px) * 2);font-size:calc(var(--px) * 6);color:var(--muted);display:flex}.champ-card-footer{font-family:var(--display);font-size:calc(var(--px) * 7);color:var(--gold);align-items:center;gap:calc(var(--px) * 4);text-transform:uppercase;display:flex}.fountain-row{gap:calc(var(--px) * 10);align-items:stretch;display:flex}.fountain-card{width:calc(var(--px) * 150);align-content:center;justify-items:center;gap:calc(var(--px) * 10);padding:calc(var(--px) * 10);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;cursor:pointer;transition:transform 80ms,border-color .1s;display:grid}.fountain-side,.sc-side{display:contents}.landscape .fountain-side{gap:calc(var(--px) * 8);width:calc(var(--px) * 150);flex-direction:column;flex:none;display:flex}.landscape .fountain-side .fountain-card{flex:1}.landscape .fountain-leave{min-height:calc(var(--px) * 22);align-self:center}.portrait .fountain-leave{order:1}.landscape .sc-champ{gap:calc(var(--px) * 10);flex-direction:row}.landscape .sc-champ .sc-side{align-items:center;gap:calc(var(--px) * 8);width:calc(var(--px) * 172);flex-direction:column;flex:none;display:flex}.fountain-card:hover:not(.disabled){transform:translateY(calc(var(--px) * -3));border-color:var(--olive)}.fountain-card.disabled{opacity:.45;cursor:default}.fountain-title{font-family:var(--display);font-size:calc(var(--px) * 12);text-transform:uppercase;color:var(--cyan)}.fountain-card .struct-pip{width:calc(var(--px) * 9);height:calc(var(--px) * 15)}.fountain-card .struct-pip.inhib{height:calc(var(--px) * 9)}.fountain-card .struct-pip.nexus{width:calc(var(--px) * 14);height:calc(var(--px) * 12)}.fountain-text{font-size:calc(var(--px) * 7);text-align:center}.map-center{justify-content:center;align-items:center;gap:calc(var(--px) * 4);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.map-title{font-family:var(--display);font-size:calc(var(--px) * 8);text-transform:uppercase;color:var(--olive);text-shadow:0 var(--px) 0 #000}.map{position:relative}.map-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-lines line{stroke:#6a7564;stroke-width:1px;stroke-dasharray:2 2}.map-lines line.open{stroke:var(--olive);stroke-dasharray:none}.map-lines line.walked{stroke:#c9cf6a;stroke-dasharray:none;stroke-width:1.5px}.node{width:calc(var(--px) * 22);height:calc(var(--px) * 22);border:var(--px) solid #3a4436;box-shadow:0 0 0 var(--px) #000;cursor:default;background:#0b100c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.node.elite{border-color:#7a3a33}.node.boss{width:calc(var(--px) * 30);height:calc(var(--px) * 30);border-color:var(--red)}.node.treasure{border-color:#7a6a33}.node.shop{border-color:#6a5a2a}.node.fountain{border-color:#2e5f6c}.node.done{opacity:.4}.node.can{cursor:pointer;border-color:var(--gold);animation:1s ease-in-out infinite node-pulse}.node.can:hover{transform:translate(-50%,-50%)scale(1.15)}.node.here{box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 6) #ffffff80;border-color:#fff}@keyframes node-pulse{0%,to{box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 2) #e6c65c66}50%{box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 8) #e6c65ce6}}.map-hint{font-size:calc(var(--px) * 6)}.status{gap:calc(var(--px) * 6);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;padding:calc(var(--px) * 6);flex-direction:column;flex:1;display:flex}.status-row{font-family:var(--display);font-size:calc(var(--px) * 8);text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.status-block{gap:calc(var(--px) * 4);display:grid}.status-label{font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--olive);text-transform:uppercase}.legend{gap:calc(var(--px) * 3);font-size:calc(var(--px) * 6);flex:1;line-height:1.15;display:grid}.legend-row{gap:calc(var(--px) * 4);align-items:center;display:flex}.legend-row b{color:var(--ink);font-weight:400;font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase}.legend-icon.node{width:calc(var(--px) * 14);height:calc(var(--px) * 14);animation:none;position:static;transform:none}.lineup-center{left:50%;bottom:calc(var(--px) * 16);align-items:center;gap:calc(var(--px) * 5);width:calc(var(--px) * 300);text-align:center;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.lineup-kind{font-family:var(--display);font-size:calc(var(--px) * 14);text-transform:uppercase;text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 6) #000}.lineup-kind.elite{color:#ff9a80}.lineup-kind.boss{color:var(--red)}.lineup-rule{font-size:calc(var(--px) * 7);text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 4) #000}.btn-main.fight{font-size:calc(var(--px) * 14);padding:calc(var(--px) * 5) calc(var(--px) * 30)}.hud{position:absolute;inset:0}.hud button{pointer-events:auto}.hud-top{top:calc(var(--px) * 4);align-items:flex-start;gap:calc(var(--px) * 10);display:flex;position:absolute;left:50%;transform:translate(-50%)}.clock{font-family:var(--display);font-size:calc(var(--px) * 16);text-align:center;text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 4) #000;min-width:calc(var(--px) * 60)}.clock.soon{color:var(--gold)}.clock-sub{font-size:calc(var(--px) * 5.5);color:var(--muted);text-transform:uppercase}.score{font-family:var(--display);font-size:calc(var(--px) * 12);margin-top:calc(var(--px) * 3);text-shadow:0 var(--px) 0 #000}.score.us{color:var(--us)}.score.them{color:var(--them)}.hud-side{top:calc(var(--px) * 6);width:calc(var(--px) * 128);position:absolute}.hud-side.left{left:calc(var(--px) * 6)}.hud-side.right{right:calc(var(--px) * 6)}.hud-team{gap:calc(var(--px) * 4);display:grid}.hud-champ{background:var(--panel);border:var(--px) solid var(--line);padding:calc(var(--px) * 3) calc(var(--px) * 4) calc(var(--px) * 3);gap:calc(var(--px) * 2);display:grid}.hud-team.t0 .hud-champ{border-left:calc(var(--px) * 2) solid var(--us)}.hud-team.t1 .hud-champ{border-left:calc(var(--px) * 2) solid var(--them)}.hud-team.t0 .bar i{background:var(--us)}.hud-team.t1 .bar i{background:var(--them)}.cd-bar{height:calc(var(--px) * 1);margin-top:calc(var(--px) * .5);cursor:help;background:#2a2616}.cd-bar i{background:#9c8430;height:100%;display:block}.cd-bar.charged i{background:#ffe07a;animation:.7s steps(2,end) infinite cd-ready}.cd-bar.firing i{background:#fff;width:100%!important}@keyframes cd-ready{50%{opacity:.75}}.hud-champ.dead{opacity:.55}.hud-champ-head{align-items:flex-end;gap:calc(var(--px) * 3);display:flex}.hud-champ-sprite{width:calc(var(--px) * 14);height:calc(var(--px) * 16);margin-top:calc(var(--px) * -4);justify-content:center;align-items:flex-end;display:flex}.hud-champ-name{font-family:var(--display);font-size:calc(var(--px) * 6.5);text-transform:uppercase;flex:1}.hud-kda{font-family:var(--display);font-size:calc(var(--px) * 6.5)}.hud-champ-foot{font-size:calc(var(--px) * 6);justify-content:space-between;align-items:center;display:flex}.hud-items{gap:calc(var(--px) * 1);display:flex}.hud-lv{font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--gold);padding:0 calc(var(--px) * 1.5);border:var(--px) solid #5a5030;background:#00000073}.hud-lv.t2{border-color:var(--gold)}.hud-lv.t3{color:#fff6c8;box-shadow:0 0 calc(var(--px) * 3) #ffd66b99;border-color:#fff0b0}.hud-champ-foot .coin{font-size:calc(var(--px) * 6)}.hud-build{gap:calc(var(--px) * 1);font-size:calc(var(--px) * 5.5);flex-wrap:wrap;display:flex}.hud-step{opacity:.28;filter:grayscale(.8);display:inline-flex}.hud-step.on{opacity:1;filter:none}.lineup-note{font-size:calc(var(--px) * 5.5);max-width:calc(var(--px) * 150);margin:calc(var(--px) * 3) auto 0;text-shadow:0 var(--px) 0 #000}.reward-sub{font-size:calc(var(--px) * 6)}.hud-team .struct-strip{margin-top:calc(var(--px) * 2)}.hud-bottom{bottom:calc(var(--px) * 6);gap:calc(var(--px) * 2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.speed{font-family:var(--display);font-size:calc(var(--px) * 6);min-width:calc(var(--px) * 18);padding:calc(var(--px) * 2) calc(var(--px) * 3);color:var(--muted);border:var(--px) solid var(--dim);background:#0009}.speed.on{color:#10140c;background:var(--olive);border-color:#d4d98a}.feed{right:calc(var(--px) * 6);bottom:calc(var(--px) * 6);width:calc(var(--px) * 128);gap:calc(var(--px) * 1);font-size:calc(var(--px) * 6);display:grid;position:absolute}.feed-row{padding:calc(var(--px) * 1) calc(var(--px) * 3);border-left:var(--px) solid var(--dim);background:#0000008c}.feed-row.t0{border-left-color:var(--us)}.feed-row.t1{border-left-color:var(--them)}.banner{text-align:center;animation:.3s cubic-bezier(.2,1.5,.4,1) banner-in;position:absolute;top:38%;left:0;right:0}@keyframes banner-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.banner-text{font-family:var(--display);font-size:calc(var(--px) * 26);color:#fff4d0;text-shadow:0 calc(var(--px) * 2) 0 #000, 0 0 calc(var(--px) * 10) #000000e6}.banner-sub{font-size:calc(var(--px) * 8);color:var(--ink);text-shadow:0 var(--px) 0 #000}.result-main,.shop-main{left:calc(var(--px) * 146);right:calc(var(--px) * 8);top:calc(var(--px) * 6);bottom:calc(var(--px) * 6);align-items:center;gap:calc(var(--px) * 5);scrollbar-width:thin;flex-direction:column;display:flex;position:absolute;overflow:hidden auto}.result-head{align-items:baseline;gap:calc(var(--px) * 8);display:flex}h1.win{color:var(--gold)}h1.lose{color:var(--red)}.result-sub{color:var(--muted);font-size:calc(var(--px) * 7)}.result-why{gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 7);text-align:center;display:grid}.why-line:before{content:"· ";color:var(--olive)}.result-stats{justify-content:center;gap:calc(var(--px) * 8);font-size:calc(var(--px) * 6.5);color:var(--muted);flex-wrap:wrap;display:flex}.result-stats b{color:var(--ink);font-weight:400;font-family:var(--display)}.result-stats .bad b{color:var(--red)}.result-gold{gap:calc(var(--px) * 6);font-size:calc(var(--px) * 6.5);align-items:center;display:flex}.result-gold .coin{font-size:calc(var(--px) * 10)}.reward-title{font-family:var(--display);font-size:calc(var(--px) * 8);text-transform:uppercase;color:var(--olive);margin-top:calc(var(--px) * 2)}.shop-head{align-items:center;gap:calc(var(--px) * 12);display:flex}.shop-head .coin{font-size:calc(var(--px) * 11)}.shop-grid .item-card{min-height:calc(var(--px) * 110);width:calc(var(--px) * 150);padding-top:calc(var(--px) * 6);gap:calc(var(--px) * 3)}.over{justify-content:center;align-items:center;gap:calc(var(--px) * 8);padding:calc(var(--px) * 16);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.over h1{font-size:calc(var(--px) * 22)}.over-sub{font-size:calc(var(--px) * 8)}.over-head,.over-facts,.over-tally{display:contents}.landscape .over{gap:calc(var(--px) * 5);padding:calc(var(--px) * 8) calc(var(--px) * 16)}.landscape .over-head{justify-content:center;align-items:baseline;gap:calc(var(--px) * 8);display:flex}.landscape .over-facts{justify-content:center;align-items:center;gap:calc(var(--px) * 16);display:flex}.landscape .over-facts .match-damage{flex:none;margin:0}.landscape .over-facts .os-name{white-space:nowrap}.landscape .over-tally{justify-content:center;align-items:center;gap:calc(var(--px) * 3) calc(var(--px) * 12);flex-wrap:wrap;display:flex}.over-team{gap:calc(var(--px) * 12);display:flex}.mini-champ{justify-items:center;gap:calc(var(--px) * 2);display:grid}.mini-name{font-family:var(--display);font-size:calc(var(--px) * 8);text-transform:uppercase}.mini-items{font-size:calc(var(--px) * 6);color:var(--muted);max-width:calc(var(--px) * 150)}.audio-toggles{right:calc(var(--px) * 4);bottom:calc(var(--px) * 3);gap:calc(var(--px) * 2);z-index:20;display:flex;position:absolute}.audio-toggles button{font-family:var(--display);font-size:calc(var(--px) * 5);color:var(--dim);padding:calc(var(--px) * 1) calc(var(--px) * 3);border:calc(var(--px) * .5) solid #1d241c;background:#00000080}.audio-toggles button.on{color:var(--muted)}.audio-toggles.at-match,.audio-toggles.at-map,.audio-toggles.at-lineup,.audio-toggles.at-result,.audio-toggles.at-shop{display:none}.portrait #ui{overflow-y:auto}.portrait .side-left,.portrait .side-right,.portrait .hud-side{width:auto;position:static}.portrait .map-screen,.portrait .lineup,.portrait .result,.portrait .shop-screen{gap:calc(var(--px) * 6);min-height:100%;padding:calc(var(--px) * 6);background:#050806;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.portrait .lineup{padding-top:calc(var(--board) + var(--px) * 4);background:linear-gradient(transparent 0 var(--board), #050806 var(--board))}.portrait .lineup-center{order:-1;width:auto;position:static;transform:none}.portrait .map-center{order:-1;position:static;transform:none}.portrait .result-main,.portrait .shop-main{order:-1;position:static;overflow:visible}.portrait .pick,.portrait .fountain-screen{background:#050806;justify-content:flex-start;overflow-y:auto}.portrait .fountain-row{align-self:stretch;align-items:center;gap:calc(var(--px) * 12);flex-direction:column}.portrait .item-card,.portrait .champ-card{width:calc(var(--px) * 115)}.portrait .dim{display:none}.portrait .hud-top{top:calc(var(--board) + var(--px) * 2)}.portrait .hud-side.left,.portrait .hud-side.right{top:calc(var(--board) + var(--px) * 34);width:calc(50% - var(--px) * 8);position:absolute}.portrait .hud-side.left{left:calc(var(--px) * 4)}.portrait .hud-side.right{right:calc(var(--px) * 4);left:auto}.portrait .feed{left:calc(var(--px) * 4);right:calc(var(--px) * 4);width:auto;bottom:calc(var(--px) * 26)}.portrait .banner{top:calc(var(--board) * .4)}.champ-row.focus{border-color:var(--olive-dim)}.stat-sheet{gap:calc(var(--px) * 3);text-align:left;line-height:1.2;font-size:calc(var(--px) * 6);display:grid}.stat-sheet-head b{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase;font-weight:400}.stat-grid{gap:calc(var(--px) * 1.5) calc(var(--px) * 5);grid-template-columns:1fr 1fr;display:grid}.stat-row{column-gap:calc(var(--px) * 2);cursor:help;grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}.stat-label{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--muted);align-self:end}.stat-val{color:var(--ink);text-align:right;font-size:calc(var(--px) * 7)}.stat-add{text-align:right;font-size:calc(var(--px) * 5);min-height:calc(var(--px) * 5);grid-column:1/-1}.stat-add i,.stat-legend i{margin-left:calc(var(--px) * 2);font-style:normal}.stat-add .lv,.stat-legend .lv{color:var(--gold)}.stat-add .it,.stat-legend .it{color:var(--green)}.stat-ability{color:#f3e3a8}.stat-ability b{color:var(--ink);font-weight:400}.stat-note{font-size:calc(var(--px) * 5.5)}.item-preview{gap:calc(var(--px) * 1.5);text-align:left;font-size:calc(var(--px) * 5.5);color:var(--green);border-top:var(--px) solid var(--line);padding-top:calc(var(--px) * 2);width:100%;line-height:1.25;display:grid}.item-preview b{color:var(--ink);font-weight:400;font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase}.hud-stats{gap:calc(var(--px) * 4);font-size:calc(var(--px) * 5.5);color:var(--muted);white-space:nowrap;display:flex}.hud-stats b{color:var(--ink);font-weight:400}.result-champs{border-collapse:collapse;font-size:calc(var(--px) * 6);margin:calc(var(--px) * 2) auto 0}.result-champs th{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--muted);padding:0 calc(var(--px) * 3) calc(var(--px) * 1);text-align:right;font-weight:400}.result-champs td{padding:calc(var(--px) * .5) calc(var(--px) * 3);text-align:right;color:var(--ink)}.result-champs td.rc-name{text-align:left;font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;white-space:nowrap}.result-champs tr.us td.rc-name{color:var(--us)}.result-champs tr.them td.rc-name{color:var(--them)}.result-champs tr.them:first-of-type td,.result-champs tr.us+tr.them td{border-top:var(--px) solid var(--line)}.rc-champ{align-items:flex-end;gap:calc(var(--px) * 2);display:inline-flex}.give-to{align-items:center;gap:calc(var(--px) * 2);border-top:var(--px) solid var(--line);width:100%;padding-top:calc(var(--px) * 3);display:flex}.give-to-label{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;margin-right:auto}.give-to-champ{width:calc(var(--px) * 18);height:calc(var(--px) * 18);border:var(--px) solid var(--line);cursor:pointer;background:#0c120e;justify-content:center;align-items:flex-end;display:inline-flex;overflow:hidden}.give-to-champ.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, #0c120e)}.give-to-champ:hover{border-color:var(--olive)}.item-card .item-preview{border-top:0;padding-top:0}.tags{gap:calc(var(--px) * 1.5);vertical-align:middle;display:inline-flex}.tag{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--c);border:calc(var(--px) * .5) solid color-mix(in srgb, var(--c) 60%, transparent);background:color-mix(in srgb, var(--c) 12%, #0b0f0c);padding:0 calc(var(--px) * 1.5);cursor:help;line-height:1.5}.champ-row-name .tags{margin-left:calc(var(--px) * 2)}.champ-card .tags{justify-content:center}.theme-fit{text-align:left;width:100%;font-size:calc(var(--px) * 5.5);color:var(--ink);line-height:1.25}.item-icon.t3{border-color:var(--gold);background:radial-gradient(circle, color-mix(in srgb, var(--c) 32%, #0b0f0c) 0 45%, #0b0f0c 80%);box-shadow:inset 0 0 0 calc(var(--px) * .5) #000, 0 0 calc(var(--px) * 3) color-mix(in srgb, var(--gold) 60%, transparent)}.item-card.t3{border-color:var(--gold);box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 10) color-mix(in srgb, var(--gold) 35%, transparent)}.card-flag.t3{background:linear-gradient(90deg,#ffd66b,#fff2b0,#ffd66b)}.card-flag.relic{background:#c6a8ff}.item-detail-effect b{color:var(--gold);font-weight:400}.item-icon.relic{border-color:var(--c);background:radial-gradient(circle, color-mix(in srgb, var(--c) 28%, #0b0f0c) 0 45%, #0b0f0c 80%);border-radius:50%}.relic-card{border-color:color-mix(in srgb, var(--c) 60%, var(--line))}.relic-bar{align-items:center;gap:calc(var(--px) * 1.5);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;padding:calc(var(--px) * 2) calc(var(--px) * 3);flex-wrap:wrap;display:flex}.relic-bar-label{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:#c6a8ff;margin-right:calc(var(--px) * 2)}.status .relic-bar{box-shadow:none;padding:calc(var(--px) * 1) 0;background:0 0;border:0}.stance-toggle{gap:calc(var(--px) * 1.5);order:11;width:100%;display:grid}.stance-axis{align-items:center;display:flex}.stance-label{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--muted);width:calc(var(--px) * 20);flex:none}.stance-axis button{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;padding:calc(var(--px) * 1) 0;border:calc(var(--px) * .5) solid var(--dim);color:var(--muted);flex:1}.stance-axis button.on{color:#10140c;background:var(--gold);border-color:#fff0b0}.stance-info{gap:calc(var(--px) * 1.5);margin-top:calc(var(--px) * .5);font-size:calc(var(--px) * 5.5);line-height:1.2;display:grid}.stance-line{color:var(--ink);padding:0 calc(var(--px) * 1);border-left:calc(var(--px) * 1) solid var(--dim)}.stance-line b{color:var(--gold);font-weight:400}.hover-tip .stance-line{border-left:0;padding:0}.stance-trade{column-gap:calc(var(--px) * 4);flex-wrap:wrap;display:flex}.st-good{color:var(--green)}.st-bad{color:var(--red)}.hover-tip-wrap{position:relative}.hover-tip{top:calc(100% + var(--px) * 2);z-index:30;border:var(--px) solid var(--gold);box-shadow:0 0 0 var(--px) #000, 0 calc(var(--px) * 3) calc(var(--px) * 6) #000000b3;padding:calc(var(--px) * 2.5) calc(var(--px) * 3);font-size:calc(var(--px) * 5.5);pointer-events:none;background:#0b100c;line-height:1.2;position:absolute;left:0;right:0}.stance-axis{position:relative}.stance-tip{left:calc(var(--px) * 20)}.stance-tag{cursor:help}.stance-tag-q{border:calc(var(--px) * .5) solid currentColor;padding:0 calc(var(--px) * 1);margin-left:calc(var(--px) * 1);display:inline-block}.stance-tag{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--them)}.team-tools{gap:calc(var(--px) * 2);align-items:stretch;display:flex}.team-tools .relic-bar{flex:1}.btn-book{justify-content:center;align-items:center;gap:calc(var(--px) * 2.5);font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--gold);border:var(--px) solid #8a7a3a;box-shadow:0 0 0 var(--px) #000, inset 0 var(--px) 0 #fff0b040, 0 calc(var(--px) * 1.5) 0 #000;padding:calc(var(--px) * 1.5) calc(var(--px) * 3);cursor:pointer;background:linear-gradient(#2a2412,#17140b);transition:transform 60ms,border-color .1s,box-shadow .1s;display:inline-flex}.btn-book img{width:calc(var(--px) * 13);image-rendering:pixelated}.btn-book:hover{border-color:var(--gold);color:#fff0b0;box-shadow:0 0 0 var(--px) #000, inset 0 var(--px) 0 #fff0b059, 0 calc(var(--px) * 1.5) 0 #000, 0 0 calc(var(--px) * 5) #e6c65c73}.btn-book:active{transform:translateY(var(--px));box-shadow:0 0 0 var(--px) #000}.btn-book.icon{padding:calc(var(--px) * 1.5)}.btn-book.labeled{margin-left:auto}.btn-book.corner{top:calc(var(--px) * 3);right:calc(var(--px) * 3);z-index:2;position:absolute}.item-detail.has-book{position:relative}.item-detail.has-book .item-detail-name{padding-right:calc(var(--px) * 20)}.codex{z-index:50;background:#030504d1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.codex-panel{width:calc(100% - var(--px) * 24);height:calc(100% - var(--px) * 20);background:var(--panel-2);border:var(--px) solid var(--olive-dim);box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 12) #000c;padding:calc(var(--px) * 5);gap:calc(var(--px) * 4);flex-direction:column;display:flex}.codex-top{align-items:center;gap:calc(var(--px) * 5);flex-wrap:wrap;display:flex}.codex-top h2{font-family:var(--display);font-size:calc(var(--px) * 9);color:var(--gold);text-transform:uppercase;margin:0}.codex-themes{gap:calc(var(--px) * 1.5);flex-wrap:wrap;display:flex}.codex-themes button{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--c,var(--ink));border:calc(var(--px) * .5) solid color-mix(in srgb, var(--c,var(--ink)) 50%, transparent);padding:calc(var(--px) * 1) calc(var(--px) * 3);background:#0b0f0c}.codex-themes button.on{background:color-mix(in srgb, var(--c,var(--ink)) 25%, #0b0f0c);border-color:var(--c,var(--ink))}.codex-close{font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:var(--muted);border:var(--px) solid var(--dim);padding:calc(var(--px) * 1.5) calc(var(--px) * 4);background:0 0;margin-left:auto}.codex-body{gap:calc(var(--px) * 6);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);min-height:0;display:grid}.codex-list,.codex-page{scrollbar-width:thin;min-height:0;padding:calc(var(--px) * 2.5);overflow-y:auto}.codex-group{margin-bottom:calc(var(--px) * 4)}.codex-head{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--olive);margin:calc(var(--px) * 3) 0 calc(var(--px) * 2)}.codex-grid{gap:calc(var(--px) * 1.5);flex-wrap:wrap;display:flex}.codex-pick{cursor:pointer;background:0 0;border:0;padding:0;line-height:0;position:relative}.codex-pick.on .item-icon{outline:var(--px) solid var(--gold);outline-offset:var(--px)}.codex-pick.owned .item-icon{box-shadow:inset 0 0 0 calc(var(--px) * .5) #000, 0 0 0 calc(var(--px) * .5) var(--green)}.codex-count{right:calc(var(--px) * -1.5);bottom:calc(var(--px) * -1.5);font-family:var(--display);font-size:calc(var(--px) * 4.5);color:#10140c;background:var(--green);padding:calc(var(--px) * .5) calc(var(--px) * 1);line-height:1;position:absolute}.codex-legend{font-size:calc(var(--px) * 5.5);margin-top:calc(var(--px) * 3)}.codex-detail{gap:calc(var(--px) * 5);font-size:calc(var(--px) * 6.5);align-items:flex-start;display:flex}.codex-detail .item-detail{flex:1}.codex-tree{margin-top:calc(var(--px) * 3);font-size:calc(var(--px) * 6)}.codex-op{color:var(--muted);font-family:var(--display)}.codex-op.arrow{color:var(--gold)}.codex-book{width:calc(var(--px) * 14);vertical-align:middle;margin-right:calc(var(--px) * 2);image-rendering:pixelated}.codex-path{grid-template-columns:calc(var(--px) * 58) minmax(0, 1fr) minmax(0, 1.15fr);gap:calc(var(--px) * 3);border-top:calc(var(--px) * .5) solid var(--line);padding:calc(var(--px) * 2.5) 0;align-items:start;display:grid}.codex-stages{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--olive);padding:0 0 calc(var(--px) * 1);border-top:0}.codex-stages .muted{text-transform:none;font-family:var(--body)}.stage{align-items:flex-start;gap:calc(var(--px) * 3);min-width:0;display:flex}.stage.s1{align-items:center}.stage.s3{gap:calc(var(--px) * 2);flex-direction:column}.stage-mw{align-items:flex-start;gap:calc(var(--px) * 3);width:100%;display:flex}.stage.on,.stage-mw.on{outline:calc(var(--px) * .5) solid #e6c65c80;outline-offset:var(--px);background:#e6c65c14}.stage-text{flex:1;min-width:0}.stage-name{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase}.stage-ready{margin-left:calc(var(--px) * 2);font-size:calc(var(--px) * 4.5);color:var(--green);border:calc(var(--px) * .5) solid var(--green);padding:0 calc(var(--px) * 1);white-space:nowrap}.stage-effect{font-size:calc(var(--px) * 5.5);color:#f3e3a8;margin-top:calc(var(--px) * .5);line-height:1.2}.stage-none{font-size:calc(var(--px) * 5.5)}.stage .codex-op{line-height:calc(var(--px) * 16)}.codex-empty{justify-content:center;align-items:center;gap:calc(var(--px) * 4);height:100%;font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;color:var(--muted);flex-direction:column;display:flex}.codex-empty .codex-book{width:calc(var(--px) * 36);opacity:.35;margin:0}.portrait .codex-body{grid-template-rows:auto 1fr;grid-template-columns:1fr}.portrait .codex-list{max-height:calc(var(--px) * 120)}.portrait .codex-path{grid-template-columns:calc(var(--px) * 58) minmax(0, 1fr)}.portrait .codex-path .s3{grid-column:2}.portrait .codex-stages .s3{display:none}.stance-chips{gap:calc(var(--px) * 2);padding-left:calc(var(--px) * 18.5);display:flex;position:relative}.stance-chip{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--gold);border:calc(var(--px) * .5) solid #5a5030;padding:calc(var(--px) * .5) calc(var(--px) * 2);white-space:nowrap;background:#00000073;line-height:1.4}.stance-chip-axis{color:var(--muted)}.stance-chip:hover,.stance-chip.open{border-color:var(--gold)}.stance-chips .hover-tip{left:calc(var(--px) * 18.5)}.hover-tip.stance-pop{pointer-events:auto;gap:calc(var(--px) * 2);display:grid}.hover-tip.stance-pop:before{content:"";left:0;right:0;top:calc(var(--px) * -4);height:calc(var(--px) * 4);position:absolute}.stance-pop .stance-axis{display:flex}.lane-strips{gap:calc(var(--px) * 3);display:grid}.lane-strip{align-items:flex-end;gap:calc(var(--px) * 3);display:flex}.lane-strip-name{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--muted);width:calc(var(--px) * 14)}.struct-strip.hit .struct-pip:not(.down){animation:.45s steps(2,end) strip-hit}@keyframes strip-hit{0%{background:linear-gradient(#ffd0c8,#e0574a)}to{background:linear-gradient(#8c93a0,#3f4253)}}.struct-pip.fresh{outline:calc(var(--px) * .5) solid var(--red);outline-offset:calc(var(--px) * .5);opacity:.8}.hud-team .lane-strips{margin-top:calc(var(--px) * 2);gap:calc(var(--px) * 2.5)}.hud-team .lane-strips .struct-strip{margin-top:0}.lineup-body{display:contents}.board-layer{top:0;left:calc(50% - var(--board) / 2);width:var(--board);height:var(--board);pointer-events:none;position:absolute}.portrait .board-layer{left:0}.home-slot{align-items:center;gap:calc(var(--px) * 1);pointer-events:auto;flex-direction:column;display:flex;position:absolute;transform:translate(-50%,-78%)}.home-slot.us{min-width:calc(var(--px) * 30);padding:calc(var(--px) * 2) calc(var(--px) * 3) calc(var(--px) * 1.5);border:var(--px) dashed color-mix(in srgb, var(--us) 55%, transparent);border-radius:calc(var(--px) * 3);background:#050a088c}.board-layer.placing .home-slot.us{border-style:solid;border-color:var(--gold);cursor:pointer;background:#28220a8c}.home-slot.us.over{box-shadow:0 0 calc(var(--px) * 6) #e6c65ccc;background:#50421099}.home-slot.us.empty{border-color:color-mix(in srgb, var(--red) 80%, transparent)}.home-slot.us.jungle:not(:has(.token)){opacity:.8}.home-slot-tokens{align-items:flex-end;gap:calc(var(--px) * 2);min-height:calc(var(--px) * 18);display:flex}.home-slot-name{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--us);text-shadow:0 calc(var(--px) * .5) 0 #000;white-space:nowrap}.home-slot.empty .home-slot-name{color:var(--red)}.token{width:calc(var(--px) * 18);height:calc(var(--px) * 22);background:radial-gradient(ellipse at 50% 92%, color-mix(in srgb, var(--c) 45%, transparent) 0 30%, transparent 55%);touch-action:none;justify-content:center;align-items:flex-end;display:flex}.token.us{--c:var(--us);cursor:grab}.token.us:hover{filter:brightness(1.25)}.token.us.held{filter:drop-shadow(0 0 calc(var(--px) * 2) #e6c65ccc);background:radial-gradient(at 50% 92%,#e6c65ccc 0 34%,#0000 60%)}.token.us.dragging{opacity:.35}.token.them{--c:var(--them)}.token.them.boss{width:calc(var(--px) * 26)}.home-slot.them{transform:translate(-50%,-70%)}.token-wrap{cursor:help;flex-direction:column;align-items:center;display:flex}.token-stance{font-family:var(--display);font-size:calc(var(--px) * 4);text-transform:uppercase;color:var(--them);padding:0 calc(var(--px) * 1.5);white-space:nowrap;background:#000000b3;flex-direction:column;align-items:center;line-height:1.3;display:flex}.token-wrap .hover-tip{width:calc(var(--px) * 120);left:50%;right:auto;transform:translate(-50%)}.token-tip-head{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--them);margin-bottom:calc(var(--px) * 1)}.drag-ghost{pointer-events:none;z-index:60;filter:drop-shadow(0 0 calc(var(--px) * 2) #e6c65ce6);position:fixed;transform:translate(-50%,-80%)}.lineup-warn{font-size:calc(var(--px) * 6.5);color:#ffb0a6;text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 4) #000}.lineup-warn:before{content:"! ";color:var(--red);font-family:var(--display)}.portrait .lineup{background:0 0;padding:0}.portrait .lineup-body{gap:calc(var(--px) * 6);top:var(--board);padding:calc(var(--px) * 4) calc(var(--px) * 6) calc(var(--px) * 6);background:#050806;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.stage-intro{z-index:40;background:#0306048c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage-intro-card{justify-items:center;gap:calc(var(--px) * 5);text-align:center;width:calc(var(--px) * 220);padding:calc(var(--px) * 12) calc(var(--px) * 14);background:var(--panel);border:var(--px) solid var(--olive-dim);box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 14) #000c;display:grid}.stage-intro-card h1{font-size:calc(var(--px) * 18);color:var(--gold)}.stage-intro-text{font-size:calc(var(--px) * 9)}.stage-intro-sub{font-size:calc(var(--px) * 6);max-width:calc(var(--px) * 180)}.stage-intro-card .btn-main{margin-top:calc(var(--px) * 3)}.stage-intro{animation:.3s ease-out both intro-dim}.stage-intro-card{animation:.45s cubic-bezier(.2,.9,.3,1.2) both intro-card}.stage-intro-card>*{animation:.3s ease-out both intro-line}.stage-intro-card>:first-child{animation-delay:.15s}.stage-intro-card>:nth-child(2){animation-delay:.22s}.stage-intro-card>:nth-child(3){animation-delay:.3s}.stage-intro-card>:nth-child(4){animation-delay:.36s}.stage-intro-card>:nth-child(5){animation-delay:.42s}@keyframes intro-dim{0%{background:#03060400}to{background:#0306048c}}@keyframes intro-card{0%{opacity:0;transform:translateY(calc(var(--px) * -10)) scale(.9)}to{opacity:1;transform:none}}@keyframes intro-line{0%{opacity:0;transform:translateY(calc(var(--px) * 3))}to{opacity:1;transform:none}}.stage-intro-card[data-intro="2"]{box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 14) #000c, 0 0 calc(var(--px) * 22) #7f9a5838;border-color:#4f6a3c}.stage-intro-card[data-intro="2"] h1{text-shadow:0 0 calc(var(--px) * 6) #a8e07059}.stage-intro-card[data-intro="3"]{box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 14) #000c, 0 0 calc(var(--px) * 22) #d8662a47;border-color:#7a2a12}.stage-intro-card[data-intro="3"] h1{text-shadow:0 0 calc(var(--px) * 6) #ff7a1a73}@media (prefers-reduced-motion:reduce){.stage-intro,.stage-intro-card,.stage-intro-card>*{animation:none}.carousel-slot{transition:none}}.over-champ{justify-items:center;gap:calc(var(--px) * 2);width:calc(var(--px) * 76);display:grid}.over-champ-art{height:calc(var(--px) * 44);align-items:flex-end;display:flex}.over-champ-name{font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;gap:calc(var(--px) * 2);white-space:nowrap;align-items:center;display:flex}.over-champ-items{gap:calc(var(--px) * 1.5);min-height:calc(var(--px) * 14);display:flex}.over .relic-bar{box-shadow:none;background:0 0;border:0}.over-stages{border-collapse:collapse;font-size:calc(var(--px) * 6.5)}.over-stages th{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--muted);padding:0 calc(var(--px) * 5) calc(var(--px) * 1);font-weight:400}.over-stages td{padding:calc(var(--px) * .5) calc(var(--px) * 5);text-align:center}.over-stages td.os-name{text-align:left;font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:var(--muted)}.over-stages tr.cleared td.os-name{color:var(--gold)}.result-lanes{gap:calc(var(--px) * 2.5);font-size:calc(var(--px) * 6.5);display:grid}.result-lane{align-items:flex-end;gap:calc(var(--px) * 4);display:flex}.result-lane .bad{color:var(--red)}.portrait .over-team{justify-content:center;gap:calc(var(--px) * 6);flex-wrap:wrap}.portrait .over-champ{width:calc(var(--px) * 64)}.portrait .over-champ-art{height:calc(var(--px) * 30)}.portrait .over-champ-art .sprite{transform-origin:bottom;transform:scale(.7)}.portrait .over{background:#050806;justify-content:flex-start;overflow-y:auto}.portrait .stage-intro-card{width:calc(100% - var(--px) * 20)}.portrait .hud{min-height:100%;padding:calc(var(--board) + var(--px) * 2) calc(var(--px) * 4) 0;align-content:start;gap:calc(var(--px) * 4);pointer-events:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top""left right""feed feed""bottom bottom";display:grid;position:absolute;inset:0 0 auto}.portrait .hud-top{grid-area:top;justify-self:center;position:static;transform:none}.portrait .hud-side.left,.portrait .hud-side.right{width:auto;position:static}.portrait .hud-side.left{grid-area:left}.portrait .hud-side.right{grid-area:right}.portrait .feed{grid-area:feed;width:auto;position:static}.portrait .hud-bottom{padding:calc(var(--px) * 3) 0 calc(var(--px) * 4);background:linear-gradient(#0000,#050806 40%);grid-area:bottom;justify-content:center;justify-self:stretch;position:sticky;bottom:0;transform:none}.portrait .hud-team.n3 .hud-stats,.portrait .hud-team.n4 .hud-stats,.portrait .hud-team.n5 .hud-stats{display:none}.portrait .hud-team{gap:calc(var(--px) * 3)}.lineup-center{pointer-events:none}.lineup-center button{pointer-events:auto}.more-games{align-items:center;gap:calc(var(--px) * 2);text-decoration:none;display:inline-flex}.btn-link.more-games{text-decoration:underline}.out-icon{width:calc(var(--px) * 4);height:calc(var(--px) * 4);flex:none}.over-next{justify-content:center;align-items:center;gap:calc(var(--px) * 14);display:flex}.over-buttons{align-items:center;gap:calc(var(--px) * 5);flex-direction:column;display:flex}.next-game-wrap{align-items:center;gap:calc(var(--px) * 3);flex-direction:column;display:flex}.next-game{align-items:center;gap:calc(var(--px) * 6);width:calc(var(--px) * 200);padding:calc(var(--px) * 3);padding-right:calc(var(--px) * 6);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;color:var(--ink);text-align:left;text-decoration:none;transition:border-color .1s,transform 50ms;display:flex}.next-game:hover{border-color:var(--olive)}.next-game:hover .next-play{color:var(--ink);background:var(--olive-dim)}.next-game:active{transform:translateY(var(--px))}.next-game.pending{visibility:hidden;height:calc(var(--px) * 44)}.next-game img{width:calc(var(--px) * 64);height:calc(var(--px) * 38);object-fit:cover;border:var(--px) solid #000;flex:none}.next-text{gap:calc(var(--px) * 1);flex:1;min-width:0;display:grid}.next-kicker{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;color:var(--muted)}.next-title{font-family:var(--display);font-size:calc(var(--px) * 9);text-transform:uppercase;color:var(--cyan);line-height:1}.next-pitch{font-size:calc(var(--px) * 5.5);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.next-play{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 2) calc(var(--px) * 4);border:var(--px) solid var(--olive-dim);font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;color:var(--olive);flex:none;display:inline-flex}.pause-wrap{z-index:50;background:#030604b3;place-items:center;display:grid;position:absolute;inset:0}.pause-menu{justify-items:stretch;gap:calc(var(--px) * 5);min-width:calc(var(--px) * 120);padding:calc(var(--px) * 10) calc(var(--px) * 14);text-align:center;display:grid}.pause-menu h1{margin:0 0 calc(var(--px) * 2);font-size:calc(var(--px) * 16)}.pause-menu .btn-small{justify-content:center}.portrait .over-next{gap:calc(var(--px) * 8);flex-direction:column}.portrait .next-game{width:calc(var(--px) * 220)}.pad-icon{width:calc(var(--px) * 7.5);height:calc(var(--px) * 5);flex:none}.corner-btn .pad-icon,.more-games .pad-icon{color:var(--cyan)}.corner{top:calc(var(--px) * 4);right:calc(var(--px) * 4);z-index:30;gap:calc(var(--px) * 2);display:flex;position:absolute}.corner-btn{align-items:center;gap:calc(var(--px) * 2.5);height:calc(var(--px) * 13);padding:0 calc(var(--px) * 4);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;color:var(--ink);font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;white-space:nowrap;background:#080c0ae6;text-decoration:none;display:inline-flex}.corner-btn:hover{color:var(--ink);border-color:var(--olive-dim)}.corner-btn:hover .pad-icon{color:var(--ink)}button.corner-btn .pad-icon{width:calc(var(--px) * 5);color:inherit}.side-right{top:calc(var(--px) * 21)}.pause-menu .audio-toggles{margin-top:calc(var(--px) * 2);justify-content:center;position:static}.portrait .corner{top:calc(var(--px) * 3);right:calc(var(--px) * 3)}.offer-grid{grid-template-columns:repeat(var(--cols), auto);justify-content:center;gap:calc(var(--px) * 6);padding-top:calc(var(--px) * 4);display:grid}.offer-grid.shop-grid{gap:calc(var(--px) * 5)}.portrait .offer-grid{grid-template-columns:repeat(min(var(--cols), 2), auto)}.pick .offer-grid{scrollbar-width:thin;min-height:0;overflow-y:auto}.offer-bar{z-index:5;justify-content:center;align-items:center;gap:calc(var(--px) * 4) calc(var(--px) * 10);width:100%;padding:calc(var(--px) * 5) calc(var(--px) * 4) calc(var(--px) * 3);background:linear-gradient(#05080600, #050806f5 calc(var(--px) * 5));flex-wrap:wrap;display:flex;position:sticky;bottom:0}.pick .offer-bar{background:0 0;width:auto;padding:0;position:static}.reroll{align-items:center;gap:calc(var(--px) * 4);display:inline-flex}.offer-gold{align-items:center;gap:calc(var(--px) * 3);font-size:calc(var(--px) * 6.5);display:inline-flex}.carousel{--s1:calc(var(--px) * 104);--s2:calc(var(--px) * 54);justify-items:center;gap:calc(var(--px) * 5);width:calc(var(--px) * 430);flex:none;grid-template-columns:minmax(0,1fr);display:grid;overflow-x:clip}.carousel-ring{touch-action:pan-y;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;display:grid}.carousel-slot{transform:perspective(calc(var(--px) * 420)) translateX(calc(var(--dir) * (min(var(--a), 1) * var(--s1) + max(var(--a) - 1, 0) * var(--s2)))) rotateY(calc(var(--dir) * 26deg)) scale(calc(1 - var(--a) * .17));filter:brightness(calc(1 - var(--a) * .28));opacity:calc(1 - max(var(--a) - 2, 0));grid-area:1/1;transition:transform .32s cubic-bezier(.22,.9,.3,1),filter .32s,opacity .32s;display:flex}.carousel-slot.side{cursor:pointer}.carousel-slot.side:hover{filter:brightness(calc(1.12 - var(--a) * .28))}.carousel .champ-card:hover:not(.disabled){transform:none}.carousel-slot.front .champ-card{cursor:default;border-color:var(--olive)}.carousel-slot.side .champ-card{cursor:pointer}.carousel-nav{align-items:center;gap:calc(var(--px) * 6);display:flex}.carousel-arrow{width:calc(var(--px) * 18);height:calc(var(--px) * 18);font-family:var(--display);font-size:calc(var(--px) * 14);color:var(--ink);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;line-height:1}.carousel-arrow:hover{border-color:var(--olive);color:var(--gold)}.carousel-pick{padding:calc(var(--px) * 3) calc(var(--px) * 12);font-size:calc(var(--px) * 9)}.carousel-pips{gap:calc(var(--px) * 3);display:flex}.carousel-pip{width:calc(var(--px) * 4);height:calc(var(--px) * 4);background:var(--dim);box-shadow:0 0 0 calc(var(--px) * .5) #000}.carousel-pip.on{background:var(--gold)}.portrait .carousel{--s1:calc(var(--px) * 50);--s2:calc(var(--px) * 26);width:100%}.portrait .carousel-pick{font-size:calc(var(--px) * 8);padding:calc(var(--px) * 3) calc(var(--px) * 6)}.repaired{justify-content:center;justify-self:center;align-items:flex-end;gap:calc(var(--px) * 3);font-size:calc(var(--px) * 7);color:var(--ink);flex-wrap:wrap;display:inline-flex}.repaired .struct-pip{margin-top:calc(var(--px) * 3);flex:none}.repaired-count{color:var(--green)}.match-damage{--md-champs:#e8784a;--md-minions:#86d98f;--md-structs:#93a2e8;width:min(100%, calc(var(--px) * 190));margin:calc(var(--px) * 3) auto 0;gap:calc(var(--px) * 1.5);display:grid}.md-head{align-items:baseline;column-gap:calc(var(--px) * 4);row-gap:calc(var(--px) * 1);flex-wrap:wrap;display:flex}.md-title{font-family:var(--display);font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--muted);margin-right:auto}.md-key{font-family:var(--display);font-size:calc(var(--px) * 4.5);text-transform:uppercase;align-items:center;gap:calc(var(--px) * 1.5);display:inline-flex}.md-key:before{content:"";width:calc(var(--px) * 3);height:calc(var(--px) * 3);background:currentColor}.md-key.md-p0{color:var(--md-champs)}.md-key.md-p1{color:var(--md-minions)}.md-key.md-p2{color:var(--md-structs)}.md-row{grid-template-columns:calc(var(--px) * 56) calc(var(--px) * 18) 1fr;align-items:center;gap:calc(var(--px) * 3);padding:0 calc(var(--px) * 1);cursor:default;display:grid;position:relative}.md-row.on{background:#e9e4d20f}.md-face{width:calc(var(--px) * 8);height:calc(var(--px) * 9);flex:none;overflow:hidden}.md-face .sprite{margin-top:calc(var(--px) * -3)}.md-name{align-items:center;gap:calc(var(--px) * 2);font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:var(--us);white-space:nowrap;display:inline-flex;overflow:hidden}.md-total{text-align:right;font-size:calc(var(--px) * 6.5);color:var(--ink)}.md-bar{height:calc(var(--px) * 5);box-shadow:inset 0 0 0 var(--px) var(--line);background:#0b100c;display:flex}.md-bar i{height:100%;box-shadow:inset 0 calc(var(--px) * -1) 0 #00000059, inset 0 var(--px) 0 #ffffff2e;display:block}.md-bar i+i{border-left:var(--px) solid #0b100c}.md-bar .md-p0,.md-tip .md-p0{background:var(--md-champs)}.md-bar .md-p1,.md-tip .md-p1{background:var(--md-minions)}.md-bar .md-p2,.md-tip .md-p2{background:var(--md-structs)}.md-tip{top:calc(100% + var(--px) * 1);z-index:30;gap:calc(var(--px) * 1);min-width:calc(var(--px) * 80);border:var(--px) solid var(--gold);box-shadow:0 0 0 var(--px) #000, 0 calc(var(--px) * 3) calc(var(--px) * 6) #000000b3;padding:calc(var(--px) * 2) calc(var(--px) * 3);font-size:calc(var(--px) * 5.5);pointer-events:none;background:#0b100c;display:grid;position:absolute;right:0}.md-tip-line{align-items:center;gap:calc(var(--px) * 2);display:flex}.md-tip-line i{width:calc(var(--px) * 3);height:calc(var(--px) * 3)}.md-tip-line b{padding-left:calc(var(--px) * 4);color:var(--ink);margin-left:auto;font-weight:400}.portrait .md-row{grid-template-columns:calc(var(--px) * 44) calc(var(--px) * 16) 1fr}