/* PackClash · light theme (preview with ?theme=light) */
html.light{--bg:#f6f6f3;--bg2:#efefeb;--s1:#ffffff;--s2:#f3f3f0;--s3:#e7e7e3;--line:rgba(20,22,30,.08);--line2:rgba(20,22,30,.14);--tx:#14161c;--tx2:#4a4d57;--mut:#80838d;--gold:#d99a00;--gold2:#f2b800;--c-common:#9aa1ab;--c-epic:#e0a400}
html.light,html.light body{background:var(--bg)}
html.light body::before{background:radial-gradient(900px 500px at 12% 8%,rgba(255,77,94,.09),transparent 60%),radial-gradient(900px 500px at 88% 8%,rgba(74,141,255,.1),transparent 60%),linear-gradient(rgba(20,22,30,.03) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(20,22,30,.03) 1px,transparent 1px) 0 0/48px 48px}
html.light .feedbar{background:#fff;border-bottom-color:var(--line)}html.light .fb-l{background:#fafaf8}
html.light .fb-item{background:var(--bg2)}
html.light .top{background:rgba(246,246,243,.85)}
html.light .btn.light{background:#14161c;color:#fff;box-shadow:0 8px 24px -12px rgba(20,22,30,.5)}html.light .btn.light:hover{background:#000}
html.light .btn.ghost{background:#fff}
html.light .ring{background:#fff;box-shadow:0 30px 70px -40px rgba(20,22,30,.35)}
html.light .corner.red{background:linear-gradient(160deg,rgba(255,77,94,.16),rgba(255,77,94,.03) 60%),#fff}
html.light .corner.blue{background:linear-gradient(200deg,rgba(74,141,255,.16),rgba(74,141,255,.03) 60%),#fff}
html.light .red .c-tag{color:#e0303f}html.light .blue .c-tag{color:#2f6fe0}
html.light .c-rank{background:rgba(20,22,30,.06)}
html.light .stage{background:radial-gradient(500px 300px at 50% 55%,rgba(242,184,0,.14),transparent 70%),#f3f3f0}
html.light .pslab .pv{background:#fff}
html.light .vs span{box-shadow:0 0 0 6px #fff,0 0 40px rgba(242,184,0,.5)}
html.light .tug-knot{box-shadow:0 0 0 4px #fff,0 0 18px rgba(242,184,0,.5)}
html.light .reel{background:#f3f3f0}html.light .reel-fade.l{background:linear-gradient(90deg,#f3f3f0,transparent)}html.light .reel-fade.r{background:linear-gradient(-90deg,#f3f3f0,transparent)}
html.light .rcard{background:#fff}
html.light .tr.th{background:var(--bg2)}
html.light .steps,html.light .table,html.light .tier,html.light .pl,html.light .rd,html.light .lform,html.light .earn,html.light .house{background:#fff}
html.light .house{background:radial-gradient(600px 400px at 85% 50%,rgba(242,184,0,.1),transparent 70%),#fff}
html.light input,html.light textarea,html.light .drop,html.light .seg,html.light .ca-row code{background:var(--bg)}
html.light .seg button.on,html.light .tabs button.on{background:#14161c;color:#fff;border-color:#14161c}
html.light .tier.now::before{color:#fff}
html.light .pl .ago{background:rgba(255,255,255,.9)}
html.light .challenger{background:var(--bg2)}
html.light .fighter{background:linear-gradient(160deg,rgba(255,77,94,.14),rgba(255,77,94,.03) 60%),#fff}
html.light .snd,html.light .ca{background:#fff}
html.light .toast{background:#14161c;color:#fff}
html.light .hl{background:linear-gradient(90deg,#ff3b4f,#e0a400 50%,#2f6fe0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}

html.light .hl{background:linear-gradient(90deg,#ff3b4f 0%,#c43bff 50%,#2f6fe0 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@media (min-width:681px){html.light .corner{min-height:340px}}html.light .c-open b{color:var(--tx)}
html.light h2 span,html.light .stakes-top b{color:#d99a00}