/* ===== lucky-boomfr.fr: LUCKY BOOM RECORDS — a record label catalogue: a spinning vinyl hero, release covers, a chart of single covers, playlist rows, waveform sports, crates and volume knobs, a 25-bar equalizer for the VIP chart. Vertical scroll only. ===== */
:root{--bg:#0b0c12;--pn:#14172a;--pn2:#1b1f38;--ln:#2c3256;--tx:#d6d9ee;--mu:#8f98c0;--a:#8efa00;--a2:#b1ff4b;--b:#5c48d7;--b2:#8b7cff;--r:#ff3337;--on:#0b0a08;--h:"Archivo Black","Arial Black",sans-serif;--f:"Instrument Sans",system-ui,sans-serif;--m:"DM Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;background:var(--bg)}
body.rc{margin:0;color:var(--tx);font:17px/1.55 var(--f);overflow-x:hidden;background:radial-gradient(900px 600px at 80% -10%,rgba(92,72,215,.35),transparent 60%),radial-gradient(700px 500px at 0% 40%,rgba(142,250,0,.07),transparent 60%),var(--bg)}
.rc h1,.rc h2,.rc h3,.rc h4{font-family:var(--h);font-weight:400;margin:0;color:#fff;line-height:1.02;letter-spacing:-.01em}.rc a{overflow-wrap:anywhere}.rc img{max-width:100%;height:auto;display:block}.rc b,.rc span,.rc p,.rc li,.rc small,.rc td{overflow-wrap:anywhere}
.top{display:flex;align-items:center;gap:14px;max-width:1160px;margin:0 auto;padding:14px 20px}.top .lg img{height:30px;width:auto}.top .sp{flex:1}.top .tg{font:500 11px var(--m);letter-spacing:.18em;text-transform:uppercase;color:var(--mu)}
.lgs{display:flex;gap:3px}.lgs a{color:var(--mu);font:500 12px var(--m);text-decoration:none;padding:5px 9px;border:1px solid var(--ln);border-radius:99px}.lgs a.on{background:var(--a);color:var(--on);border-color:var(--a)}
.bt{display:inline-flex;align-items:center;gap:10px;justify-content:center;background:var(--a);color:var(--on);font:700 15px var(--f);text-decoration:none;padding:13px 26px;border-radius:99px;border:0;cursor:pointer;white-space:nowrap}.bt:before{content:"▶";font-size:12px}.bt:hover{background:var(--a2)}.bt.g{background:transparent;color:#fff;border:2px solid var(--b2)}.bt.g:before{content:"";display:none}.bt.s{padding:8px 16px;font-size:14px}.bt.s:before{display:none}
.wr{max-width:1160px;margin:0 auto;padding:0 20px}
.hero{padding:34px 0 20px}.hero .wr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}.hero .k{font:500 12px var(--m);letter-spacing:.24em;text-transform:uppercase;color:var(--a);display:flex;align-items:center;gap:10px;margin-bottom:14px}.hero .k:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--r);animation:bl 1.4s infinite}@keyframes bl{50%{opacity:.25}}.hero h1{font-size:clamp(44px,8vw,112px);letter-spacing:-.03em}.hero h1 i{font-style:normal;color:var(--a);display:block}.hero h2{font:700 clamp(18px,2.2vw,26px)/1.25 var(--f);color:#fff;margin:16px 0 8px}.hero .ld{color:#cfd2ea;margin:0 0 24px;max-width:56ch}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}
.vinyl{width:min(100%,460px);aspect-ratio:1;margin:0 auto;border-radius:50%;position:relative;background:radial-gradient(circle,transparent 0 31%,rgba(255,255,255,.04) 31% 32%,transparent 32%),repeating-radial-gradient(circle at 50% 50%,#08090f 0 2px,#161a30 2px 3px),conic-gradient(from 20deg,#0b0c12,#2b2270 12%,#0b0c12 25%,#0b0c12 50%,#2b2270 62%,#0b0c12 75%);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 0 6px #05060a,0 0 0 8px var(--ln);animation:sp 16s linear infinite}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}}@keyframes sp{to{transform:rotate(360deg)}}
.vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,rgba(255,255,255,.16) 10%,transparent 14%,transparent 58%,rgba(255,255,255,.12) 60%,transparent 64%)}.vinyl .lb{position:absolute;inset:33%;border-radius:50%;background:radial-gradient(circle,var(--bg) 0 5%,var(--b) 6%);display:grid;place-items:center;border:4px solid #05060a}.vinyl .lb img{width:60%;margin-top:-4%}
.nums{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:34px 0 0}.nums div{border-top:3px solid var(--a);background:var(--pn);padding:12px 14px}.nums b{display:block;font:400 clamp(20px,2.6vw,32px) var(--h);color:#fff}.nums small{font:500 11px var(--m);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.side{padding:80px 0 6px}.sh{display:flex;align-items:center;gap:20px;margin-bottom:8px;flex-wrap:wrap}.sh .ab{width:76px;height:76px;border-radius:50%;background:var(--a);color:var(--on);display:grid;place-items:center;font:400 40px var(--h);flex:none}.sh small{display:block;font:500 12px var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--b2);margin-bottom:4px}.sh h2{font-size:clamp(34px,6vw,76px);letter-spacing:-.02em}.sd{color:var(--mu);max-width:62ch;margin:0 0 22px}
.h4{font:500 12.5px var(--m);letter-spacing:.2em;text-transform:uppercase;color:var(--a);margin:34px 0 14px;display:flex;align-items:center;gap:12px}.h4:after{content:"";flex:1;border-top:1px solid var(--ln)}
.covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cv{display:block}.cv .art{aspect-ratio:1;border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.5);background:linear-gradient(145deg,var(--c1),var(--c2))}.cv .art b{font:400 clamp(22px,3vw,38px)/.95 var(--h);color:var(--tc)}.cv .art i{position:absolute;right:-24%;top:-24%;width:70%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,rgba(0,0,0,.35) 0 2px,transparent 2px 5px)}.cv .art small{font:500 11px var(--m);letter-spacing:.14em;color:var(--tc);opacity:.8;margin-bottom:6px}.cv h3{font:700 16px/1.25 var(--f);margin-top:10px}.cv p{margin:4px 0 0;color:var(--mu);font-size:14px}
.notes{columns:2;column-gap:36px;counter-reset:n}.notes p{break-inside:avoid;counter-increment:n;margin:0 0 12px;padding-left:34px;position:relative;font-size:15.5px;color:#d9dcf2}.notes p:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:2px;font:500 13px var(--m);color:var(--a)}
.alb{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px}.alb a{display:block;text-decoration:none;color:#fff}.alb img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 12px 26px rgba(0,0,0,.5)}.alb b{display:block;font:700 15px/1.2 var(--f);margin-top:10px}.alb small{color:var(--mu);font-size:13px}
.gen{display:flex;flex-wrap:wrap;gap:8px}.gen span{border:1px solid var(--b2);border-radius:99px;padding:6px 16px;font:500 13px var(--m)}.gen span:nth-child(3n+1){background:var(--b);border-color:var(--b)}.gen span:nth-child(5n){border-color:var(--a);color:var(--a)}
.top5{counter-reset:t;list-style:none;margin:0;padding:0}.top5 li{counter-increment:t;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ln)}.top5 li:before{content:counter(t);font:400 clamp(36px,5vw,56px)/1 var(--h);color:transparent;-webkit-text-stroke:2px var(--a);text-align:center}.top5 b{font:700 18px var(--f);color:#fff}.top5 span{font:500 12px var(--m);letter-spacing:.1em;text-transform:uppercase;color:var(--b2)}
.pl{display:grid;gap:8px}.pl a{display:grid;grid-template-columns:54px 84px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--pn);border-radius:10px;text-decoration:none;color:#fff;padding:8px 18px 8px 8px}.pl i{width:54px;height:54px;border-radius:50%;background:var(--a);color:var(--on);display:grid;place-items:center;font-style:normal;font-size:18px;padding-left:3px}.pl img{width:84px;height:56px;object-fit:cover;border-radius:4px}.pl b{display:block}.pl small{color:var(--mu)}.pl em{font:500 10px var(--m);letter-spacing:.14em;background:var(--r);color:#fff;padding:3px 9px;border-radius:99px;font-style:normal}
.studios{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.studios span{border:1px solid var(--ln);background:var(--pn);padding:8px 16px;font:500 13px var(--m);border-radius:6px}
.wf{display:grid;gap:14px}.wf .r{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr) 60px;gap:16px;align-items:center}.wf span{font:700 15px var(--f);color:#fff}.wf .bars{display:flex;align-items:center;gap:3px;height:54px;overflow:hidden}.wf .bars i{flex:none;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--a),var(--b));height:var(--h)}.wf b{font:400 20px var(--h);color:var(--a);text-align:right}
.set{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.set div{background:var(--pn);border-left:4px solid var(--b2);border-radius:6px;padding:12px 16px}.set b{display:block;color:#fff}
.crates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sleeve{background:linear-gradient(160deg,var(--pn2),var(--pn));border:1px solid var(--ln);border-radius:6px;padding:16px 18px;position:relative;overflow:hidden}.sleeve:before{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(139,124,255,.25) 0 2px,transparent 2px 5px)}.sleeve h3{font:400 18px/1.2 var(--h);margin-bottom:10px;position:relative}.sleeve dl{margin:0;position:relative}.sleeve dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--ln);padding:5px 0;font-size:14px}.sleeve dt{color:var(--mu)}.sleeve dd{margin:0;color:#fff;font-weight:600;text-align:right}.sleeve .tg{position:absolute;right:12px;top:12px;background:var(--a);color:var(--on);font:500 11px var(--m);padding:2px 9px;border-radius:99px}.crates.out .sleeve{border-color:var(--b2)}
.knobs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.knob{text-align:center;background:var(--pn);border-radius:12px;padding:14px 8px}.knob svg{width:100%;max-width:100px}.knob b{display:block;font:400 18px var(--h);color:#fff}.knob small{display:block;color:var(--mu);font-size:12.5px;margin-top:4px}
.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.rules p{margin:0;background:var(--pn);border-radius:6px;padding:10px 16px;border-left:4px solid var(--r);font-size:15px}
.gate{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:20px;align-items:start}.idc{background:linear-gradient(135deg,#252063,#12102d);border:1px solid var(--b2);border-radius:10px;padding:16px;position:relative}.idc .ph{width:64px;height:78px;background:linear-gradient(160deg,var(--b2),var(--b));border-radius:4px}.idc i{display:block;height:8px;background:var(--ln);margin:8px 0 0;width:80%}.idc i+i{width:55%}
.box{background:var(--pn);border:1px solid var(--ln);border-radius:10px;padding:16px 20px}.box .cap{font:500 12px var(--m);letter-spacing:.18em;text-transform:uppercase;color:var(--a);margin:0 0 10px}
.eq{display:grid;grid-template-columns:repeat(25,minmax(0,1fr));gap:4px;align-items:end;height:220px;background:#05060a;border:1px solid var(--ln);border-radius:10px;padding:18px 14px 8px;position:relative}.eq div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}.eq i{display:block;width:100%;border-radius:3px 3px 0 0;background:var(--c);height:var(--h)}.eq small{font:500 9px var(--m);color:var(--mu)}
.tiers{display:grid;gap:10px}.tc{display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--pn);border-radius:10px;overflow:hidden;border:1px solid var(--ln)}.tc .sd2{background:var(--c);color:var(--on);padding:12px 16px;display:flex;flex-direction:column;justify-content:center}.tc .sd2 b{font:400 18px var(--h)}.tc .sd2 small{font:500 11px var(--m);letter-spacing:.1em}.tc .bd{padding:12px 16px}.tc p{margin:0 0 6px;font-size:15px}.tc i{font-style:normal;display:inline-block;border:1px solid var(--a);color:var(--a);font:500 12px var(--m);padding:2px 10px;border-radius:99px;margin:0 6px 4px 0}
.crow.n{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ln)}.crow.n label{font-weight:500}.crow.n input{width:100%;background:#05060a;border:1px solid var(--b2);color:#fff;padding:8px 10px;font:500 15px var(--m);border-radius:6px}
.fn{display:grid;gap:7px;margin-top:10px}.fn .s{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;gap:10px;align-items:center}.fn small{font:500 11px var(--m);letter-spacing:.06em;text-transform:uppercase;color:var(--mu)}.fn .tr{height:18px;background:#05060a;border-radius:4px;overflow:hidden}.fn .tr i{display:block;height:100%;width:50%;background:linear-gradient(90deg,var(--b),var(--a))}.fn b{font:500 13px var(--m);color:#fff;text-align:right}
.ctr{background:linear-gradient(135deg,var(--b),#241a6b);border:1px solid var(--b2);border-radius:14px;padding:22px 26px}.ctr b.n{font:400 clamp(40px,6vw,76px)/1 var(--h);color:var(--a);display:block}.ctr h3{font:700 22px var(--f);margin:10px 0 6px}.ctr p{margin:0 0 8px;color:#e6e2ff}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vs>div{background:var(--pn);border:1px solid var(--ln);border-radius:10px;padding:14px 18px}.vs h3{font:400 20px var(--h);color:var(--a);margin-bottom:8px}.vs p{display:flex;justify-content:space-between;gap:10px;margin:0;border-bottom:1px dashed var(--ln);padding:5px 0;font-size:14.5px}.vs p span{color:var(--mu)}.vs p b{text-align:right;color:#fff}
.tl{counter-reset:s;display:grid;gap:8px}.tl div{counter-increment:s;display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;align-items:center;background:var(--pn);border-radius:8px;padding:12px 18px}.tl div:before{content:counter(s,decimal-leading-zero);font:400 26px var(--h);color:var(--a)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.two ol{margin:0;padding-left:20px}.two li{padding:3px 0}.pk{display:grid;gap:8px;margin-top:10px}.pk div{border:1px solid var(--ln);border-radius:8px;padding:8px 12px}.pk b{display:block;color:#fff}
.hot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hc{background:var(--pn);border-radius:12px;border-top:4px solid var(--a);padding:16px 18px}.hc i{font-style:normal;font-size:30px}.hc b{display:block;font:400 18px var(--h);color:#fff;margin:6px 0}
.sl{columns:2;column-gap:36px}.sl div{break-inside:avoid;padding:10px 0 14px;border-bottom:1px solid var(--ln)}.sl h3{font:700 18px/1.2 var(--f);color:#fff;margin-bottom:4px}.sl p{margin:0;color:var(--mu);font-size:15.5px}
.cat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 30px}.cat div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ln);padding:8px 0;font-size:14.5px}.cat span{color:var(--mu);font-family:var(--m);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.cat b{color:#fff;text-align:right}
.end{margin:70px 0 0;text-align:center;padding:60px 20px 70px;background:linear-gradient(180deg,transparent,#0f0d26);border-top:1px solid var(--b)}.end h2{font-size:clamp(34px,7vw,88px);color:var(--a)}.end p{max-width:56ch;margin:16px auto 26px;color:#d3d6ee}.end .legal{font-size:12.5px;color:var(--mu);display:grid;gap:4px;margin-top:30px}.end .legal p{margin:0 auto;font-size:12.5px;color:var(--mu)}.end .ln a{color:var(--a);margin:0 10px;font-weight:600}
.pgdoc{max-width:820px;margin:0 auto;padding:30px 20px 60px}.pgdoc .doc{background:var(--pn);border:1px solid var(--b2);border-radius:14px;padding:26px 28px}.pgdoc h1{font-size:clamp(28px,5.4vw,52px)}.pgdoc .lead{font-size:18px;color:var(--mu)}.pgdoc h2{font:500 13px var(--m);letter-spacing:.2em;text-transform:uppercase;margin:26px 0 8px;color:var(--a)}.pgdoc .cs{display:grid;gap:8px;margin:12px 0}.pgdoc .cs div{border-left:4px solid var(--b2);padding:6px 14px;background:var(--pn2)}.pgdoc .cs b{display:block;color:#fff}.pgdoc .fx{display:flex;flex-wrap:wrap;gap:6px}.pgdoc .fx b{border:1px solid var(--b2);color:#d9d3ff;border-radius:99px;padding:2px 12px;font-size:13px}.pgdoc a{color:var(--a)}.pgdoc .kvr{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:4px 22px;margin:18px 0}.pgdoc .kvr div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ln);padding:5px 0;font-size:14px}.pgdoc .kvr span{color:var(--mu)}.pgdoc .kvr b{color:#fff;text-align:right}.pgdoc .legal{font-size:12.5px;color:var(--mu);display:grid;gap:4px;margin-top:12px}.pgdoc .legal p{margin:0}.pgdoc *{min-width:0}
.rc h1,.rc h2,.rc h3{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1000px){.hero .wr{grid-template-columns:minmax(0,1fr)}.vinyl{width:min(70%,340px);order:-1}.covers{grid-template-columns:repeat(3,minmax(0,1fr))}.alb{grid-template-columns:repeat(2,minmax(0,1fr))}.crates,.hot{grid-template-columns:repeat(2,minmax(0,1fr))}.knobs{grid-template-columns:repeat(3,minmax(0,1fr))}.notes,.sl{columns:1}.rules,.vs,.two,.gate{grid-template-columns:minmax(0,1fr)}.nums{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.top{padding:12px 14px;gap:8px}.top .tg,.top .bt{display:none}.top .lgs{margin-left:auto}.top .lg img{height:26px}.wr{padding:0 14px}.covers{grid-template-columns:repeat(2,minmax(0,1fr))}.crates,.hot{grid-template-columns:minmax(0,1fr)}.knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.pl a{grid-template-columns:44px minmax(0,1fr);padding:8px 12px 8px 8px}.pl img{display:none}.pl em{grid-column:2;justify-self:start}.pl i{width:44px;height:44px}.wf .r{grid-template-columns:minmax(0,1fr) auto}.wf .bars{grid-column:1/-1;order:3}.top5 li{grid-template-columns:44px minmax(0,1fr)}.top5 span{grid-column:2}.tc{grid-template-columns:minmax(0,1fr)}.fn .s{grid-template-columns:84px minmax(0,1fr) 78px}.crow.n{grid-template-columns:minmax(0,1fr) 100px}.eq{padding:14px 6px 6px;gap:2px}.eq small{display:none}.side{padding-top:56px}.sh .ab{width:56px;height:56px;font-size:28px}}
.hero .wr+.wr{display:block}.bt{white-space:normal;text-align:center}.end .bt{max-width:100%}
.rt{width:100%;border-collapse:collapse}.rt th{text-align:left;font-weight:700}.rt td,.rt th{padding:9px 12px;vertical-align:top}@media(max-width:640px){.rt thead{display:none}.rt,.rt tbody,.rt tr,.rt td{display:block;width:100%}.rt tr{padding:8px 0}.rt td{display:flex;justify-content:space-between;gap:14px;padding:5px 12px;text-align:right}.rt td:before{content:attr(data-l);font-weight:700;opacity:.65;text-align:left;flex:none;max-width:45%}}