.cppsn{--ink:#16161a;--accent:#2e5cff;--paper:#f7f6f2;--ink-60:#16161a99;--ink-42:#16161a6b;--line:#16161a1f;--gold:#e5a93b;--rare:#9b6be0;--legend:#2e5cff;--iconic:#de5b4e;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;line-height:1.5}.cppsn *{box-sizing:border-box;margin:0;padding:0}.cppsn-band{background:#fff;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:clamp(6px,1.4vw,16px) 0 clamp(30px,4.6vw,60px)}.cppsn-inner{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.cppsn-crumb{color:var(--ink-42);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:12.5px;font-weight:600;display:flex}.cppsn-crumb a{transition:color .14s;color:var(--ink-60)!important;text-decoration:none!important}.cppsn-crumb a:hover{color:var(--accent)!important}.cppsn-crumb span.sep{opacity:.5}.cppsn-crumb span.here{color:var(--ink)!important}.cppsn h1{letter-spacing:-.025em;font-family:Bricolage Grotesque,sans-serif;color:var(--ink)!important;margin:0 0 clamp(20px,3vw,28px)!important;font-size:clamp(30px,5vw,46px)!important;font-weight:800!important;line-height:1.05!important}.cppsn h1 b{font-weight:800;color:var(--accent)!important}.cppsn-card{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:clamp(20px,3.4vw,40px);padding:clamp(20px,3vw,32px);display:grid;box-shadow:0 2px 4px #16161a0a,0 18px 40px -18px #16161a42,0 44px 80px -50px #2e5cff47}@media (max-width:800px){.cppsn-card{grid-template-columns:minmax(0,1fr);gap:24px}}.cppsn-fields{flex-direction:column;gap:16px;display:flex}.cppsn-field{flex-direction:column;gap:8px;display:flex}.cppsn-lab{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-42);font-size:11px;font-weight:700}.cppsn-inrow{gap:10px;display:flex}.cppsn-inwrap{border:1.5px solid var(--line);background:#fff;border-radius:12px;flex:1;align-items:center;height:50px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cppsn-inwrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2e5cff26}.cppsn-inwrap input{flex:1;min-width:0;height:100%;padding:0 15px;font-family:inherit;font-size:16px;font-weight:600;color:var(--ink)!important;background:0 0!important;border:0!important}.cppsn-inwrap input:focus{outline:0;box-shadow:none!important}.cppsn-hint{color:var(--ink-42);font-size:11.5px}.cppsn-genres{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cppsn-genre{appearance:none;border:1.5px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .15s;display:flex}.cppsn-genre:hover{border-color:#2e5cff66}.cppsn-genre.on{border-color:var(--accent);background:#2e5cff0f;box-shadow:0 0 0 3px #2e5cff1f}.cppsn-genre .name{color:var(--ink);font-size:13px;font-weight:700}.cppsn-genre .tag{color:var(--ink-42);font-size:11px}.cppsn-go{appearance:none;cursor:pointer;background:var(--accent);color:#fff;letter-spacing:.01em;border:0;border-radius:14px;width:100%;margin-top:4px;padding:15px 18px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s;box-shadow:0 10px 24px -10px #2e5cffb3}.cppsn-go:hover{filter:brightness(1.05);transform:translateY(-1px)}.cppsn-go:active{transform:translateY(0)}.cppsn-result{flex-direction:column;display:flex}.cppsn-empty{text-align:center;height:100%;min-height:260px;color:var(--ink-42);background:var(--paper);border:1.5px dashed var(--line);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.cppsn-empty .emoji{font-size:34px}.cppsn-cardface{color:#fff;background:linear-gradient(160deg,#191933 0%,#0f0f24 100%);border:1px solid #ffffff14;border-radius:20px;padding:clamp(20px,2.6vw,26px);position:relative;overflow:hidden}.cppsn-cardface:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 85% 0,#2e5cff59,#0000 60%);position:absolute;inset:0}.cppsn-rarity{letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:800;display:inline-flex;position:relative}.cppsn-rarity .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.cppsn-stagename{letter-spacing:-.01em;margin-top:14px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(24px,3.4vw,32px);font-weight:800;line-height:1.1;position:relative}.cppsn-tagline{color:#ffffffb3;margin-top:6px;font-size:13px;position:relative}.cppsn-meta{flex-direction:column;gap:8px;margin-top:16px;font-size:12.5px;display:flex;position:relative}.cppsn-metarow{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:10px;padding-bottom:8px;display:flex}.cppsn-metarow .lab{color:#ffffff80}.cppsn-metarow .val{text-align:right;font-weight:700}.cppsn-stats{flex-direction:column;gap:9px;margin-top:16px;display:flex;position:relative}.cppsn-stat{grid-template-columns:96px 1fr 30px;align-items:center;gap:8px;font-size:11.5px;display:grid}.cppsn-stat .slab{color:#fff9;font-weight:600}.cppsn-stat .sval{text-align:right;font-weight:700}.cppsn-bar{background:#ffffff1f;border-radius:6px;height:6px;overflow:hidden}.cppsn-bar i{background:linear-gradient(90deg,#8fb0ff,#2e5cff);border-radius:6px;height:100%;display:block}.cppsn-score{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex;position:relative}.cppsn-score .lab{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;font-size:11px}.cppsn-score .num{font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800}.cppsn-note{border-top:1px solid var(--line);color:var(--ink-42);grid-column:1/-1;margin-top:4px;padding-top:16px;font-size:11.5px;line-height:1.5}