/* v83: 平成のスケルトン・ポータブルCDプレーヤー */
.bgm-player{--pink:#e84f95;--deep:#ad275d;position:relative;width:calc(100% - 12px);max-width:344px;margin:12px auto 17px;text-align:center;color:#51283a;font-family:"Arial Rounded MT Bold","Hiragino Maru Gothic ProN",Meiryo,sans-serif;line-height:1.4}
.bgm-player,.bgm-player *{box-sizing:border-box}
.cd-device{isolation:isolate;position:relative;overflow:hidden;padding:21px 16px 20px;border:2px solid #e48ab4;border-radius:48% 48% 43% 43% / 37% 37% 36% 36%;background:radial-gradient(ellipse at 25% 17%,#ffffffc9,transparent 45%),linear-gradient(130deg,#ffddec99,#ee78b28c 45%,#ffc3e0a8 70%,#fff1f9c9);box-shadow:inset 0 0 0 4px #ffffff80,inset 4px 3px 10px #fff,inset -5px -5px 12px #d841915e,0 6px 0 #b9477c,0 10px 12px #7d325329}
.cd-device:before{content:"";position:absolute;inset:10px;border:1px solid #dc7aa780;border-radius:inherit;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 21px,#c7538b17 21px 22px),repeating-linear-gradient(90deg,transparent 0 24px,#c7538b17 24px 25px)}
.cd-device:after{content:"";position:absolute;top:11px;left:19%;width:62%;height:46%;border-radius:50%;border-top:3px solid #fff9;transform:rotate(-14deg);pointer-events:none}
.cd-circuit{position:absolute;width:24px;height:55px;top:122px;z-index:-1;opacity:.45;border:1px solid #be5688;border-radius:6px;background:repeating-linear-gradient(0deg,transparent 0 7px,#a7527866 7px 9px),#ffe5f25e;box-shadow:inset 0 0 0 4px #f7b1d280}.cd-circuit.left{left:14px;transform:rotate(-8deg)}.cd-circuit.right{right:14px;transform:rotate(8deg)}
.cd-header{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:9px}.cd-brand{font-size:13px;font-weight:900;letter-spacing:.1em;color:#a82460;text-shadow:0 1px #fff}.cd-model{font:bold 7px/1.2 Arial,sans-serif;letter-spacing:.16em;color:#975471}
.cd-window{position:relative;width:77%;max-width:226px;aspect-ratio:1;margin:0 auto 10px;border:3px solid #d77aa6;border-radius:50%;padding:8px;background:linear-gradient(140deg,#ffffff80,#e26fa128);box-shadow:0 1px 0 #fff,inset 2px 3px 5px #82335380,inset -1px -2px 2px #fff9}
.cd-window:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid #fff9;pointer-events:none;z-index:3}
.cd-window:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(118deg,transparent 21%,#fff8 22%,#ffffff20 34%,transparent 35%,transparent 61%,#ffffff38 62%,transparent 78%);pointer-events:none;z-index:2}
.cd-disc{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid #ac9da7;overflow:hidden;background:conic-gradient(from 20deg,#f9f7fa,#c2c5c1 34deg,#fafbfc 57deg,#ffd1f3 81deg,#d3ddd2 101deg,#fff 130deg,#bfc2c4 166deg,#ecf4e3 190deg,#fff 225deg,#f5bfdf 245deg,#d4d4d8 272deg,#fff 310deg,#c6c6cb 340deg,#f9f7fa);box-shadow:0 1px 4px #63324666;animation:cd-spin 5s linear infinite;animation-play-state:paused}
.cd-disc:before{content:"";position:absolute;inset:9%;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 0 0 5px #ffffff30,inset 0 0 0 1px #ac9da733}
.cd-disc-logo{position:absolute;top:27%;left:25%;width:50%;height:auto;filter:drop-shadow(0 1px #fff);pointer-events:none}.cd-disc-print{position:absolute;inset:0;width:100%;height:100%;fill:#c22e70;font:bold 8px "Arial Rounded MT Bold",Meiryo,sans-serif;letter-spacing:.9px}.cd-disc-caption{position:absolute;bottom:25%;left:0;right:0;font:bold 6px/1.4 Arial,sans-serif;letter-spacing:1px;color:#943557}
.cd-hub{position:absolute;top:50%;left:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #b4a8b2;border-radius:50%;background:radial-gradient(circle,#807280 0 16%,#d7d1d9 18% 27%,#faf7fa 29% 37%,#c2b6c0 39% 42%,#eee9eec9 44%);box-shadow:0 0 0 1px #fff9;z-index:1}
.cd-console{position:relative;width:91%;margin:auto;padding:9px 9px 11px;background:linear-gradient(145deg,#fff 0%,#f4f4f6 42%,#d4d5dc);border:1px solid #c5b5c1;border-radius:25px 25px 42px 42px / 18px 18px 36px 36px;box-shadow:inset 0 2px #fff,0 2px 3px #9a3b5c33}
.cd-screen-frame{display:flex;align-items:center;gap:6px;justify-content:center}.cd-led{width:5px;height:5px;border-radius:50%;background:#b9a1ad;box-shadow:0 0 0 1px #ac909c;flex:none}.cd-lcd{width:157px;min-width:0;padding:4px 8px 3px;border:2px solid #9c9eaa;border-radius:8px;background:linear-gradient(#cfd8d4,#e5ece7);box-shadow:inset 0 2px 3px #747e7850,0 1px #fff;color:#31483d}.cd-lcd-top{display:flex;align-items:center;justify-content:space-between;font:6px/1.2 Arial,sans-serif;letter-spacing:.05em}.cd-readout{display:flex;justify-content:space-between;align-items:baseline;gap:9px;font:25px/1.15 "Courier New",monospace;font-variant-numeric:tabular-nums;letter-spacing:-1px}.cd-track-number{font-size:23px}.cd-display-bottom{display:flex;justify-content:space-between;align-items:center;min-height:11px;font-size:7px;font-weight:bold}.cd-equalizer{display:flex;align-items:flex-end;height:8px;gap:1px}.cd-equalizer i{width:2px;height:2px;background:#405749;animation:cd-meter .65s steps(3,end) infinite alternate;animation-play-state:paused}.cd-equalizer i:nth-child(2){animation-delay:-.2s}.cd-equalizer i:nth-child(3){animation-delay:-.5s}.cd-equalizer i:nth-child(4){animation-delay:-.1s}.cd-equalizer i:nth-child(5){animation-delay:-.35s}
.cd-controls{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:9px}.bgm-player button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cd-controls button{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;padding:7px;border:1px solid #9e9ea8;border-radius:50%;background:linear-gradient(135deg,#fff,#e9e9ef 55%,#bcbcc6);box-shadow:inset 0 1px 1px #fff,0 2px 0 #8f8f9f,0 3px 3px #44324933;color:#615c6d}.cd-controls .cd-play{width:44px;height:44px;padding:10px;background:linear-gradient(140deg,#ffb8dd,#f36db4 50%,#d9428b);border-color:#bf457e;box-shadow:inset 0 2px 1px #ffe5f4,0 2px 0 #ae326c,0 3px 3px #44324933;color:#fff}.cd-controls button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #876680}.cd-controls svg{width:100%;height:100%;fill:currentColor}.cd-pause-symbol{display:none}.bgm-player[data-state="playing"] .cd-play-symbol,.bgm-player[data-state="loading"] .cd-play-symbol{display:none}.bgm-player[data-state="playing"] .cd-pause-symbol,.bgm-player[data-state="loading"] .cd-pause-symbol{display:block}.cd-button-note{font:6px/1 Arial,sans-serif;color:#8e7190;margin-top:6px;letter-spacing:.15em}
.cd-screw{position:absolute;width:6px;height:6px;border:1px solid #bb7b9b;border-radius:50%;background:linear-gradient(135deg,#fdf9fc 45%,#ad7c9a 46% 57%,#f7d6e9 58%);bottom:61px}.cd-screw.left{left:16px}.cd-screw.right{right:16px}
.cd-song-info{margin-top:14px}.cd-title{min-height:23px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;color:#a02e61;padding:0 3px;overflow-wrap:anywhere}.cd-seek-row{display:flex;align-items:center;gap:7px;padding:1px 11px 7px}.bgm-player input[type="range"]{min-width:0;flex:1;height:22px;margin:0;accent-color:#e5559e;cursor:pointer;touch-action:pan-y}.bgm-player input[type="range"]:disabled{cursor:default;opacity:.6}.cd-duration{font:10px "Courier New",monospace;color:#93687d}
.cd-tracks{border:1px solid #efbed4;border-radius:15px;padding:5px 7px;background:#fff9fc;box-shadow:0 2px 0 #f6d5e4}.cd-tracks button{display:flex;align-items:center;gap:7px;text-align:left;width:100%;min-height:34px;padding:7px 6px;border:0;border-radius:10px;background:transparent;color:#886476;font-size:10px;line-height:1.4}.cd-tracks button+button{margin-top:3px}.cd-tracks button[aria-pressed="true"]{color:#ab2865;background:#fbe0ed;font-weight:bold}.cd-tracks button:before{content:"";width:5px;height:5px;background:#e6ccd7;flex:none;border-radius:50%}.cd-tracks button[aria-pressed="true"]:before{background:#e35198}.cd-tracks b{font:10px "Courier New",monospace}.cd-footnote{margin:9px 0 0!important;font-size:9px;color:#a17c90;line-height:1.5}.bgm-player button:focus-visible,.bgm-player input:focus-visible{outline:2px solid #b42968;outline-offset:3px}
.bgm-player[data-state="playing"] .cd-disc,.bgm-player[data-state="playing"] .cd-equalizer i{animation-play-state:running}.bgm-player[data-state="playing"] .cd-led{background:#f13b8d;box-shadow:0 0 5px #fc72b6,0 0 0 1px #b84f7f}
@keyframes cd-spin{to{transform:rotate(360deg)}}@keyframes cd-meter{from{height:2px}to{height:8px}}
@media(max-width:350px){.cd-device{padding:19px 12px 17px}.cd-header{margin-bottom:7px}.cd-brand{font-size:11px}.cd-model{font-size:6px}.cd-console{width:94%;padding:8px 7px 10px}.cd-controls{gap:7px}.cd-controls button{width:32px;height:32px}.cd-controls .cd-play{width:42px;height:42px}.cd-window{width:78%;margin-bottom:8px}.cd-title{font-size:11px}.cd-tracks button{font-size:9px}.cd-footnote{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cd-disc,.cd-equalizer i{animation:none}}
/* 丸い携帯プレーヤーの筐体に収める */
.cd-device{padding:0;aspect-ratio:.9;border-radius:49% 49% 45% 45% / 43% 43% 40% 40%;background:radial-gradient(ellipse at 25% 17%,#ffffffbb,transparent 45%),linear-gradient(130deg,#ffd7edb3,#ec63a694 45%,#ffadd7a8 70%,#fff1f9d9)}
.cd-device:before{background:radial-gradient(ellipse at 50% 43%,transparent 62%,#b8498f29 62.5% 63%,transparent 63.5%)}
.cd-header{position:absolute;top:19px;left:0;width:100%;margin:0;z-index:4}.cd-window{position:absolute;top:52px;left:50%;transform:translateX(-50%);width:69%;max-width:226px;margin:0}.cd-console{position:absolute;bottom:15px;left:6%;width:88%;padding-bottom:10px;z-index:4}.cd-button-note{display:none}.cd-circuit{top:103px;height:48px}.cd-screw{bottom:64px}
@media(max-width:350px){.cd-device{padding:0}.cd-header{top:15px}.cd-window{top:43px;width:70%;margin:0}.cd-console{width:90%;left:5%;bottom:12px;padding:7px 7px 9px}.cd-lcd{padding-top:3px;padding-bottom:2px}.cd-controls{margin-top:6px}}

/* v85: コアラの少し上のサイズにしてページ末尾へ */
.bgm-player{width:200px;max-width:200px;margin:10px auto 7px}
.cd-hardware{position:relative;width:154px;height:176px;margin:0 auto}
.bgm-player .cd-device{position:absolute;top:0;left:50%;width:344px;height:382.222px;max-width:none;aspect-ratio:auto;margin-left:-172px;padding:0;transform:scale(.4476744);transform-origin:top center}
.bgm-player .cd-window{top:52px;width:69%;margin:0}
.bgm-player .cd-console{bottom:15px;left:6%;width:88%;padding:9px 9px 10px}
.bgm-player .cd-lcd{padding:4px 8px 3px}
.bgm-player .cd-controls{margin-top:9px;gap:8px}
.bgm-player .cd-controls button{width:34px;height:34px;padding:7px}
.bgm-player .cd-controls .cd-play{width:44px;height:44px;padding:10px}
.bgm-player .cd-disc-hit{position:absolute;top:52px;left:50%;transform:translateX(-50%);width:226px;height:226px;border:0;border-radius:50%;background:transparent;z-index:3;padding:0}
.bgm-player .cd-disc-hit:focus-visible{outline:4px solid #b42968;outline-offset:0}
.bgm-player .cd-song-info{margin-top:3px}
.bgm-player .cd-title{min-height:17px;font-size:10px;line-height:1.4;padding:0}
.cd-options{margin-top:2px}
.cd-options summary{cursor:pointer;min-height:30px;padding:6px 2px;color:#ad4273;font-size:10px;list-style-position:inside;touch-action:manipulation}
.cd-options summary:focus-visible{outline:2px solid #b42968;outline-offset:2px}
.bgm-player .cd-tracks button{min-height:34px;font-size:10px}
.bgm-player .cd-footnote{font-size:8px;margin-top:4px!important}

/* Full songs: purchase and download */
.cd-download{margin:5px auto 10px;text-align:center}
.cd-download a{display:inline-block;max-width:100%;padding:7px 12px;border:1px solid #d84c88;border-radius:14px;background:#fff0f7;box-shadow:0 2px 0 #f0bfd5;color:#a32358!important;font-size:11px;font-weight:bold;line-height:1.5;text-decoration:underline;text-underline-offset:2px}
.cd-download a:hover{background:#ffe0ee}
.cd-download a:focus-visible{outline:2px solid #a32358;outline-offset:3px}
.cd-download span{display:block;margin-top:5px;color:#86526a;font-size:10px;line-height:1.5}