@layer theme,base;@layer components{.ci{height:22px;width:var(--ci-w,180px);vertical-align:middle;flex:none;display:inline-block;position:relative}.ci__track{background:var(--bg-2);height:2px;top:10px;left:0;right:0}.ci__avg,.ci__dot,.ci__track,.ci__w,.ci__zero{position:absolute}.ci__zero{border-left:1px solid var(--line-3);top:2px;bottom:2px}.ci__avg{border-left:1.5px dashed var(--ink-2);top:0;bottom:0}.ci__w{background:var(--ink-2);height:2px;top:10px}.ci__dot{border:2px solid var(--bg-1);border-radius:50%;width:12px;height:12px;margin-left:-6px;top:5px}.ci--low .ci__dot{border:2px dashed var(--ink-3);background:var(--bg-1)!important}.ci-axis{height:16px;width:var(--ci-w,180px);margin-left:auto;display:block;position:relative}.ci-axis span{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap;font-weight:400;position:absolute;top:0;transform:translate(-50%)}.ci-axis span.avg{color:var(--ink-2);font-weight:600}.civ{justify-items:end;gap:1px;display:grid}.civ b{font-weight:800;font-size:var(--fs-3);line-height:1.1}.board__lab small,.civ small{font-size:var(--fs-1);color:var(--ink-3)}.lpci{justify-content:flex-end;align-items:center;gap:12px;display:flex}@container (width<=640px){.ci,.ci-axis{--ci-w:90px}}@container (width<=380px){.ci,.ci-axis{display:none}}.board{min-width:0;display:grid}.board__row{border-top:1px solid var(--line);grid-template-columns:116px minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;display:grid}.board__row:first-child{border-top:0}.board__lab{gap:1px;padding-top:4px;display:grid}.board__lab b{font-weight:800;font-size:var(--fs-3)}.board__row.is-avg .board__lab small:last-child{color:var(--ink-2);font-weight:600}.board__row.is-avg{background:var(--bg-2);border-radius:var(--r-2);box-shadow:none;padding-inline:10px}.board__cells{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.board__p{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:6px;padding:0;text-decoration:none;display:inline-grid;position:relative}.board__p:focus-visible .slot,.board__p:hover .slot{box-shadow:0 0 0 2px var(--ink)}.board__r{border-radius:var(--r-1);background:var(--bg-1);width:18px;height:18px;box-shadow:0 0 0 1px var(--line-2);color:var(--ink-2);place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.board__r .role{--s:12px}.board__p.is-dim .slot,.swarm__slot.is-dim .slot{opacity:.5}.board__p.is-dim .board__r{opacity:.6}.board__key{margin-bottom:6px}.board__kf,.board__kl{background:var(--ink-3);border-radius:2px;width:12px;height:12px;display:inline-block}.board__kf{opacity:.5}.board__kl{outline:1.5px dashed var(--line-3);outline-offset:-1.5px;background:0 0}@media (width<=479px){.board__row{grid-template-columns:76px minmax(0,1fr);gap:8px}.board__cells{gap:0}.board__p{padding:4px}.board__r{bottom:0;right:0}}.swarm{width:100%;min-width:0;position:relative}.swarm__slot{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;position:absolute;transform:translate(-50%,-50%)}.board__p.is-dim:focus-visible .slot,.board__p.is-dim:hover .slot,.swarm__slot.is-dim:focus-visible .slot,.swarm__slot.is-dim:hover .slot{opacity:1}.swarm__slot .slot{box-shadow:0 0 0 2px var(--bg-1)}.swarm__slot:focus-visible .slot,.swarm__slot:hover .slot{box-shadow:0 0 0 2px var(--ink);z-index:1}.podium{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;display:grid}.podium__p{text-align:center;padding:var(--sp-3) var(--sp-2);border-radius:var(--r-3);background:var(--bg-2);justify-items:center;gap:6px;min-width:0;display:grid}.podium__p--lead{padding-top:var(--sp-5);background:color-mix(in oklab,var(--t-chall) 14%,var(--bg-1));order:-1}.podium__cap{font-size:var(--fs-2);color:var(--ink-2);grid-column:1/-1}.podium__name{overflow-wrap:anywhere;font-weight:600;line-height:1.2}.podium__v{font-weight:800;font-size:var(--fs-6);color:var(--gain-ink);line-height:1}.podium__v:before{content:"";vertical-align:.08em;clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;width:.42em;height:.36em;margin-right:.14em;display:inline-block}.podium__v--loss{color:var(--loss-ink)}.podium__v--loss:before{clip-path:polygon(0 0,100% 0,50% 100%)}.podium__v--ink{color:var(--ink)}.podium__v--ink:before{display:none}a.podium__p{color:inherit;text-decoration:none}.podium__c{font-size:var(--fs-1);color:var(--ink-3)}@media (width<=479px){.podium__v{font-size:var(--fs-5)}}.rolepicks{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));display:grid}.rolepick{padding:var(--sp-3);border-radius:var(--r-3);background:var(--bg-2);align-content:start;gap:4px;min-width:0;display:grid}.rolepick__h{align-items:center;gap:8px;padding-bottom:4px;font-weight:600;display:flex}.rolepick__h .role{--s:20px;color:var(--ink-2)}.rolepick ol{display:grid}.rolepick li{border-top:1px solid var(--line-2);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;display:grid}.rolepick li:first-child{border-top:0}.rolepick li b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rolepick .civ{justify-items:end}#items,#skills,#spells{scroll-margin-top:calc(16px + var(--hdr-h))}}@layer utilities;