/* 洋楽ランキング（/ranking/）：チャートセンター。明るい地に、チャートごとのネオン色のジャケット */
.p-rank{--pk1:#ff2e63;--pk2:#ff9a3c;--rd1:#ff1f1f;--rd2:#8a0b2e;--vi1:#7b2ff7;--vi2:#ff3fd2;--or1:#ffb800;--or2:#ff3d17;--cy1:#00b4ff;--cy2:#6a3cff;--gr1:#11a36b;--gr2:#0b5d63}

/* ---------- ヒーロー ---------- */
.rc-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:
  radial-gradient(600px 340px at 92% 10%,rgba(255,46,99,.16),transparent 70%),
  radial-gradient(520px 320px at 70% 110%,rgba(0,180,255,.12),transparent 70%),
  radial-gradient(700px 380px at 0% 0%,rgba(245,184,46,.18),transparent 70%)}
.rc-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(28,26,33,.09) 1.2px,transparent 1.6px) 0 0/14px 14px;-webkit-mask:linear-gradient(100deg,transparent 40%,#000 85%);mask:linear-gradient(100deg,transparent 40%,#000 85%);pointer-events:none}
.rc-hero-in{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:end;padding:clamp(36px,5vw,72px) 0 clamp(28px,4vw,48px)}
.rc-hero h1{position:relative;font-size:clamp(40px,7vw,92px);font-weight:900;line-height:1.02;letter-spacing:-.03em;margin:10px 0 18px}
.rc-h1-en{display:block;font:400 clamp(20px,2.6vw,34px)/1 var(--disp);letter-spacing:.32em;color:transparent;-webkit-text-stroke:1.2px var(--hot);margin-bottom:8px}
.rc-hero h1 small{display:block;font-size:clamp(14px,1.6vw,19px);font-weight:700;letter-spacing:0;color:var(--tx2);margin-top:14px}
.rc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rc-stats li{position:relative;padding:18px 18px 16px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid var(--line);box-shadow:0 10px 30px rgba(60,45,20,.07);overflow:hidden}
.rc-stats li::after{content:"";position:absolute;right:-26px;top:-26px;width:74px;height:74px;border-radius:50%;background:conic-gradient(from 0deg,var(--hot),var(--sun),var(--cy),var(--hot));opacity:.16}
.rc-stats b{display:block;font:400 clamp(38px,4.6vw,58px)/.9 var(--disp);letter-spacing:.01em;background:linear-gradient(120deg,var(--hot),#ff7a2f 60%,var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
.rc-stats small{display:block;font:400 13px/1 var(--disp);letter-spacing:.22em;color:var(--tx);margin-top:8px}
.rc-stats span{display:block;font-size:12.5px;color:var(--mut);line-height:1.4;margin-top:3px}

/* 電光ティッカー */
.rc-tick{position:relative;display:flex;align-items:center;background:#141218;color:#ffd36b;height:48px;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.rc-tick::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,transparent 1px,rgba(20,18,24,.55) 1.4px) 0 0/4px 4px;pointer-events:none}
.rc-onair{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:8px;height:100%;padding:0 18px;background:var(--hot);color:#fff;font:400 18px/1 var(--disp);letter-spacing:.18em}
.rc-onair i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:rc-blink 1.2s steps(2) infinite}
@keyframes rc-blink{50%{opacity:.15}}
.rc-tick-in{flex:1;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.rc-tick-run{display:flex;align-items:center;gap:22px;width:max-content;white-space:nowrap;animation:slide 60s linear infinite;font-size:15px;font-weight:700;text-shadow:0 0 8px rgba(255,190,60,.7)}
.rc-tick:hover .rc-tick-run{animation-play-state:paused}
.rc-tick-run b{font:400 17px/1 var(--disp);letter-spacing:.14em;color:#ff5c8a;margin-right:10px;text-shadow:0 0 8px rgba(255,46,99,.8)}
.rc-tick-run>i{font-style:normal;font-size:9px;color:#5ad7ff;text-shadow:0 0 8px #5ad7ff}

.rc-em{font-style:normal;font-family:var(--disp);font-weight:400;font-size:1.25em;letter-spacing:.02em;background:linear-gradient(120deg,var(--hot),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.05em}

/* ---------- 今週の No.1 ---------- */
.rc-spot{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rc-one{--c1:var(--pk1);--c2:var(--pk2);position:relative;display:flex;flex-direction:column;border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden;box-shadow:0 18px 50px -18px rgba(60,45,20,.28);transition:transform .35s cubic-bezier(.2,.9,.3,1.3),box-shadow .35s}
.rc-one:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 30px 60px -20px color-mix(in srgb,var(--c1) 45%,transparent)}
.rc-one.rc-vi{--c1:var(--vi1);--c2:var(--vi2)}.rc-one.rc-rd{--c1:var(--rd1);--c2:var(--rd2)}
.rc-one-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.rc-one-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.rc-one:hover .rc-one-img img{transform:scale(1.07)}
.rc-one-img::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,transparent 45%,color-mix(in srgb,var(--c1) 70%,#000) 100%);mix-blend-mode:multiply}
.rc-one-n{position:absolute;left:14px;bottom:-14px;z-index:2;font:400 clamp(110px,12vw,170px)/1 var(--disp);color:#fff;letter-spacing:-.02em;text-shadow:0 6px 30px rgba(0,0,0,.35)}
.rc-one-n::before{content:"NO.";position:absolute;left:4px;top:18px;font-size:.18em;letter-spacing:.2em}
.rc-one-b{position:relative;padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.rc-one-k{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font:400 15px/1.2 var(--disp);letter-spacing:.16em;color:var(--c1)}
.rc-one-k span{font:700 11.5px/1.4 var(--jp);letter-spacing:0;color:var(--mut)}
.rc-one h3{font-size:clamp(20px,2vw,26px);font-weight:900;line-height:1.2;margin-top:8px}
.rc-one h3 a:hover{color:var(--c1)}
.rc-one-a{color:var(--tx2);font-weight:700;font-size:14px;margin-top:2px}
.rc-one-ja{display:inline-flex;align-self:flex-start;margin-top:12px;padding:4px 12px;border-radius:99px;background:color-mix(in srgb,var(--c1) 12%,#fff);color:color-mix(in srgb,var(--c1) 75%,#000);font-size:12.5px;font-weight:700}
.rc-one-more{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:14px;color:var(--tx)}
.rc-one-more svg{transition:transform .25s;color:var(--c1)}.rc-one-more:hover svg{transform:translateX(5px)}
.rc-noimg{display:grid;place-items:center;width:100%;height:100%;font:400 min(30vw,140px)/1 var(--disp);color:rgba(255,255,255,.9);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.25),transparent 45%),linear-gradient(135deg,hsl(var(--h) 85% 55%),hsl(calc(var(--h) + 70) 80% 30%))}

/* ---------- チャートのボード ---------- */
.rc-boards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.rc-board{--c1:var(--pk1);--c2:var(--pk2);position:relative;display:grid;grid-template-columns:clamp(150px,15vw,200px) 1fr;gap:22px;padding:22px;border-radius:22px;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--c1) 5%,var(--bg)));border:1px solid var(--line);transition:transform .3s,box-shadow .3s,border-color .3s;isolation:isolate}
.rc-board::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(420px 180px at 100% 0,color-mix(in srgb,var(--c1) 14%,transparent),transparent 70%)}
.rc-board:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c1) 45%,var(--line));box-shadow:0 26px 50px -22px color-mix(in srgb,var(--c1) 55%,transparent)}
.rc-rd{--c1:var(--rd1);--c2:var(--rd2)}.rc-vi{--c1:var(--vi1);--c2:var(--vi2)}.rc-or{--c1:var(--or2);--c2:var(--or1)}.rc-cy{--c1:var(--cy1);--c2:var(--cy2)}.rc-gr{--c1:var(--gr1);--c2:var(--gr2)}
/* ジャケット＋袖から出てくるレコード */
.rc-sleeve{position:relative;align-self:start;aspect-ratio:1;display:block}
.rc-vinyl{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,var(--c1) 0 15%,#111 15.5% 17%,#1b1b1f 17.5% 30%,#0e0e10 30.5% 31%,#1b1b1f 31.5% 46%,#0e0e10 46.5% 47%,#1b1b1f 47.5%);box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .55s cubic-bezier(.2,.9,.3,1.2)}
.rc-vinyl::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 20%,rgba(255,255,255,.18) 25%,transparent 30% 70%,rgba(255,255,255,.12) 75%,transparent 80%)}
.rc-board:hover .rc-vinyl{transform:translateX(38%) rotate(200deg)}
.rc-cover{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;background:linear-gradient(140deg,var(--c1),var(--c2));box-shadow:0 14px 28px -10px color-mix(in srgb,var(--c1) 60%,#000),inset 0 0 0 1px rgba(255,255,255,.15);transition:transform .4s}
.rc-board:hover .rc-cover{transform:rotate(-3deg) translateX(-4%)}
.rc-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;opacity:.9}
.rc-mosaic img{width:100%;height:100%;object-fit:cover}
.rc-mosaic.n1{grid-template-columns:1fr;grid-template-rows:1fr}
.rc-mosaic.n2 img{grid-row:span 2}
.rc-mosaic.n3 img:first-child{grid-row:span 2}
.rc-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.45)),radial-gradient(circle at 80% 15%,rgba(255,255,255,.35),transparent 40%)}
.rc-cover-t{position:absolute;left:12px;right:10px;bottom:10px;z-index:2;color:#fff;line-height:1}
.rc-cover-t small{display:block;font:400 11px/1 var(--disp);letter-spacing:.3em;opacity:.9}
.rc-cover-t b{display:block;font:400 clamp(40px,4.4vw,60px)/.88 var(--disp);letter-spacing:.01em;margin-top:6px;text-shadow:0 3px 16px rgba(0,0,0,.35)}
.rc-board-b{display:flex;flex-direction:column;min-width:0}
.rc-board-k{font:400 14px/1.2 var(--disp);letter-spacing:.2em;color:var(--c1)}
.rc-board-t{font-size:clamp(19px,1.9vw,24px);font-weight:900;line-height:1.3;margin-top:4px}
.rc-board-d{font-size:13px;line-height:1.65;color:var(--mut);margin-top:6px}
.rc-mini{margin-top:14px;display:grid;gap:6px}
.rc-mini li{display:grid;grid-template-columns:26px 52px 1fr auto;gap:10px;align-items:center;padding:6px 8px 6px 4px;border-radius:10px;background:rgba(255,255,255,.7);transition:background .2s}
.rc-board:hover .rc-mini li{background:#fff}
.rc-mini-n{font:400 24px/1 var(--disp);text-align:center;color:#bdb6c7}
.rc-mini li:first-child .rc-mini-n{color:var(--c1);font-size:28px}
.rc-mini-img{width:52px;height:30px;border-radius:6px;object-fit:cover;font-size:22px}
.rc-mini-t{min-width:0;line-height:1.25}
.rc-mini-t b{display:block;font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-mini-t i{display:block;font-style:normal;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-mini em{font:400 16px/1 var(--disp);font-style:normal;letter-spacing:.03em;color:var(--tx2);white-space:nowrap}
.rc-board-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:12px;color:var(--mut);font-weight:700}
.rc-go{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 14px;border-radius:99px;background:var(--tx);color:#fff;font-size:12.5px;transition:background .25s}
.rc-go svg{transition:transform .25s}
.rc-board:hover .rc-go{background:linear-gradient(120deg,var(--c1),var(--c2))}
.rc-board:hover .rc-go svg{transform:translateX(4px)}
/* リンク集：横長、サイト名が浮かぶ */
.rc-board-wide{grid-column:1/-1;grid-template-columns:minmax(0,1.1fr) 1fr;align-items:center;background:linear-gradient(120deg,#1c1a21,#3a1d48 55%,#0c4a6e);border-color:transparent;color:#fff}
.rc-board-wide::before{background:radial-gradient(circle,rgba(255,255,255,.12) 1.2px,transparent 1.6px) 0 0/16px 16px}
.rc-board-wide .rc-board-k{color:#ffd36b}.rc-board-wide .rc-board-d,.rc-board-wide .rc-board-f{color:#d9d2e6}
.rc-board-wide .rc-go{background:var(--sun);color:#111}
.rc-board-wide:hover{box-shadow:0 26px 50px -22px rgba(123,47,247,.6)}
.rc-dig-art{order:2;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:6px}
.rc-dig-art i{font-style:normal;font:400 clamp(16px,1.6vw,21px)/1 var(--disp);letter-spacing:.08em;padding:9px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.06);transform:rotate(calc((var(--i) - 4) * 1.4deg));transition:transform .4s,background .3s,color .3s}
.rc-dig-art i:nth-child(3n+1){color:#ff7aa2;border-color:rgba(255,122,162,.5)}.rc-dig-art i:nth-child(3n+2){color:#7fe3ff;border-color:rgba(127,227,255,.5)}
.rc-board-wide:hover .rc-dig-art i{transform:rotate(0) translateY(-3px);background:rgba(255,255,255,.12)}

/* ---------- TOP5 ならべかえ ---------- */
.rc-game{position:relative;padding:clamp(18px,3vw,30px);border-radius:24px;background:linear-gradient(135deg,#fff7e3,#ffe9f0 55%,#e6f6ff);border:1px solid var(--line);box-shadow:0 20px 50px -26px rgba(60,45,20,.35);overflow:hidden}
.rc-game::before{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 100% 0,rgba(255,255,255,.55) 0 6deg,transparent 6deg 12deg);opacity:.6;pointer-events:none}
.rc-game>*{position:relative}
.rc-game-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:18px}
.rc-game-hd p{font-size:15px;font-weight:700}
.rc-gold{color:var(--gold)}
.rc-hud{display:flex;gap:8px}
.rc-hud li{min-width:78px;padding:8px 12px;border-radius:12px;background:#1c1a21;color:#fff;text-align:center;line-height:1}
.rc-hud small{display:block;font:400 11px/1 var(--disp);letter-spacing:.2em;color:#ffd36b}
.rc-hud b{display:block;font:400 28px/1 var(--disp);margin-top:4px}
.rc-pick{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.rc-pick li{position:relative}
.rc-pick button{position:relative;display:flex;flex-direction:column;width:100%;height:100%;text-align:left;border-radius:16px;background:#fff;border:2px solid transparent;box-shadow:0 10px 24px -14px rgba(60,45,20,.45);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.rc-pick button:hover:not(:disabled){transform:translateY(-4px) rotate(-1deg);border-color:var(--sun)}
.rc-pick img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.rc-pick b{display:block;padding:10px 12px 0;font-size:14px;font-weight:900;line-height:1.3}
.rc-pick i{display:block;padding:2px 12px 12px;font-style:normal;font-size:12px;color:var(--mut)}
.rc-pick .rg-n{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tx);color:#fff;font:400 26px/1 var(--disp);box-shadow:0 4px 12px rgba(0,0,0,.3);transform:scale(0);transition:transform .3s cubic-bezier(.3,1.8,.5,1)}
.rc-pick .on .rg-n{transform:scale(1)}
.rc-pick .on{border-color:var(--tx);opacity:.92}
.rc-pick .rg-v{display:block;margin:auto 12px 12px;padding:6px 10px;border-radius:10px;background:var(--bg2);font:400 20px/1 var(--disp);letter-spacing:.03em;text-align:center;opacity:0;transform:translateY(6px);transition:.35s}
.rc-pick .done .rg-v{opacity:1;transform:none}
.rc-pick .ok{border-color:#16b36e}.rc-pick .ok .rg-n{background:#16b36e}.rc-pick .ok .rg-v{background:#dcf7ea;color:#0a6b40}
.rc-pick .ng{border-color:var(--hot)}.rc-pick .ng .rg-n{background:var(--hot)}.rc-pick .ng .rg-v{background:#ffe1e9;color:#a10d36}
.rc-pick .rg-true{position:absolute;top:8px;right:8px;padding:4px 9px;border-radius:99px;background:rgba(0,0,0,.72);color:#fff;font:700 11.5px/1.2 var(--jp)}
.rc-game-ft{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
.rc-game-ft>div{display:flex;gap:8px}
.rc-game-msg{font-weight:900;font-size:16px}
.rc-game-msg.perfect{font:400 clamp(30px,4vw,44px)/1 var(--disp);letter-spacing:.06em;background:linear-gradient(120deg,var(--hot),var(--sun),var(--cy));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .5s}
.rc-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rc-confetti i{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;animation:rc-fall 1.6s ease-in forwards}
@keyframes rc-fall{to{transform:translate(var(--dx),520px) rotate(720deg);opacity:0}}

/* ---------- YouTube TOP10：表彰台＋棒グラフ ---------- */
.rc-podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:18px;align-items:end;margin-bottom:22px}
.rc-pod{position:relative;display:flex;flex-direction:column;text-align:center;transition:transform .3s}
.rc-pod:hover{transform:translateY(-6px)}
.rc-pod-img{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;box-shadow:0 18px 36px -16px rgba(0,0,0,.4)}
.rc-pod-img img,.rc-pod-img .rc-noimg{width:100%;height:100%;object-fit:cover}
.rc-medal{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font:400 32px/1 var(--disp);color:#3b2600;background:radial-gradient(circle at 35% 30%,#fff6c8,#f5c13a 45%,#b07800);box-shadow:0 4px 14px rgba(0,0,0,.35),inset 0 0 0 3px rgba(255,255,255,.5)}
.rc-pod2 .rc-medal{background:radial-gradient(circle at 35% 30%,#fff,#c9ced8 45%,#7d8594);color:#2b2f38}
.rc-pod3 .rc-medal{background:radial-gradient(circle at 35% 30%,#ffe2c8,#d88a4b 45%,#8a4a1c);color:#3a1a05}
.rc-pod b{display:block;margin-top:12px;font-size:clamp(15px,1.6vw,20px);font-weight:900;line-height:1.25}
.rc-pod1 b{font-size:clamp(17px,1.9vw,24px)}
.rc-pod i{display:block;font-style:normal;font-size:12.5px;color:var(--mut)}
.rc-pod em{display:block;font:400 clamp(24px,2.6vw,34px)/1.1 var(--disp);font-style:normal;color:var(--hot);margin-top:4px}
.rc-pod-base{display:grid;place-items:center;margin-top:10px;border-radius:12px 12px 0 0;font:400 22px/1 var(--disp);letter-spacing:.2em;color:#fff;background:linear-gradient(180deg,#2b2832,#1c1a21)}
.rc-pod1 .rc-pod-base{height:90px;background:linear-gradient(180deg,#f7c844,#d38f00);color:#3b2600;font-size:30px}
.rc-pod2 .rc-pod-base{height:62px;background:linear-gradient(180deg,#dfe3ea,#9aa2b1);color:#2b2f38}
.rc-pod3 .rc-pod-base{height:44px;background:linear-gradient(180deg,#eab083,#b5662e);color:#3a1a05}
.rc-bars{border-top:1px solid var(--line)}
.rc-bars li{display:grid;grid-template-columns:52px 104px 1fr auto;gap:16px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.rc-bar-n{font:400 38px/1 var(--disp);text-align:center;color:#bdb6c7}
.rc-bar-img{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden}
.rc-bar-img img,.rc-bar-img .rc-noimg{width:100%;height:100%;object-fit:cover;font-size:30px}
.rc-bar-m{min-width:0}
.rc-bar-m b{font-size:clamp(15px,1.5vw,18px);font-weight:900}
.rc-bar-m a:hover b{color:var(--hot)}
.rc-bar-m i{display:block;font-style:normal;font-size:12.5px;color:var(--mut)}
.rc-bar{display:block;height:10px;margin-top:8px;border-radius:99px;background:var(--bg2);overflow:hidden}
.rc-bar span{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--sun),#ff7a2f,var(--hot));transform-origin:left;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.rc-bars:not(.in) .rc-bar span{transform:scaleX(0)}
.rc-bars em{font:400 24px/1 var(--disp);font-style:normal;letter-spacing:.03em;white-space:nowrap}

/* ---------- スマホ ---------- */
@media(max-width:960px){
  .rc-hero-in{grid-template-columns:1fr}
  .rc-spot{grid-template-columns:1fr;gap:16px}
  .rc-one{flex-direction:row}
  .rc-one-img{flex:0 0 40%;aspect-ratio:auto;min-height:170px}
  .rc-one-n{font-size:96px;bottom:-8px;left:8px}
  .rc-boards{grid-template-columns:1fr}
  .rc-pick{grid-template-columns:repeat(3,1fr)}
  .rc-pick li:nth-child(n+4){grid-column:span 1}
}
@media(max-width:640px){
  .rc-stats{gap:8px}.rc-stats li{padding:12px 12px 10px}
  .rc-tick{height:42px}.rc-onair{padding:0 12px;font-size:15px}.rc-tick-run{font-size:13.5px}
  .rc-one{flex-direction:column}
  .rc-one-img{flex:none;aspect-ratio:16/9;min-height:0}
  .rc-board{grid-template-columns:104px 1fr;gap:14px;padding:16px}
  .rc-board .rc-mini{grid-column:1/-1}
  .rc-board-b{display:contents}
  .rc-sleeve{grid-row:span 3}
  .rc-board-k,.rc-board-t,.rc-board-d{grid-column:2}
  .rc-board-d{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .rc-board-f{grid-column:1/-1}
  .rc-cover-t b{font-size:30px}
  .rc-board-wide{grid-template-columns:1fr}
  .rc-board-wide .rc-board-k,.rc-board-wide .rc-board-t,.rc-board-wide .rc-board-d{grid-column:1}
  .rc-dig-art{order:0}
  .rc-pick{grid-template-columns:1fr;gap:8px}
  .rc-pick button{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto auto;align-items:center;column-gap:10px;border-radius:12px}
  .rc-pick img{grid-row:1/4;width:112px;height:100%;aspect-ratio:auto;min-height:72px}
  .rc-pick b{padding:8px 8px 0 0;font-size:13.5px}
  .rc-pick i{padding:0 8px 0 0}
  .rc-pick .rg-v{margin:4px 8px 8px 0;font-size:17px;padding:4px 8px;justify-self:start}
  .rc-pick .rg-n{width:34px;height:34px;font-size:20px;top:6px;left:6px}
  .rc-pick .rg-true{top:auto;bottom:8px;right:8px}
  .rc-podium{gap:8px}
  .rc-pod b{font-size:12.5px}.rc-pod1 b{font-size:14px}.rc-pod i{display:none}.rc-pod em{font-size:19px}
  .rc-medal{width:34px;height:34px;font-size:20px;left:6px;top:6px}
  .rc-pod-base{font-size:15px}.rc-pod1 .rc-pod-base{height:64px;font-size:20px}.rc-pod2 .rc-pod-base{height:44px}.rc-pod3 .rc-pod-base{height:30px}
  .rc-bars li{grid-template-columns:30px 76px 1fr;gap:10px}
  .rc-bar-n{font-size:26px}
  .rc-bars em{grid-column:3;font-size:18px;margin-top:-6px}
}
@media(prefers-reduced-motion:reduce){.rc-tick-run{animation:none}.rc-vinyl,.rc-cover{transition:none}}