:root{--ink:#2b1055;--ink-soft:#5b3f8c;--gold:#ffd23f;--gold-deep:#f5a700;--sky-top:#7fd3ff;--sky-bottom:#ffd6f0;--hill:#3ccf6e;--hill-back:#2fa957;--paper:#fffaf0;--red:#ff4d6d;--stone:#b9b4c7;--stone-dark:#8d86a3;--night:#1b0f3a;--spotify:#1db954;--soundcloud:#ff5500;--shadow:5px 5px 0 var(--ink);--display:"Bagel Fat One","Arial Black",system-ui,sans-serif;--body:"Space Grotesk",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--body);color:var(--ink);background:var(--paper);background-image:radial-gradient(var(--sky-bottom) 1.5px,transparent 1.5px);background-size:22px 22px;min-height:100vh;overflow-x:hidden}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.5px;margin:0}main{padding:0 16px 48px}.nav,main{max-width:1040px;margin:0 auto}.nav{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px}.logo,.nav{display:flex;align-items:center}.logo{font-family:var(--display);font-size:24px;text-decoration:none;gap:6px}.logo-crown{width:30px;height:25px;color:var(--gold-deep);filter:drop-shadow(2px 2px 0 var(--ink));animation:wobble 3s ease-in-out infinite}.nav-icon{width:16px;height:16px;vertical-align:-3px}.nav nav{display:flex;gap:8px;flex-wrap:wrap}.nav nav a{text-decoration:none;font-weight:700;padding:6px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;font-size:14px;transition:transform .1s}.nav nav a:hover{transform:translateY(-2px);background:var(--gold)}.hero{text-align:center;padding:16px 0 20px}.hero h1{font-size:clamp(38px,8vw,76px);line-height:1}.hl{color:var(--gold-deep);-webkit-text-stroke:2px var(--ink);display:inline-block;animation:wobble 2.4s ease-in-out infinite}.tagline{font-size:clamp(16px,2.6vw,21px);max-width:620px;margin:12px auto 0;color:var(--ink-soft)}.notice{text-align:center;font-weight:700;background:#fff;border:2px dashed var(--ink);border-radius:12px;padding:10px}.scene{--ground:clamp(96px,15vw,150px);position:relative;min-height:clamp(420px,56vw,560px);padding:clamp(18px,3vw,28px) 0 var(--ground);display:flex;justify-content:center;align-items:flex-start;border:4px solid var(--ink);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,var(--sky-top) 0,var(--sky-bottom) 100%);box-shadow:8px 8px 0 var(--ink)}.sun{position:absolute;top:26px;right:40px;width:80px;height:80px;border-radius:50%;background:var(--gold);border:4px solid var(--ink);box-shadow:0 0 0 14px rgba(255,210,63,.35);animation:pulse 4s ease-in-out infinite}.cloud{height:34px;border:3px solid var(--ink);border-radius:999px;animation:drift linear infinite}.cloud,.cloud:before{position:absolute;background:#fff}.cloud:before{content:"";width:44%;height:150%;left:18%;bottom:30%;border:3px solid var(--ink);border-bottom:none;border-radius:999px 999px 0 0}.c1{top:40px;width:130px;animation-duration:38s}.c1,.c2{left:-140px}.c2{top:110px;width:90px;animation-duration:52s;animation-delay:-20s}.c3{top:64px;width:110px;animation-duration:44s;animation-delay:-34s;left:-140px}.hill{position:absolute;bottom:0;left:0;width:100%;height:calc(var(--ground) * 1.65)}.hill path{stroke:var(--ink);stroke-width:4}.crowd{position:absolute;bottom:0;left:0;width:100%;height:clamp(44px,9vw,74px);fill:var(--ink);stroke:var(--ink);opacity:.92}.crowd .fan,.crowd .fan-up path:not(:first-of-type){transform-box:fill-box;transform-origin:bottom center}.crowd .fan-up path:not(:first-of-type){animation:wave .9s ease-in-out infinite alternate}@keyframes wave{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.ruler{align-items:center;z-index:2;width:min(92%,560px)}.banner,.ruler{position:relative;display:flex;flex-direction:column}.banner{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 18px;text-align:center;box-shadow:var(--shadow);gap:2px}.banner:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translateX(-50%) rotate(45deg);width:18px;height:18px;background:#fff;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink)}.banner-title{font-family:var(--display);font-size:clamp(22px,4.6vw,38px);line-height:1.1;overflow-wrap:anywhere}.banner-msg{font-size:clamp(14px,2.4vw,17px);color:var(--ink-soft);overflow-wrap:anywhere}.banner-link{font-weight:700;font-size:14px;color:var(--ink)}.king{position:relative;margin-top:26px;display:flex;flex-direction:column;align-items:center;animation:hover 3.2s ease-in-out infinite;will-change:transform}.crown{width:clamp(54px,9vw,80px);height:auto;margin-bottom:-14px;z-index:2;filter:drop-shadow(3px 3px 0 rgba(43,16,85,.25));animation:wobble 2.2s ease-in-out infinite}.crown-free{margin-bottom:6px;animation:float 2s ease-in-out infinite}.reign-bar{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.reign-bar>div{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;min-width:150px;flex:1 1 150px;max-width:260px}.label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.value{font-family:var(--display);font-size:28px}.value.gold{color:var(--gold-deep);-webkit-text-stroke:1px var(--ink)}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:700;font-size:16px;color:var(--ink);background:var(--gold);border:3px solid var(--ink);border-radius:999px;padding:10px 20px;box-shadow:var(--shadow);cursor:pointer;text-decoration:none;transition:transform .08s,box-shadow .08s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-big{font-family:var(--display);font-weight:400;font-size:clamp(20px,3.6vw,26px);padding:14px 30px}.btn-ghost{background:#fff}.btn-x{background:#111;color:#fff}.cta{display:flex;justify-content:center;margin-top:28px}.cta>.btn-big{animation:nudge 2.5s ease-in-out infinite}.claim{width:100%;max-width:640px;background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:20px;display:flex;flex-direction:column;gap:16px;animation:pop .25s ease-out}.claim-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.claim-head h2{font-size:clamp(22px,4vw,30px);overflow-wrap:anywhere}.x{border:2px solid var(--ink);background:#fff;border-radius:50%;width:34px;height:34px;flex:none;cursor:pointer;font-weight:700;color:var(--ink)}.row{display:flex;gap:12px;flex-wrap:wrap}.grow{flex:1 1 200px}.field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px}.field small{font-weight:400;color:var(--ink-soft)}.field input,.field textarea{font:inherit;font-weight:500;font-size:16px;color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:10px 12px;background:var(--paper);width:100%}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{outline:none;background:#fff;box-shadow:0 0 0 4px var(--gold)}.bid{display:flex;align-items:center;border:3px solid var(--ink);border-radius:12px;background:var(--paper);overflow:hidden}.bid .dollar{font-size:28px;padding:0 4px 0 14px}.bid .dollar,.bid input{font-family:var(--display)}.bid input{border:none;font-size:30px;background:transparent;padding:6px 10px 6px 4px}.bid input:focus{box-shadow:none}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{font:inherit;font-size:13px;font-weight:700;color:var(--ink);border:2px solid var(--ink);border-radius:999px;background:#fff;padding:5px 12px;cursor:pointer}.quick button:hover{background:var(--sky-bottom)}.quick button.on{background:var(--gold)}.quick .cta-custom{width:150px;flex:1 1 120px;padding:5px 12px;font-size:13px;border-width:2px;border-radius:999px}.error{margin:0;background:#ffe1e7;border:2px solid var(--red);color:#9b0024;border-radius:12px;padding:10px 12px;font-weight:700}.fine{margin:0;text-align:center;font-size:13px;color:var(--ink-soft)}fieldset{border:2px dashed var(--ink-soft);border-radius:16px;padding:12px 14px 16px;margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}legend{font-family:var(--display);font-size:18px;padding:0 6px}.toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:50;background:var(--red);color:#fff;font-weight:700;border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:12px 18px;width:max-content;max-width:calc(100vw - 32px);text-align:center;animation:drop .35s ease-out}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-top:48px}.stat{background:var(--ink);color:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-num{font-family:var(--display);font-size:32px;color:var(--gold)}.stat-label{font-size:14px;opacity:.85}.recent-fallen{margin-top:56px;text-align:center}.recent-fallen h2{font-size:clamp(28px,5vw,40px);margin-bottom:20px}.recent-fallen .btn{margin-top:24px}.graveyard{max-width:none;background:linear-gradient(180deg,var(--night) 0,#3a1f6e 100%);color:#fff;padding-top:8px;min-height:80vh;position:relative}.graveyard:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#fff8 1px,transparent 1.5px);background-size:90px 90px,130px 130px;background-position:0 0,40px 60px;opacity:.5;pointer-events:none}.graveyard>*{position:relative;max-width:1040px;margin-left:auto;margin-right:auto}.graveyard .hero h1{color:#fff}.graveyard .tagline{color:#d8cff0}.hall{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.hall-card{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.25);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.hall-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}.hall-who{font-weight:700;overflow-wrap:anywhere}.hall-val{font-family:var(--display);font-size:26px}.sorts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.sorts a{text-decoration:none;font-weight:700;font-size:14px;border:2px solid rgba(255,255,255,.5);border-radius:999px;padding:6px 14px}.sorts a.on{background:var(--gold);color:var(--ink);border-color:var(--gold)}.graves{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:28px 20px;gap:28px 20px}.graves-mini{grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;text-align:left}.grave{display:flex;flex-direction:column;align-items:center;transform:rotate(var(--tilt,0deg));transition:transform .2s}.grave:hover{transform:rotate(0deg) translateY(-4px)}.grave-stone{width:100%;background:linear-gradient(180deg,var(--stone) 0,var(--stone-dark) 100%);color:var(--ink);border:4px solid var(--ink);border-bottom:none;border-radius:110px 110px 8px 8px;padding:26px 16px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:inset -10px 0 0 rgba(43,16,85,.12)}.grave-rip{font-family:var(--display);font-size:22px;letter-spacing:2px;opacity:.75}.grave-epitaph,.grave-killer,.grave-meta,.grave-msg{margin:0;font-size:13.5px}.grave-msg{overflow-wrap:anywhere;color:#3e2a66}.grave-epitaph{font-style:italic;font-weight:500}.grave-killer{font-weight:700;background:rgba(255,255,255,.55);border-radius:999px;padding:3px 10px;overflow-wrap:anywhere}.grave-dirt{width:104%;height:22px;background:#5a3d2b;border:4px solid var(--ink);border-radius:50% 50% 10px 10px;margin-top:-4px;box-shadow:inset 0 6px 0 #3ccf6e}.empty-grave{text-align:center;padding:40px 0}.big-emoji{font-size:84px;margin:0}.crowned{text-align:center;padding-top:32px;position:relative;min-height:70vh;overflow:hidden}.crowned h1{font-size:clamp(34px,7vw,64px);overflow-wrap:anywhere}.crowned>.btn{margin-top:24px}.share{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}.spin{display:inline-block;animation:spin 1.4s linear infinite}.confetti{position:absolute;inset:0;pointer-events:none}.confetti span{position:absolute;top:-40px;animation:fall linear infinite;color:var(--ink-soft)}.confetti svg{width:30px;height:30px}.confetti span:nth-child(4n+1) svg{color:#ff4d6d}.rules ol{max-width:680px;margin:0 auto;background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:24px 24px 24px 44px;line-height:1.55;font-size:17px}.rules li+li{margin-top:12px}.footer{text-align:center;font-size:13px;color:var(--ink-soft);padding:24px 16px 32px}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(8deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 10px rgba(255,210,63,.35)}50%{box-shadow:0 0 0 22px rgba(255,210,63,.2)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 300px))}}@keyframes nudge{0%,85%,to{transform:rotate(0)}88%{transform:rotate(-3deg)}91%{transform:rotate(3deg)}94%{transform:rotate(-2deg)}}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drop{0%{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important}}.cover{display:block;aspect-ratio:1;object-fit:cover;background:#fff}.cover-empty{display:flex;align-items:center;justify-content:center;background:var(--night);font-size:2em}.banner-kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-deep)}.record{width:clamp(110px,20vw,168px);height:clamp(110px,20vw,168px)}.king-cover,.record{position:relative;z-index:1}.king-cover{width:100%;height:100%;border:4px solid var(--ink);border-radius:10px;box-shadow:var(--shadow);font-size:clamp(48px,8vw,72px)}.vinyl{position:absolute;top:6%;left:38%;width:88%;height:88%;border-radius:50%;border:3px solid var(--ink);background:radial-gradient(circle,var(--gold) 0 14%,#111 15% 18%,#2a2a2a 19% 22%,#111 23% 40%,#2a2a2a 41% 43%,#111 44% 100%);animation:spin 3.2s linear infinite}.empty-mic{width:clamp(70px,12vw,104px);height:clamp(70px,12vw,104px);color:var(--ink)}.notes{position:absolute;inset:0;pointer-events:none;z-index:1}.notes svg{position:absolute;bottom:40%;width:clamp(22px,4vw,34px);height:clamp(22px,4vw,34px);color:var(--ink-soft);opacity:0;animation:note 6s ease-in infinite}.notes svg:first-child{left:30%;animation-delay:0s}.notes svg:nth-child(2){left:64%;animation-delay:1.2s;color:#ff4d6d}.notes svg:nth-child(3){left:40%;animation-delay:2.4s}.notes svg:nth-child(4){left:58%;animation-delay:3.6s;color:#4d7cff}.notes svg:nth-child(5){left:34%;animation-delay:4.8s}@keyframes note{0%{transform:translateY(0) rotate(-10deg);opacity:0}15%{opacity:.9}to{transform:translateY(-160px) rotate(20deg);opacity:0}}.player{width:100%;border:0;border-radius:14px;display:block}.player-sc{height:300px}.player-spotify{height:152px}.player.compact{height:80px}.player-sc.compact{height:120px}.listen{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.listen-btn{font-weight:700;font-size:14px;text-decoration:none;color:#fff;border:3px solid var(--ink);border-radius:999px;padding:7px 16px;box-shadow:3px 3px 0 var(--ink);transition:transform .08s;max-width:100%;overflow-wrap:anywhere}.listen-btn:hover{transform:translate(-1px,-1px)}.listen-btn.spotify{background:var(--spotify)}.listen-btn.soundcloud{background:var(--soundcloud)}.listen-btn.extra{background:#fff;color:var(--ink)}.link-input .dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);margin-right:2px}.link-input.spotify .dot{background:var(--spotify)}.link-input.soundcloud .dot{background:var(--soundcloud)}.link-input .status{margin-left:8px;font-weight:700}.link-input .status.ok{color:#138a3c}.link-error{color:#9b0024;font-weight:700}.hint{margin:-6px 0 0;font-size:13px;color:var(--ink-soft)}.preview{display:flex;gap:14px;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:12px;animation:pop .25s ease-out}.preview.loading{opacity:.7}.preview-cover{width:96px;height:96px;flex:none;border:3px solid var(--ink);border-radius:10px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:700;font-size:14px}.preview-cover img{width:100%;height:100%;object-fit:cover}.preview-fields{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1}.preview-fields input{font:inherit;color:var(--ink);border:2px solid transparent;border-radius:8px;background:transparent;padding:2px 6px;width:100%}.preview-fields input:focus,.preview-fields input:hover{border-color:var(--ink);background:#fff;outline:none}.preview-track{font-family:var(--display)!important;font-size:22px!important}.preview-artist{font-weight:700;color:var(--ink-soft)!important}.preview-fields small{font-size:11px;color:var(--ink-soft);padding-left:6px}.link-btn{font:inherit;font-weight:700;color:var(--ink-soft);background:none;border:none;cursor:pointer;text-decoration:underline;align-self:flex-start;padding:0}.grave-cover{width:84px;height:84px;border:3px solid var(--ink);border-radius:8px;filter:grayscale(.85);transition:filter .2s;font-size:40px}.grave:hover .grave-cover{filter:none}.grave-artist{margin:-4px 0 0;font-weight:700;font-size:14px;overflow-wrap:anywhere}.grave-play{font:inherit;font-weight:700;font-size:14px;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:7px 18px;cursor:pointer}.grave-play:hover{background:#4a2490}.grave .listen-btn{font-size:12px;padding:4px 10px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.inline-cover{display:inline-block;width:1.4em;height:1.4em;vertical-align:-.35em;border:2px solid var(--ink);border-radius:4px;font-size:.7em}.crowned-cover{width:160px;height:160px;margin:0 auto 16px;border:5px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);font-size:72px;position:relative;z-index:1}@media (max-width:520px){.preview-cover{width:76px;height:76px}.player-sc{height:166px}}.price-box .sub{font-size:12px;color:var(--ink-soft)}.falling{display:inline-block;color:var(--red);-webkit-text-stroke:0;animation:bob .8s ease-in-out infinite alternate}.btn svg,.grave-killer svg,.grave-play svg,.hall-label svg,.listen-btn svg,.status svg,.toast svg,.x svg{width:1.15em;height:1.15em;flex:none;vertical-align:-.18em}.grave-play,.hall-label,.listen-btn,.status,.toast{display:inline-flex;align-items:center;gap:6px}.toast{display:flex}.toast,.x{justify-content:center}.x{display:inline-flex;align-items:center}.h-icon{width:.85em;height:.85em;vertical-align:-.08em}.big-icon{width:88px;height:88px;color:var(--ink);display:block;margin:0 auto 8px}.graveyard .big-icon{color:#d8cff0}.cover-empty svg{width:62%;height:62%;color:var(--gold)}.falling{width:.8em;height:.8em;vertical-align:-.05em}.banner-title.long{font-size:clamp(18px,3.4vw,30px)}.banner{max-width:min(92%,620px)}.banner-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.banner{width:min(92vw,560px);max-width:100%;padding:12px 16px 14px;gap:4px}.banner-kicker{display:inline-flex;align-items:center;justify-content:center;gap:6px}.banner-kicker svg{width:14px;height:14px}.banner-note{font-size:14px;color:var(--ink);overflow-wrap:anywhere}.banner-player{margin-top:8px;overflow:hidden;background:var(--night)}.banner-player,.banner-player .player{border-radius:12px}.banner .listen{margin-top:8px}.banner .listen-btn{font-size:12px;padding:4px 11px;border-width:2px;box-shadow:2px 2px 0 var(--ink)}.ruler .king{margin-top:20px}.logo-tld{color:var(--gold-deep)}.price-box .sub.drop b{color:var(--ink)}.seg{display:inline-flex;border:3px solid var(--ink);border-radius:12px;overflow:hidden;background:#fff}.seg button{font:inherit;font-weight:700;font-size:14px;color:var(--ink);border:none;background:#fff;padding:8px 14px;cursor:pointer}.seg button+button{border-left:3px solid var(--ink)}.seg button.on{background:var(--gold)}.share-panel{position:relative;z-index:1;margin:24px auto 0;display:flex;flex-direction:column;align-items:center;gap:16px}.share-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.share-preview{display:block;border:4px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--ink);background:#fff;width:min(320px,80vw);aspect-ratio:9/16;object-fit:cover}.share-preview.post{width:min(400px,86vw);aspect-ratio:4/5}.share-panel .share{margin-top:4px}.share-or{margin:28px 0 0;font-size:14px;color:var(--ink-soft)}.crowned .share{position:relative;z-index:1}.song-page{padding-top:24px}.song-card{max-width:560px;margin:0 auto;background:#fff;border:4px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--ink);padding:24px 20px;text-align:center;display:flex;flex-direction:column;gap:6px}.song-card h1{font-size:clamp(28px,6vw,44px);line-height:1.05;overflow-wrap:anywhere}.song-art{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.song-crown{width:80px;margin-bottom:-12px;z-index:1}.song-grave{width:40px;height:40px;color:var(--ink-soft);margin-bottom:6px}.song-cover{width:180px;height:180px;border:4px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);font-size:80px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer}.chips button:hover{background:var(--sky-bottom)}.chips button.on{background:var(--gold);box-shadow:2px 2px 0 var(--ink)}.genre-pill{display:inline-block;margin-left:8px;padding:1px 9px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);background:var(--sky-bottom);border:2px solid var(--ink);border-radius:999px;vertical-align:2px}.genre-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:-12px 0 28px}.genre-filter a{text-decoration:none;font-size:12px;font-weight:700;border:2px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 10px;color:#d8cff0}.genre-filter a.on{background:#fff;color:var(--ink);border-color:#fff}