@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cd-bg: #0a0610;--cd-velvet: #1a0820;--cd-walnut: #5a3422;--cd-flame: #f6c15e;--cd-cream: #f4e7c8;--cd-line: rgba(244,231,200,.1);--cd-text: #f4e7c8;--cd-text-mute: rgba(244,231,200,.62);--cd-text-quiet: rgba(244,231,200,.38);--cd-display: "Inter Tight", system-ui, sans-serif;--cd-body: "Inter", system-ui, sans-serif;--cd-mono: "JetBrains Mono", ui-monospace, monospace}body{background:var(--cd-bg);color:var(--cd-text);font-family:var(--cd-body)}.cd{max-width:1120px;margin:0 auto;padding:36px 22px 60px}.cd__hero{margin-bottom:32px}.cd__kicker{font-family:var(--cd-mono);font-size:11px;letter-spacing:.7px;color:var(--cd-flame);text-transform:uppercase;margin:0 0 14px}.cd__title{font-family:var(--cd-display);font-weight:900;font-size:clamp(40px,6.5vw,72px);line-height:.94;letter-spacing:-.025em;margin:0 0 14px;background:linear-gradient(180deg,var(--cd-cream),var(--cd-flame));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cd__sub{font-family:var(--cd-body);font-size:15px;line-height:1.55;color:var(--cd-text-mute);max-width:680px;margin:0}.cd__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}@media(max-width:980px){.cd__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cd__grid{grid-template-columns:1fr}}.cd__card{position:relative;background:linear-gradient(135deg,#f4e7c80a,#f4e7c803),linear-gradient(180deg,color-mix(in srgb,var(--card-c) 14%,var(--cd-velvet)) 0%,var(--cd-velvet) 100%);border:2px solid var(--rarity-c, var(--cd-walnut));border-radius:14px;padding:14px 14px 12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 24px #0006;transition:transform .22s ease,box-shadow .22s ease}.cd__card:hover{transform:translateY(-4px);box-shadow:0 10px 32px #0000008c}.cd__card--legendary{background:linear-gradient(135deg,#f6c15e1a,#a8ff3a0a 50%,#6e59c01a),linear-gradient(180deg,color-mix(in srgb,var(--card-c) 14%,var(--cd-velvet)) 0%,var(--cd-velvet) 100%);box-shadow:0 0 0 1px #f6c15e40,0 8px 32px #f6c15e2e,0 6px 24px #0006}.cd__card--legendary:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(246,193,94,.18) 0%,transparent 50%)}.cd__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed rgba(244,231,200,.1)}.cd__card-rarity{font-family:var(--cd-mono);font-size:9px;letter-spacing:.7px;color:var(--rarity-c, var(--cd-text));text-transform:uppercase;margin:0;padding:2px 7px;border:1px solid var(--rarity-c, var(--cd-line));border-radius:999px;background:color-mix(in srgb,var(--rarity-c, var(--cd-velvet)) 16%,transparent)}.cd__card-bpm{font-family:var(--cd-mono);font-size:11px;color:var(--cd-text-mute);margin:0;letter-spacing:.3px}.cd__card-portrait{margin:0 -4px 12px;aspect-ratio:1.3;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--card-c) 30%,transparent) 0%,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--card-c) 22%,var(--cd-velvet)),var(--cd-velvet));border-radius:10px;display:grid;place-items:center;border:1px solid rgba(244,231,200,.1)}.cd__card-portrait-frame{width:70%;max-width:130px}.cd__card-portrait-frame img{width:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.cd__card-body{flex:1;display:flex;flex-direction:column;gap:8px}.cd__card-name{font-family:var(--cd-display);font-weight:800;font-size:19px;letter-spacing:-.015em;line-height:1.15;margin:0;color:var(--cd-text)}.cd__card-title{font-family:var(--cd-body);font-size:12px;font-style:italic;color:var(--card-c);margin:0;letter-spacing:.1px}.cd__card-quote{font-family:var(--cd-display);font-weight:500;font-size:13.5px;font-style:italic;line-height:1.4;color:var(--cd-cream);margin:4px 0 2px;padding-left:8px;border-left:2px solid var(--card-c)}.cd__card-stats{display:grid;grid-template-columns:38px 1fr;gap:4px 8px;margin:6px 0 4px;padding:6px 0;border-top:1px dashed rgba(244,231,200,.08);border-bottom:1px dashed rgba(244,231,200,.08)}.cd__card-stats dt{font-family:var(--cd-mono);font-size:8.5px;color:var(--cd-text-quiet);letter-spacing:.6px;text-transform:uppercase;padding-top:2px}.cd__card-stats dd{font-family:var(--cd-body);font-size:11px;line-height:1.35;color:var(--cd-text-mute);margin:0}.cd__card-tracks{font-family:var(--cd-mono);font-size:11px;line-height:1.55;color:var(--cd-flame);margin:4px 0;letter-spacing:.1px}.cd__card-track{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.cd__card-bio{font-family:var(--cd-body);font-size:11.5px;line-height:1.5;color:var(--cd-text-quiet);margin:2px 0 0}.cd__card-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(244,231,200,.1)}.cd__card-power{display:grid;grid-template-columns:80px 1fr 32px;gap:8px;align-items:center;margin-bottom:6px}.cd__card-power-label{font-family:var(--cd-mono);font-size:9px;letter-spacing:.5px;color:var(--cd-text-quiet);text-transform:uppercase;margin:0}.cd__card-power-bar{height:4px;background:#f4e7c814;border-radius:2px;overflow:hidden}.cd__card-power-fill{height:100%;background:linear-gradient(90deg,var(--card-c),var(--cd-flame));border-radius:2px}.cd__card-power-val{font-family:var(--cd-display);font-weight:700;font-size:13px;color:var(--cd-text);margin:0;text-align:right;letter-spacing:-.01em}.cd__card-id{font-family:var(--cd-mono);font-size:9px;color:var(--cd-text-quiet);margin:0;letter-spacing:.5px;text-align:center}.cd__legend{padding:18px 22px;background:#f4e7c808;border:1px solid var(--cd-line);border-radius:10px;margin-bottom:22px}.cd__legend-label{font-family:var(--cd-mono);font-size:10px;letter-spacing:.6px;color:var(--cd-flame);margin:0 0 8px;text-transform:uppercase}.cd__legend-row{font-family:var(--cd-mono);font-size:11px;color:var(--cd-text-mute);display:flex;gap:18px;flex-wrap:wrap;align-items:center}.cd__legend-pip{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--p, var(--cd-walnut));margin-right:4px;vertical-align:middle}.cd__foot{padding-top:24px;border-top:1px solid var(--cd-line);margin-top:18px;font-family:var(--cd-mono);font-size:11px;color:var(--cd-text-quiet);line-height:1.7;text-align:center}.cd__foot a{color:var(--cd-flame);text-decoration:none}.cd__foot a:hover{text-decoration:underline}.cd__foot-credit{margin-top:10px;font-size:10.5px}@media print{body{background:#fff;color:#000}.cd{padding:0;max-width:none}.cd__title{-webkit-text-fill-color:#000;background:none;color:#000}.cd__kicker,.cd__sub{color:#444}.cd__kicker{color:#b97f00}.cd__grid{grid-template-columns:repeat(4,1fr);page-break-inside:avoid}.cd__card{background:#fff;border-color:#aaa;box-shadow:0 1px 2px #0000001a}.cd__card-name,.cd__card-quote,.cd__card-power-val{color:#000}.cd__card-stats dd,.cd__card-bio,.cd__card-bpm{color:#444}.cd__card-tracks{color:#b97f00}.cd__card-portrait{background:#f8f5ed}.cd__legend,.cd__foot{background:none}.cd__legend-label{color:#b97f00}.cd__legend-row,.cd__foot{color:#555}.cd__foot a{color:#b97f00}}