.cs-app{--cs-bg:#182126;--cs-inner:#10181c;--cs-line:#394950;--cs-text:#edf1f2;--cs-muted:#b7c5cb;--cs-gold:#e9c37d;--cs-green:#a3e8bc;color:var(--cs-text)}
html[data-theme=light] .cs-app{--cs-bg:#fffdf9;--cs-inner:#f3f4ef;--cs-line:#cad3cf;--cs-text:#263831;--cs-muted:#52645c;--cs-gold:#805219;--cs-green:#236641}
.cs-app [hidden]{display:none!important}.cs-hero,.cs-sidebar,.cs-main,.cs-help{background:var(--cs-bg);border:1px solid var(--cs-line);border-radius:16px;padding:26px}.cs-hero{background:linear-gradient(125deg,var(--cs-bg),var(--cs-inner));margin-bottom:22px}.cs-hero h1{color:var(--cs-gold);font-size:clamp(1.8rem,4vw,2.6rem);margin:12px 0}.cs-hero p,.cs-help p{color:var(--cs-muted);line-height:1.7}.cs-eyebrow{font-size:.72rem;letter-spacing:.1em;color:var(--cs-gold);font-weight:700}.cs-tag{display:inline-block;color:var(--cs-muted);font-size:.8rem;border:1px solid var(--cs-line);padding:7px 12px;border-radius:20px}.cs-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px;align-items:start}.cs-sidebar{position:sticky;top:95px;padding:18px}.cs-sidebar>label{display:block;font-size:.82rem;font-weight:600;margin:0 0 8px}.cs-app input[type=search],.cs-app select{width:100%;background:var(--cs-inner);color:var(--cs-text);border:1px solid var(--cs-line);border-radius:8px;min-height:42px;padding:8px;font-size:.85rem}.cs-sidebar>input{margin-bottom:16px}.cs-sidebar p{font-size:.8rem;color:var(--cs-muted);margin:12px 0}.cs-sidebar nav{display:flex;flex-direction:column;gap:5px;max-height:460px;overflow:auto;overscroll-behavior:contain}.cs-sidebar a{color:var(--cs-text);padding:10px;border-radius:8px;text-decoration:none;font-size:.88rem}.cs-sidebar a:hover,.cs-sidebar a[aria-current]{background:var(--cs-inner);color:var(--cs-gold);box-shadow:inset 3px 0 var(--cs-gold)}.cs-set-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.cs-set-head h2{font-size:1.55rem;color:var(--cs-text);margin:8px 0}.cs-reset{background:var(--cs-inner);border:1px solid var(--cs-line);color:var(--cs-text);border-radius:8px;padding:9px 12px;font-size:.8rem}.cs-muted{color:var(--cs-muted);font-size:.85rem;line-height:1.6}.cs-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin:20px 0}.cs-piece{padding:15px;background:var(--cs-inner);border:1px solid var(--cs-line);border-radius:12px;min-width:0}.cs-selected{border-color:var(--cs-green);box-shadow:inset 0 0 0 1px var(--cs-green)}.cs-check{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:.9rem}.cs-check input{width:19px;height:19px;accent-color:#378b58}.cs-preview{display:flex;align-items:center;gap:12px;min-height:88px;margin:10px 0}.cs-preview img{width:40px;height:76px;object-fit:contain;flex-shrink:0}.cs-preview strong{font-size:.85rem;overflow-wrap:anywhere}.cs-piece small{display:block;margin-top:9px;font-size:.75rem}.cs-result{background:var(--cs-inner);border:1px solid var(--cs-line);border-left:4px solid var(--cs-green);padding:20px;border-radius:12px;margin:24px 0}.cs-result h3{font-size:1.15rem;color:var(--cs-green);margin:10px 0}.cs-result p{margin:10px 0 0;font-size:.85rem;color:var(--cs-muted)}.cs-bonuses{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:15px 0}.cs-bonuses li{border:1px solid var(--cs-line);border-radius:8px;padding:8px 10px;color:var(--cs-text);font-size:.88rem}.cs-subtitle{font-size:1.1rem;color:var(--cs-text)}.cs-tier{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--cs-line);font-size:.86rem;color:var(--cs-muted)}.cs-tier-active{color:var(--cs-green)}.cs-source,.cs-help a{color:var(--cs-gold)}.cs-source{display:inline-block;margin-top:20px;font-size:.85rem}.cs-help{margin-top:22px}.cs-help h2{font-size:1.15rem;color:var(--cs-text)}.cs-help p:last-child{margin:0;font-size:.8rem}.cs-warning{border-left:3px solid var(--cs-gold);padding:12px;background:var(--cs-inner);color:var(--cs-gold);font-size:.85rem;margin-top:15px}.cs-app :is(a,button,input,select):focus-visible{outline:2px solid var(--cs-gold);outline-offset:3px}#cs-detail{scroll-margin-top:95px}
@media(max-width:760px){.cs-layout{grid-template-columns:1fr}.cs-sidebar{position:static}.cs-sidebar nav{max-height:180px}.cs-hero,.cs-main,.cs-help{padding:18px}.cs-tier{grid-template-columns:75px 1fr;gap:10px}.cs-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-preview{flex-direction:column;align-items:flex-start}.cs-piece{padding:10px}.cs-piece select{font-size:.75rem}.cs-preview strong{min-height:42px}}@media(max-width:380px){.cs-groups{grid-template-columns:1fr}.cs-preview{flex-direction:row}}
.cs-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:12px}.cs-directory-card{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid var(--cs-line);border-radius:12px;background:var(--cs-inner);text-decoration:none;color:var(--cs-text);min-width:0}.cs-directory-card:hover{border-color:var(--cs-gold);color:var(--cs-gold)}.cs-directory-card h2{font-size:1.05rem;margin:9px 0;color:inherit}.cs-directory-card small{color:var(--cs-muted)}.cs-directory-card img{object-fit:contain;flex-shrink:0}.cs-item-list{list-style:none;padding:0}.cs-item-list li{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:.85rem}.cs-item-list img{object-fit:contain;flex-shrink:0}