/* League redesign (new brand). Loaded after league.css. */
body{padding-top:0}
.lg-fixed{position:sticky;top:0}
.lg-banner{font-size:13.5px;padding:8px 24px}
.lg-banner a{color:var(--green);text-decoration:none;font-weight:500}.lg-banner a:hover{text-decoration:underline}
.lg-synth{position:relative;z-index:5;background:#3A1D1D;color:#FFD6D6;border-bottom:1px solid #7A3A3A;text-align:center;font-weight:600;font-size:13px;padding:6px}
.lg-panel{top:0;z-index:1100}
.pagehead{padding-top:7.5rem;padding-bottom:2rem;gap:3rem}
/* Bollinger: bubble sits above him with a tail, no crowding */
.lg-buddy{flex-direction:column;align-items:flex-end;gap:.9rem;margin-bottom:0}
.lg-bubble{order:0;margin:0;max-width:13.5rem;white-space:nowrap}
.lg-bubble::before,.lg-bubble::after{content:"";position:absolute;clip-path:polygon(0 0,100% 0,100% 100%)}
.lg-bubble::before{right:2.3rem;bottom:-.95rem;width:1.15rem;height:.95rem;background:rgba(201,213,234,.32)}
.lg-bubble::after{right:2.38rem;bottom:-.78rem;width:1rem;height:.8rem;background:var(--raised)}
.lg-buddy figure{margin-right:.25rem}
/* showcase */
.lg-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.25rem;margin-bottom:1.75rem}
.lg-showcase:empty{display:none}
.lg-botw{position:relative;padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(120deg,rgba(10,18,32,.9) 40%,rgba(61,220,132,.16));cursor:pointer;box-shadow:0 0 60px -20px rgba(61,220,132,.25)}
.lg-botw:hover{border-color:var(--line-strong)}
.lg-botw-k{display:inline-block;color:#04130A;background:var(--green);font-weight:600;font-size:.78rem;letter-spacing:.04em;border-radius:999px;padding:.15rem .7rem;margin-bottom:.9rem}
.lg-botw-row{display:flex;gap:1rem;align-items:center}
.lg-botw h3{font-size:1.6rem;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.lg-bio{color:#C9D5EA;font-size:.92rem;line-height:1.45;margin-top:.3rem}
.lg-small{color:var(--sig);font-size:.82rem;margin-top:.8rem}
.lg-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem}
.lg-strip>div{flex:1 1 6.5rem;background:rgba(5,10,20,.55);border:1px solid var(--line);border-radius:.7rem;padding:.55rem .8rem;display:flex;flex-direction:column}
.lg-strip span{color:var(--mute);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
.lg-strip b{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}
.lg-strip small{color:var(--mute);font-size:.8rem}
.lg-podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:.75rem;padding:1rem 1rem 0;border:1px solid var(--line);border-radius:1rem;background:var(--surface);overflow:hidden}
.lg-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:transparent;border:0;color:var(--text);font:inherit;cursor:pointer;padding:0}
.lg-step:hover .lg-pn{color:#fff;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:4px}
.lg-pn{font-weight:600;font-size:1rem;letter-spacing:-.02em;text-align:center}
.lg-ps{color:var(--mute);font-size:.8rem}.lg-ps b{color:var(--text)}
.lg-plinth{width:100%;margin-top:.5rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;font-weight:700;font-size:1.4rem;border-radius:.6rem .6rem 0 0;background:linear-gradient(#16233D,#0E1830);border:1px solid var(--line-strong);border-bottom:0;color:var(--mute)}
.s1 .lg-plinth{height:6.2rem;color:#04130A;background:linear-gradient(var(--green),#2BB86B);border-color:var(--green)}
.s2 .lg-plinth{height:4.4rem;color:var(--text)}
.s3 .lg-plinth{height:3.2rem;color:var(--sig)}
.lg-av{display:block;border-radius:50%;flex:none}
/* toolbar */
.lg-toolbar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-bottom:1rem}
.lg-toolbar .lg-controls{margin:0}
.lg-pills{display:inline-flex;border:1px solid var(--line-strong);border-radius:999px;padding:3px;background:rgba(10,18,32,.6)}
.lg-pills button{background:transparent;color:var(--mute);border:0;border-radius:999px;padding:.35rem 1.1rem;font:500 .9rem var(--sans);cursor:pointer}
.lg-pills button.on{background:var(--green);color:#04130A;font-weight:600}
/* table */
.lg-table td.bot{min-width:260px;white-space:normal}
.lg-botcell{display:flex;align-items:center;gap:.75rem}
.lg-bn{font-weight:600;font-size:.98rem}
.lg-side{font-size:.7rem;font-weight:500;color:var(--mute);border:1px solid var(--line-strong);border-radius:999px;padding:0 .45rem;margin-left:.3rem;vertical-align:2px}
.lg-side.short{color:#FFC1C1;border-color:rgba(255,143,143,.35)}.lg-side.long{color:#A8F0C6;border-color:rgba(61,220,132,.35)}
.lg-badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}
.lg-badge{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.02em;border-radius:999px;padding:.05rem .5rem;border:1px solid var(--line-strong);color:var(--mute)}
.b-rookie{color:var(--ion);border-color:rgba(141,187,255,.45)}.b-qual{color:#04130A;background:var(--green);border-color:var(--green)}
.b-streak{color:#04130A;background:var(--sig);border-color:var(--sig)}.b-slump{color:#FFC1C1;border-color:rgba(255,143,143,.5)}.b-note{color:var(--sig);border-color:rgba(240,217,168,.5)}
.lg-score{display:inline-block;min-width:2.6rem;text-align:center;font-weight:700;font-size:1rem;padding:.15rem .4rem;border-radius:.5rem;background:rgba(61,220,132,.1);border:1px solid rgba(61,220,132,.3)}
.lg-pnl{display:inline-flex;align-items:center;gap:.6rem;justify-content:flex-end}
.lg-pnl span{min-width:4.2rem;text-align:right}
.lg-rk{display:inline-block;min-width:1.4rem}
.lg-mv{display:inline-block;font-size:.68rem;font-weight:600;margin-left:.35rem;vertical-align:1px}
.lg-mv.up{color:var(--green)}.lg-mv.dn{color:var(--neg)}.lg-mv.eq{color:var(--mute)}
.lg-mv.new{color:var(--ion);border:1px solid rgba(141,187,255,.4);border-radius:999px;padding:0 .35rem;font-weight:500}
.lg-q{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;margin-left:.2rem;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--green);font:600 .72rem var(--sans);cursor:pointer;vertical-align:1px}
.lg-q:hover{border-color:var(--green)}
.lg-table td.c-rank{white-space:nowrap}
.lg-table tbody tr:nth-child(-n+3) td.c-rank .lg-rk{color:var(--green);font-weight:700}
/* warming up */
.lg-warm{margin-top:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.lg-warm summary{cursor:pointer;padding:.9rem 1.1rem;font-weight:600;list-style:none}
.lg-warm summary::-webkit-details-marker{display:none}
.lg-warm summary::before{content:"▸";color:var(--green);margin-right:.6rem;display:inline-block;transition:transform .15s}
.lg-warm[open] summary::before{transform:rotate(90deg)}
.lg-warm summary span{color:var(--mute);font-weight:400;font-size:.9rem;margin-left:.5rem}
.lg-warm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5rem;padding:0 1rem 1rem}
.lg-wb{display:flex;align-items:center;gap:.6rem;text-align:left;background:var(--raised);border:1px solid var(--line);border-radius:.7rem;padding:.5rem .7rem;color:var(--text);font:inherit;cursor:pointer}
.lg-wb:hover{border-color:var(--line-strong)}
.lg-wb b{display:block;font-weight:600;font-size:.92rem}.lg-wb small{color:var(--mute);font-size:.78rem}
/* bot card */
.lg-card{padding:1.6rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(160deg,#0E1830,var(--surface) 60%);margin-bottom:1.5rem}
.lg-card-head{display:flex;gap:1.25rem;align-items:center}
.lg-card h2{font-size:clamp(1.8rem,3.2vw,2.4rem);letter-spacing:-.045em;margin:0}
.lg-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;align-items:center}
.lg-chip{font-size:.78rem;border:1px solid var(--line-strong);border-radius:999px;padding:.1rem .65rem;color:#C9D5EA}
.lg-why{color:var(--mute);font-size:.85rem;margin-top:1rem;max-width:60rem}
.lg-h3{font-weight:500;font-size:1.2rem;letter-spacing:-.02em;margin:0 0 .75rem}
.lg-table tbody tr.sel{background:rgba(61,220,132,.07)}
.lg-table tr.lg-inline{cursor:default}.lg-table tr.lg-inline:hover{background:transparent}
.lg-table tr.lg-inline>td{white-space:normal;padding:0 1rem 1rem}
.lg-panel.lg-panel-inline{position:static;width:auto;max-width:44rem;margin-left:auto;border:1px solid var(--line-strong);border-radius:1rem;box-shadow:none}
.lg-sub{color:var(--mute);font-size:.85em}
/* modal */
.lg-modal{max-width:44rem;width:calc(100% - 2rem);background:linear-gradient(180deg,#0E1830,var(--surface) 240px);color:var(--text);border:1px solid var(--line-strong);border-radius:1rem;padding:1.6rem 1.8rem;box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.lg-modal::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(3px)}
.lg-modal h2{font-size:1.6rem;letter-spacing:-.04em;margin-bottom:.8rem}
.lg-modal h3{font-size:1.05rem;font-weight:600;margin:1.2rem 0 .5rem}
.lg-modal p{color:#C9D5EA;font-size:.93rem;margin:.55rem 0}
.lg-formula{margin:.6rem 0;padding-left:1.2rem;color:#C9D5EA;font-size:.93rem}.lg-formula li{margin:.35rem 0}.lg-formula b{color:var(--text)}
.lg-eq{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem!important;color:var(--text)!important;background:var(--ink);border:1px solid var(--line);border-left:2px solid var(--green);border-radius:.5rem;padding:.6rem .8rem}
.lg-defs{list-style:none;padding:0;margin:0;font-size:.92rem;color:#C9D5EA}.lg-defs li{margin:.4rem 0}
.lg-foot .risk{max-width:56rem}
@media (max-width:900px){.lg-showcase{grid-template-columns:1fr}.pagehead{grid-template-columns:1fr}.lg-buddy{display:none}}
.lg-strip{flex-wrap:nowrap}.lg-strip>div{flex:1 1 0;min-width:0}
.lg-botw .lg-strip b{font-size:1.1rem}
.lg-podium{position:relative;padding-top:2.6rem}
.lg-podium::before{content:"Top 3 by AlgoBot Score";position:absolute;top:1rem;left:1.1rem;color:var(--mute);font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
.lg-showcase:has(> :only-child){grid-template-columns:minmax(0,40rem)}
@media (max-width:640px){.lg-strip{flex-wrap:wrap}.lg-strip>div{flex:1 1 6rem}}
.lg-botw .lg-strip span{white-space:nowrap;font-size:.68rem}