@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-semi-condensed-500.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-semi-condensed-600.woff2) format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-semi-condensed-700.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2")}:root{color-scheme:dark;--bg-page: #0a0c10;--surface-0: #0d1016;--surface-1: #12161e;--surface-2: #171c26;--surface-3: #1f2531;--gold: #c8aa6e;--gold-bright: #f0e6d2;--gold-dim: #7d6b47;--gold-faint: rgba(200, 170, 110, .22);--gold-ghost: rgba(200, 170, 110, .09);--text-hi: #ece7dc;--text-mid: #a49b87;--text-low: #6b6455;--text-gold: var(--gold);--radiant: #77c144;--radiant-dim: rgba(119, 193, 68, .16);--dire: #d24545;--dire-dim: rgba(210, 69, 69, .16);--warn: #d9a441;--warn-dim: rgba(217, 164, 65, .14);--attr-str: #d4593b;--attr-str-deep: #3c1c14;--attr-str-ink: #f4b9a4;--attr-agi: #55b44e;--attr-agi-deep: #17301a;--attr-agi-ink: #b5e6ac;--attr-int: #4d95dd;--attr-int-deep: #16283e;--attr-int-ink: #b4d6f5;--attr-uni: #b45dd6;--attr-uni-deep: #301740;--attr-uni-ink: #e0bcf0;--conf-high: var(--gold);--conf-mid: #8d8468;--conf-low: var(--warn);--font-display: "Barlow Semi Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--fs-2xs: .625rem;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-md: .8125rem;--fs-lg: .9375rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--fs-4xl: 2.5rem;--fs-5xl: 3.25rem;--lh-tight: 1.1;--lh-body: 1.55;--track-caps: .12em;--track-wide: .22em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 4rem;--radius-0: 0;--radius-1: 2px;--cut-sm: 6px;--cut-md: 10px;--cut-lg: 16px;--edge-hairline: rgba(255, 255, 255, .06);--edge-gold: linear-gradient( 155deg, rgba(200, 170, 110, .6) 0%, rgba(200, 170, 110, .14) 38%, rgba(200, 170, 110, .1) 62%, rgba(200, 170, 110, .42) 100%);--edge-gold-quiet: linear-gradient( 155deg, rgba(200, 170, 110, .28) 0%, rgba(200, 170, 110, .08) 45%, rgba(200, 170, 110, .2) 100%);--edge-dire: linear-gradient(155deg, rgba(210, 69, 69, .7), rgba(210, 69, 69, .18) 50%, rgba(210, 69, 69, .45));--edge-radiant: linear-gradient(155deg, rgba(119, 193, 68, .7), rgba(119, 193, 68, .18) 50%, rgba(119, 193, 68, .45));--shadow-1: 0 1px 0 rgba(0,0,0,.6), 0 4px 14px rgba(0,0,0,.45);--shadow-2: 0 2px 0 rgba(0,0,0,.6), 0 12px 34px rgba(0,0,0,.6);--glow-gold: 0 0 0 1px rgba(200,170,110,.3), 0 0 22px rgba(200,170,110,.14);--glow-warn: 0 0 0 1px rgba(217,164,65,.35);--t-fast: .12s;--t-med: .2s;--t-slow: .34s;--ease: cubic-bezier(.2, .7, .3, 1);--z-raised: 10;--z-sticky: 100;--z-overlay: 1000;--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.55'/></svg>")}.lp-app{background:var(--bg-page);color:var(--text-hi);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body);min-height:100vh;position:relative}.lp-app:before{content:"";position:fixed;inset:0;background-image:var(--noise);opacity:.035;pointer-events:none;z-index:var(--z-overlay)}.bevel{--cut: var(--cut-md);--bevel-edge: var(--edge-gold-quiet);padding:1px;background:var(--bevel-edge);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.bevel__body{background:var(--surface-1);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));height:100%}.cap{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-caps);line-height:var(--lh-tight)}.cap--wide{letter-spacing:var(--track-wide);font-weight:500}.rule{border:0;height:1px;margin:0;background:linear-gradient(90deg,var(--gold-faint),var(--edge-hairline) 55%,transparent)}.tile{--tile-c: #666;--tile-deep: #1c1c1c;--tile-ink: #ddd;position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:linear-gradient(205deg,color-mix(in srgb,var(--tile-c) 38%,var(--bg-page)) 0%,color-mix(in srgb,var(--tile-deep) 80%,var(--bg-page)) 62%,var(--bg-page) 100%);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.07);clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm));overflow:hidden;cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--tile-c) 0%,transparent 85%)}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08) 0%,transparent 42%);pointer-events:none}.tile__abbr{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-sm);color:var(--tile-ink);text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:1}.tile:hover{transform:translateY(-1px);filter:brightness(1.25)}.tile:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.tile[data-attr=str]{--tile-c: var(--attr-str);--tile-deep: var(--attr-str-deep);--tile-ink: var(--attr-str-ink)}.tile[data-attr=agi]{--tile-c: var(--attr-agi);--tile-deep: var(--attr-agi-deep);--tile-ink: var(--attr-agi-ink)}.tile[data-attr=int]{--tile-c: var(--attr-int);--tile-deep: var(--attr-int-deep);--tile-ink: var(--attr-int-ink)}.tile[data-attr=uni]{--tile-c: var(--attr-uni);--tile-deep: var(--attr-uni-deep);--tile-ink: var(--attr-uni-ink)}.tile.is-enemy{box-shadow:inset 0 0 0 2px var(--dire);filter:saturate(.35) brightness(.6);cursor:default}.tile.is-ally{box-shadow:inset 0 0 0 2px var(--radiant);filter:saturate(.35) brightness(.6);cursor:default}.tile.is-enemy:hover,.tile.is-ally:hover{transform:none}.conf{display:inline-flex;align-items:center;gap:var(--sp-2)}.conf__pips{display:inline-flex;gap:2px}.conf__pips i{width:8px;height:3px;border-radius:var(--radius-1);background:#ffffff1a}.conf[data-tier=high] .conf__pips i.on{background:var(--conf-high)}.conf[data-tier=mid] .conf__pips i.on{background:var(--conf-mid)}.conf[data-tier=low] .conf__pips i.on{background:var(--conf-low)}.conf__n{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-low);letter-spacing:.02em;white-space:nowrap}.conf[data-tier=low] .conf__n{color:var(--conf-low)}.conf__badge{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-2xs);color:var(--warn);border:1px dashed rgba(217,164,65,.55);padding:1px 5px;border-radius:var(--radius-1);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}*{box-sizing:border-box;margin:0}body{margin:0}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--gold-faint);background:linear-gradient(180deg,var(--surface-1),var(--bg-page));position:sticky;top:0;z-index:var(--z-sticky)}.brand{display:flex;align-items:baseline;gap:var(--sp-3)}.brand__logo{font-size:var(--fs-xl);color:var(--gold-bright)}.brand__logo b{color:var(--gold);font-weight:700}.brand__mode{font-size:var(--fs-xs);color:var(--text-mid);border-left:1px solid var(--edge-hairline);padding-left:var(--sp-3)}.topbar__meta{justify-self:end;display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--text-low)}.topbar__meta a{color:var(--text-mid);text-decoration:none}.topbar__meta a:hover{color:var(--gold)}.timer{text-align:center;min-width:200px}.timer__label{font-size:var(--fs-xs);color:var(--gold)}.timer__clock{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3xl);line-height:1;font-variant-numeric:tabular-nums;color:var(--gold-bright);animation:tick 1s steps(1) infinite alternate}50%{color:var(--dire)}.timer__bar{height:3px;margin-top:var(--sp-1);background:var(--surface-2);position:relative;overflow:hidden}.timer__bar i{position:absolute;inset:0 72% 0 0;background:linear-gradient(90deg,var(--dire),var(--gold))}.timer__reserve{font-size:var(--fs-2xs);color:var(--text-low);margin-top:2px;letter-spacing:.06em}.draft{display:grid;grid-template-columns:232px minmax(0,1fr) 372px;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5) var(--sp-6);max-width:1720px;margin:0 auto}.panel-h{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4)}.panel-h .cap{font-size:var(--fs-md)}.panel-h--radiant .cap{color:var(--radiant)}.panel-h--dire .cap{color:var(--dire)}.panel-h small{font-size:var(--fs-2xs);color:var(--text-low);letter-spacing:.08em;text-transform:uppercase}.panel-pad{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.slots{display:grid;gap:var(--sp-2)}.slot{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:var(--sp-3);min-height:42px}.slot .tile{width:58px;aspect-ratio:16/10;cursor:default}.slot .tile:hover{transform:none;filter:none}.slot__name{font-size:var(--fs-sm);color:var(--text-hi)}.slot__pos{display:block;font-size:var(--fs-2xs);color:var(--text-low);text-transform:uppercase;letter-spacing:.08em}.slot--empty{grid-template-columns:1fr;border:1px dashed rgba(255,255,255,.1);color:var(--text-low);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--track-caps);font-family:var(--font-display);display:flex;align-items:center;justify-content:center;padding:var(--sp-2)}.slot--you{border:1px dashed rgba(200,170,110,.55);color:var(--gold);background:var(--gold-ghost);animation:breathe 1.6s var(--ease) infinite alternate}to{background:#c8aa6e29}.posfilter{margin-top:var(--sp-4)}.posfilter__row{display:flex;gap:var(--sp-1);margin-top:var(--sp-2)}.poschip{flex:1;font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);color:var(--text-mid);background:var(--surface-2);border:1px solid var(--edge-hairline);padding:var(--sp-1) 0;text-align:center;cursor:pointer;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);transition:all var(--t-fast) var(--ease)}.poschip:hover{color:var(--text-hi);background:var(--surface-3)}.poschip.on{color:var(--bg-page);background:var(--gold);border-color:var(--gold);font-weight:700}.posfilter__hint{margin-top:var(--sp-2);font-size:var(--fs-2xs);color:var(--text-low);text-transform:uppercase;letter-spacing:.08em}.posfilter__hint b{color:var(--gold)}.clearbtn{margin-top:var(--sp-4);width:100%;font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-xs);color:var(--text-mid);background:none;border:1px solid var(--edge-hairline);padding:var(--sp-2);cursor:pointer;transition:all var(--t-fast) var(--ease)}.clearbtn:hover{color:var(--dire);border-color:var(--dire)}.gridpanel .search{width:100%;background:var(--surface-0);border:1px solid var(--edge-hairline);color:var(--text-hi);font:400 var(--fs-md) var(--font-body);padding:var(--sp-2) var(--sp-3);outline:none}.gridpanel .search::placeholder{color:var(--text-low)}.gridpanel .search:focus{border-color:var(--gold-faint);box-shadow:var(--glow-gold)}.attrgroup{margin-top:var(--sp-4)}.attrgroup__h{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.attrgroup__gem{width:9px;height:9px;transform:rotate(45deg);background:var(--g, #888);box-shadow:0 0 8px color-mix(in srgb,var(--g, #888) 60%,transparent)}.attrgroup__h .cap{font-size:var(--fs-sm);color:var(--text-mid)}.attrgroup__h .rule{flex:1}.herogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:var(--sp-1)}.herogrid .tile{border:0;padding:0;font:inherit}.tile__mark{position:absolute;top:2px;right:4px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xs);z-index:2}.is-enemy .tile__mark{color:var(--dire)}.is-ally .tile__mark{color:var(--radiant)}.recs{display:grid;gap:2px}.rec{display:grid;grid-template-columns:24px 52px minmax(0,1fr) auto;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface-2);transition:background var(--t-fast) var(--ease);cursor:pointer}.rec:hover{background:var(--surface-3)}.rec__rank{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);color:var(--text-low);text-align:center;font-variant-numeric:tabular-nums}.rec .tile{width:52px;cursor:pointer}.rec__mid{min-width:0}.rec__name{font-size:var(--fs-md);color:var(--text-hi);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec__sub{display:flex;align-items:center;gap:var(--sp-2);margin-top:3px;min-width:0}.rec__sub .conf{flex:none}.rec__score{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--radiant);background:var(--radiant-dim);border:1px solid rgba(119,193,68,.35);padding:2px var(--sp-2);min-width:62px;text-align:center;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.rec--top{background:linear-gradient(90deg,var(--gold-ghost),var(--surface-2) 65%);border-left:2px solid var(--gold);padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.rec--top .rec__rank{color:var(--gold)}.rec--top .rec__name{font-size:var(--fs-lg)}.rec--top .rec__score{box-shadow:var(--glow-gold);font-size:var(--fs-xl)}.rec--lowconf .rec__score{color:var(--warn);background:none;border:1px dashed rgba(217,164,65,.55)}.rec--lowconf .rec__name{color:var(--text-mid)}.recfoot{margin-top:var(--sp-3);font-size:var(--fs-2xs);color:var(--text-low);letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.rightcol{display:grid;gap:var(--sp-4);align-content:start}.enemy-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-1)}.enemy-slots .tile{width:100%;cursor:default}.enemy-slots .tile:hover{transform:none}.enemy-slots .slot--empty{aspect-ratio:16/10;padding:0}@media(max-width:1180px){.draft{grid-template-columns:minmax(0,1fr) 372px}.allycol{grid-column:1 / -1}.allycol .slots{grid-template-columns:repeat(5,minmax(120px,1fr))}.allycol .posfilter{max-width:420px}}@media(max-width:800px){.topbar{display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--sp-2) var(--sp-3)}.topbar__meta{display:none}.timer{order:3;flex:1 1 100%;min-width:0;margin-top:var(--sp-1)}.timer__clock{font-size:var(--fs-2xl)}.draft{grid-template-columns:1fr;padding:var(--sp-3)}.allycol .slots{grid-template-columns:1fr 1fr}.rightcol{order:-1}.gridpanel{order:1}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--gold-faint);background:linear-gradient(180deg,var(--surface-1),var(--bg-page));position:sticky;top:0;z-index:var(--z-sticky)}.topbar__meta{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--text-low)}.wrap{max-width:1180px;margin:0 auto;padding:var(--sp-5);display:grid;gap:var(--sp-5)}.panel-h{padding:var(--sp-3) var(--sp-4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.panel-pad{padding:var(--sp-4)}.herohead .tile{width:220px;cursor:default}.herohead .tile:hover{transform:none;filter:none}.herohead .tile__abbr{font-size:var(--fs-2xl);letter-spacing:var(--track-wide)}.hh__intent{font-weight:500;color:var(--text-mid);font-size:.4em;letter-spacing:normal;text-transform:none;vertical-align:middle}.hh__name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-4xl);color:var(--gold-bright);line-height:1}.hh__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.tag{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-2xs);padding:3px 8px;border:1px solid var(--edge-hairline);color:var(--text-mid);background:var(--surface-2);border-radius:var(--radius-1)}.tag--int{color:var(--attr-int-ink);border-color:#4d95dd66;background:#4d95dd1a}.hh__stats{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--edge-hairline)}.stat__v{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;color:var(--text-hi);line-height:1.1}.stat__v--up{color:var(--radiant)}.stat__k{font-size:var(--fs-2xs);color:var(--text-low);text-transform:uppercase;letter-spacing:.09em;margin-top:2px}.matchups{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);align-items:start}.panel-h .cap{font-size:var(--fs-lg)}.panel-h small{font-size:var(--fs-2xs);color:var(--text-low);text-transform:uppercase;letter-spacing:.08em}.mu{padding:var(--sp-4);display:grid;gap:var(--sp-3)}.mu+.mu{border-top:1px solid var(--edge-hairline)}.mu__top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:var(--sp-3);align-items:center}.mu .tile{width:72px;cursor:default}.mu .tile:hover{transform:none;filter:none}.mu__name{font-size:var(--fs-lg);font-weight:600;color:var(--text-hi)}.mu__meta{margin-top:3px}.adv{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;padding:2px var(--sp-2);min-width:70px;text-align:center;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.adv--neg{color:var(--dire);background:var(--dire-dim);border:1px solid rgba(210,69,69,.35)}.adv--pos{color:var(--radiant);background:var(--radiant-dim);border:1px solid rgba(119,193,68,.35)}.adv--lowconf{background:none;border-style:dashed;opacity:.85}.mu__why{font-size:var(--fs-md);color:var(--text-mid);line-height:var(--lh-body);padding-left:var(--sp-3);border-left:2px solid var(--gold-faint)}.mu__why .ai{font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-2xs);color:var(--gold-dim);margin-right:var(--sp-2)}.mu--lowconf .mu__why{border-left-color:#d9a44166}.legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;font-size:var(--fs-xs);color:var(--text-low);padding:var(--sp-3) var(--sp-4)}.legend .conf__n{color:var(--text-low)}.items{display:grid;gap:var(--sp-4);padding:var(--sp-4)}.igroup__h{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2)}.igroup__h .cap{font-size:var(--fs-sm);color:var(--gold)}.igroup__h span{font-size:var(--fs-xs);color:var(--text-low)}.ichips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ichip{font-size:var(--fs-sm);color:var(--text-hi);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--edge-hairline);border-top-color:var(--gold-faint);padding:var(--sp-1) var(--sp-3);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);white-space:nowrap}.ichip--sit{color:var(--text-mid);background:var(--surface-1)}.herosummary{font-size:var(--fs-sm);color:var(--text-hi);line-height:var(--lh-body);max-width:72ch}.footnote{font-size:var(--fs-xs);color:var(--text-low);line-height:var(--lh-body);padding:0 var(--sp-2) var(--sp-6)}.footnote b{color:var(--text-mid);font-weight:500}@media(max-width:900px){.matchups,.herohead .panel-pad{grid-template-columns:1fr}.herohead .tile{width:160px}.hh__name{font-size:var(--fs-3xl)}.wrap{padding:var(--sp-3)}.hh__stats{gap:var(--sp-4)}}.tile--art{aspect-ratio:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow:hidden}.tile__art{aspect-ratio:16 / 10;width:100%;height:auto;display:block;object-fit:cover;object-position:center top;background:var(--portrait) center top / cover no-repeat}.tile__name{font-family:var(--font-display);font-weight:600;font-size:9px;line-height:1.2;letter-spacing:.02em;padding:3px 2px 4px;text-align:center;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile.is-enemy .tile__name{color:var(--dire)}.tile.is-ally .tile__name{color:var(--radiant)}.banstrip .tile__name{display:none}.banstrip .tile--art{aspect-ratio:16 / 10}.rec__tile .tile__art,.mu .tile__art,.banstrip .tile__art{aspect-ratio:16 / 10;height:auto}.tile.is-banned{filter:grayscale(1) brightness(.45);opacity:.55}.tile.is-banned:after{content:"";position:absolute;inset:0;background:linear-gradient(to top left,transparent 47%,var(--dire) 47%,var(--dire) 53%,transparent 53%);opacity:.8}.banstrip{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-3);min-height:1px}.banstrip .tile{width:44px;flex:0 0 auto}.banstrip__empty{font-size:var(--fs-xs);color:var(--text-low);letter-spacing:var(--track-wide);text-transform:uppercase}.rectip{position:fixed;z-index:var(--z-overlay);max-width:340px;padding:var(--sp-3);background:var(--bg-raised, #12151c);border:1px solid var(--gold-faint);box-shadow:0 8px 28px #0000008c;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--text-hi);pointer-events:none;opacity:0;transition:opacity var(--dur-fast, .12s) ease}.rectip.on{opacity:1}.rectip__head{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--track-caps);font-size:var(--fs-xs);color:var(--gold);margin-bottom:var(--sp-2)}.rectip__adv{color:var(--radiant)}.rectip__none{color:var(--text-low);font-style:italic}.rectip__mine{font-size:var(--fs-xs);color:var(--gold-bright);border-bottom:1px solid var(--edge-hairline);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2)}.rec__tile{aspect-ratio:16 / 10;width:46px;flex:0 0 auto}.rec__tile .tile__art{aspect-ratio:auto;height:100%}.rectip:after{content:"";position:absolute;right:-6px;top:18px;width:10px;height:10px;background:var(--bg-raised, #12151c);border-right:1px solid var(--gold-faint);border-top:1px solid var(--gold-faint);transform:rotate(45deg)}.topbar__nav{display:flex;gap:var(--sp-4);margin-left:var(--sp-4);flex:1}.topbar__nav a{color:var(--text-mid);text-decoration:none;font-size:var(--fs-sm);letter-spacing:var(--track-caps);padding-bottom:2px;border-bottom:1px solid transparent}.topbar__nav a:hover{color:var(--gold);border-bottom-color:var(--gold-faint)}.topbar__nav a[aria-current=page]{color:var(--gold);border-bottom-color:var(--gold)}a.tile{text-decoration:none}a.tile:hover{border-color:var(--gold-faint)}.herohead__art{width:132px;flex:0 0 auto}.herohead__art{width:220px}.herohead .panel-pad{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--sp-5);align-items:center}.hh__stats{display:flex;gap:var(--sp-5);flex-wrap:wrap}.mu .tile{width:64px;flex:0 0 auto;aspect-ratio:16 / 10}.mu .tile__art{aspect-ratio:auto;height:100%}.mu__link{display:block;text-decoration:none}.mu__link:hover .tile{border-color:var(--gold-faint)}.mu__name{color:var(--text-hi);text-decoration:none;font-family:var(--font-display);font-size:var(--fs-lg)}.mu__name:hover{color:var(--gold)}.build{list-style:none;margin:0;padding:0 var(--sp-4) var(--sp-4);display:grid;gap:1px}.build__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-2);border-top:1px solid var(--edge-hairline, rgba(255, 255, 255, .06))}.build__icon{width:44px;height:32px;object-fit:cover;border:1px solid var(--gold-faint)}.build__name{font-size:var(--fs-md);color:var(--text-hi)}.build__time{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums}.build__unit{font-size:var(--fs-xs);color:var(--text-low);margin-left:2px;letter-spacing:var(--track-caps)}.build__n{font-size:var(--fs-xs);color:var(--text-low);min-width:92px;text-align:right}.account{display:inline-flex;align-items:center;gap:var(--sp-2);margin-left:var(--sp-3);padding-left:var(--sp-3);border-left:1px solid var(--gold-faint);visibility:hidden}.account.ready{visibility:visible}.account__in,.account__out{color:var(--text-mid);text-decoration:none;font-size:var(--fs-xs);letter-spacing:var(--track-caps)}.account__in:hover,.account__out:hover{color:var(--gold)}.account__name{font-size:var(--fs-sm);color:var(--text-hi)}.account__rank{font-size:var(--fs-xs);color:var(--gold);border:1px solid var(--gold-faint);padding:1px 6px}.account__out{opacity:.6}.setup{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000b8;z-index:calc(var(--z-overlay) + 1);padding:var(--sp-4)}.setup.on{display:flex}.setup__panel{max-width:620px;width:100%;background:var(--bg-raised, #12151c);border:1px solid var(--gold-faint);box-shadow:0 24px 64px #0009;max-height:90vh;overflow-y:auto}.setup__steps{margin:var(--sp-4) 0;padding-left:var(--sp-4);display:grid;gap:var(--sp-3);font-size:var(--fs-md);color:var(--text-mid)}.setup__steps li{line-height:var(--lh-body)}.setup__go{background:var(--gold);color:#14110a;border:0;padding:var(--sp-2) var(--sp-4);font-family:var(--font-display);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;font-size:var(--fs-sm);cursor:pointer}.setup__alt{background:none;border:0;color:var(--text-low);text-decoration:underline;cursor:pointer;font-size:var(--fs-xs);padding:0 var(--sp-2)}.setup__alt:hover{color:var(--gold)}.setup__label{display:block;font-size:var(--fs-xs);color:var(--text-low)}.setup__path{display:block;font-size:var(--fs-xs);color:var(--text-hi);background:var(--bg-page);border:1px solid var(--gold-faint);padding:var(--sp-2);margin:2px 0;word-break:break-all}.setup__close{background:none;border:0;color:var(--text-low);cursor:pointer;font-size:var(--fs-xs)}.setup__close:hover{color:var(--gold)}.setup__status:empty{display:none}.recfoot[data-live=on]:before{content:"LIVE";color:var(--radiant);border:1px solid var(--radiant);padding:0 4px;margin-right:var(--sp-2);font-size:var(--fs-2xs, 10px);letter-spacing:var(--track-caps)}.heronav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);margin-bottom:calc(var(--sp-5) * -1 + var(--sp-2))}.heronav__link{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text-low);text-decoration:none;font-size:var(--fs-sm);min-width:0}.heronav__link--next{justify-self:end;flex-direction:row}.heronav__link:hover{color:var(--gold)}.heronav__arrow{font-size:var(--fs-lg);line-height:1}.heronav__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heronav__all{color:var(--text-low);text-decoration:none;font-size:var(--fs-xs);letter-spacing:var(--track-caps)}.heronav__all:hover{color:var(--gold)}.sitefoot{max-width:1180px;margin:var(--sp-6) auto var(--sp-4);padding:var(--sp-3) var(--sp-4) 0;border-top:1px solid var(--edge-hairline);display:flex;gap:var(--sp-4)}.sitefoot a{color:var(--text-low);text-decoration:none;font-size:var(--fs-xs);letter-spacing:var(--track-caps)}.sitefoot a:hover{color:var(--gold)}.topbar__btn{background:none;border:1px solid var(--gold-faint);color:var(--text-mid);padding:2px 8px;font-size:var(--fs-xs);letter-spacing:var(--track-caps);cursor:pointer;font-family:var(--font-display)}.topbar__btn:hover{color:var(--gold);border-color:var(--gold)}.topbar__btn.gsi-connected{color:var(--gold);border-color:var(--gold-faint)}.topbar__btn.gsi-drafting{color:var(--bg-page);background:var(--gold);border-color:var(--gold);animation:breathe 1.6s var(--ease) infinite alternate}@media(max-width:720px){.heronav__name{display:none}}.roll__positions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-4) 0}.roll__stage{min-height:140px;display:flex;align-items:center;border-top:1px solid var(--edge-hairline, rgba(255,255,255,.06));border-bottom:1px solid var(--edge-hairline, rgba(255,255,255,.06));padding:var(--sp-4) 0}.roll__hero{display:flex;align-items:center;gap:var(--sp-4)}.roll__tile{width:180px;aspect-ratio:16 / 10;flex:0 0 auto}.roll__tile .tile__art{aspect-ratio:16 / 10;height:auto}.roll__name{display:block;font-family:var(--font-display);font-size:var(--fs-2xl, 1.6rem);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-hi);text-decoration:none}.roll__name:hover{color:var(--gold)}.roll__meta{font-size:var(--fs-sm);color:var(--text-mid);margin-top:2px}.roll__pos{font-size:var(--fs-xs);color:var(--text-low);margin-top:4px;letter-spacing:var(--track-caps)}.roll__actions{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0 var(--sp-2)}.home{display:grid;gap:var(--sp-5)}.hero-pitch{padding:var(--sp-5) 0 var(--sp-2);max-width:46rem}.hero-pitch__title{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,3.1rem);font-weight:700;text-transform:uppercase;letter-spacing:var(--track-caps);line-height:1.05;color:var(--text-hi);margin:0 0 var(--sp-3)}.hero-pitch__title em{color:var(--gold);font-style:normal}.hero-pitch__lede{font-size:var(--fs-lg);line-height:var(--lh-body);color:var(--text-mid);margin:0 0 var(--sp-4)}.hero-pitch__actions{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.hero-pitch__alt{color:var(--text-mid);font-size:var(--fs-sm);letter-spacing:var(--track-caps);text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold-faint);padding-bottom:2px}.hero-pitch__alt:hover{color:var(--gold);border-bottom-color:var(--gold)}.showcase{list-style:none;margin:var(--sp-3) 0;padding:0;display:grid;gap:1px}.showcase__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--sp-3);align-items:baseline;padding:var(--sp-2) 0;border-top:1px solid var(--edge-hairline, rgba(255, 255, 255, .06))}.showcase__name{font-size:var(--fs-lg);color:var(--text-hi)}.showcase__adv{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--radiant);font-variant-numeric:tabular-nums}.showcase__n{font-size:var(--fs-xs);color:var(--text-low);min-width:8.5rem;text-align:right}.features__title{font-size:var(--fs-lg);color:var(--text-gold);margin:var(--sp-4) 0 var(--sp-3)}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4) var(--sp-5);max-width:62rem}@media(min-width:900px){.features__grid{grid-template-columns:1fr 1fr}}.feature{border-left:2px solid var(--gold-faint);padding-left:var(--sp-4)}.feature__h{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text-hi);margin:0 0 var(--sp-2)}.feature p{color:var(--text-mid);font-size:var(--fs-md);line-height:var(--lh-body);margin:0}.prose{max-width:46rem}.prose h3{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gold);margin:var(--sp-4) 0 var(--sp-2)}.prose h3:first-child{margin-top:0}.prose p{color:var(--text-mid);line-height:var(--lh-body);margin:0 0 var(--sp-3)}.faq{border-top:1px solid var(--edge-hairline, rgba(255,255,255,.06));padding:var(--sp-3) 0}.faq:first-child{border-top:0}.faq__q{cursor:pointer;color:var(--text-hi);font-size:var(--fs-lg);font-family:var(--font-display)}.faq__q::marker{color:var(--gold)}.faq__a{color:var(--text-mid);line-height:var(--lh-body);margin:var(--sp-2) 0 0}.home__cta{text-align:center;padding:var(--sp-5) 0 var(--sp-4);display:grid;gap:var(--sp-3);justify-items:center}.adslot{display:none}.adslot:not([hidden]){display:block;margin:var(--sp-4) auto;text-align:center}.adslot--leaderboard:not([hidden]){min-height:90px}.adslot--inline:not([hidden]){min-height:280px}.adslot--affiliate:not([hidden]){min-height:120px}