/* The selected monochrome player. Scoped so the rest of the site keeps its style. */
.signal-players{--design-accent:#f0f2f5;--design-rgb:236,239,245;--design-muted:#9299a5;--design-line:#ffffff1c;--design-panel:#0c0e12}
body.signal-players:not(.player-demo).player-has-started{padding-bottom:calc(154px + env(safe-area-inset-bottom))}
.signal-players .shigure-preview-wrap{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.signal-players .shigure-preview-wrap:after{display:none}
.signal-players .shigure-player{isolation:isolate;position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 60px;gap:18px 24px;padding:28px;border:1px solid var(--design-line);border-radius:22px;background:linear-gradient(145deg,#101216,#090b0e);overflow:visible;box-shadow:0 16px 38px #00000024}
.signal-players .shigure-cover{grid-column:1;grid-row:1;width:96px;height:96px;aspect-ratio:1;object-fit:cover;border:1px solid #ffffff17;border-radius:13px;box-shadow:0 8px 24px #0005}
.signal-players .shigure-player-main{display:contents}
.signal-players .shigure-meta{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;margin:0;min-width:0}
.signal-players .shigure-meta small{font-size:10px;line-height:1.5;letter-spacing:.14em;color:var(--design-muted)}
.signal-players .shigure-meta strong{font-size:clamp(18px,2.4vw,30px);font-weight:500;line-height:1.25;letter-spacing:.035em;overflow-wrap:anywhere}
.signal-players .shigure-play{grid-column:3;grid-row:1;align-self:center;justify-self:end;display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--design-accent);border-radius:50%;background:var(--design-accent);color:#080a0d;box-shadow:0 6px 18px #0004;transition:transform .18s,box-shadow .18s}
.signal-players .shigure-play svg{width:36px;height:36px}.signal-players .shigure-play svg circle{display:none}
.signal-players .shigure-play:hover{transform:scale(1.04);background:var(--design-accent);box-shadow:0 0 28px #ffffff18}
.signal-players .shigure-time{grid-column:1/-1;grid-row:3;font-size:10px;line-height:1.4;letter-spacing:.06em;color:var(--design-muted);font-variant-numeric:tabular-nums;margin:-8px 0 0}
.signal-players .shigure-status{grid-column:1/-1;grid-row:4;min-height:0;margin:0;font-size:11px;color:#e7c4c4}.signal-players .shigure-status:empty{display:none}
.signal-players .global-player.player-54{position:fixed;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(220px,2fr) minmax(110px,.6fr);align-items:center;gap:22px;min-height:112px;padding:14px 20px;border:1px solid var(--design-line);border-radius:20px;background:#0d0f13f5;box-shadow:0 18px 60px #0008;overflow:visible;max-height:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.signal-players .global-player.player-54:before{display:none}
.signal-players .gp-track{grid-column:1;grid-row:1;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;border:0;padding:0;min-width:0}
.signal-players .global-player.player-54 .gp-track>img{width:52px;height:52px;border-radius:9px;border:1px solid var(--design-line);box-shadow:none}
.signal-players .player-54 .gp-meta small{display:none}.signal-players .player-54 .gp-meta strong{font-size:13px;font-weight:500;letter-spacing:.045em}.signal-players .player-54 .gp-meta span{font-size:9px;letter-spacing:.12em;color:var(--design-muted)}
.signal-players .gp-actions{grid-column:2;grid-row:1;gap:4px;padding:0}
.signal-players .player-tool{display:grid;width:44px;height:44px;min-height:44px;border-radius:8px;color:#949da9;background:none}
.signal-players .player-tool svg{width:20px;height:20px;stroke-width:1.7}
.signal-players .player-tool.active{color:var(--design-accent);background:rgba(var(--design-rgb),.1)}
.signal-players .player-54 .main-play{width:46px;height:46px;border:0;border-radius:50%;background:var(--design-accent);color:#07090d}
.signal-players .player-54 .main-play svg{width:30px;height:30px;filter:none}.signal-players .main-play svg circle{display:none}.signal-players .main-play .play-shape,.signal-players .main-play .pause-shape{fill:currentColor}
.signal-players .gp-timeline{grid-column:3;grid-row:1;padding:0;height:78px;align-self:center;min-width:0}
.signal-players .gp-time-row{display:flex;margin:0;font-size:9px;line-height:1.5;color:var(--design-muted);font-variant-numeric:tabular-nums}
.signal-players .gp-volume{grid-column:4;grid-row:1;display:grid;grid-template-columns:36px minmax(40px,1fr);gap:8px;padding:0;border:0;margin:0}
.signal-players .player-54 .volume-btn{display:grid;width:36px;height:44px;color:var(--design-muted)}.signal-players .volume-btn svg{width:22px;height:22px;stroke:currentColor}.signal-players .gp-volume input{height:44px}
.signal-players .gp-volume input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--design-accent) 0 var(--vol),#343a43 var(--vol) 100%)}.signal-players .gp-volume input::-webkit-slider-thumb{border:0;background:var(--design-accent);width:8px;height:8px;margin-top:-3px;box-shadow:none}
.signal-players .gp-volume input::-moz-range-progress{background:var(--design-accent)}.signal-players .gp-volume input::-moz-range-thumb{border:0;background:var(--design-accent);box-shadow:none}
.signal-players #volumeValue{display:none}
@media(max-width:1200px){.signal-players .global-player.player-54{grid-template-columns:minmax(0,1fr) auto minmax(180px,1.4fr);gap:16px}.signal-players .gp-volume{display:none}}
@media(max-width:900px){.signal-players .shigure-player{grid-template-columns:80px minmax(0,1fr) 54px;padding:24px;gap:16px}.signal-players .shigure-cover{width:80px;height:80px}.signal-players .shigure-play{width:54px;height:54px}.signal-players #shuffleBtn,.signal-players #repeatBtn{display:none}}
@media(max-width:760px){body.signal-players:not(.player-demo).player-has-started{padding-bottom:calc(196px + env(safe-area-inset-bottom))}.signal-players .global-player.player-54{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px;min-height:0}.signal-players .gp-track{grid-column:1;grid-row:1;grid-template-columns:42px minmax(0,1fr);gap:9px}.signal-players .global-player.player-54 .gp-track>img{width:40px;height:40px}.signal-players .player-54 .gp-meta strong{font-size:11px}.signal-players .player-54 .gp-meta span{font-size:8px}.signal-players .gp-actions{grid-column:2;grid-row:1;gap:2px}.signal-players #shuffleBtn,.signal-players #repeatBtn{display:none}.signal-players .gp-actions #prevBtn,.signal-players .gp-actions #nextBtn{width:44px;height:44px}.signal-players .gp-timeline{grid-column:1/-1;grid-row:2;height:76px}.signal-players .player-54 .main-play{width:44px;height:44px}.signal-players .gp-time-row{font-size:9px}.signal-players .gp-wave-track{top:auto}}
@media(max-width:520px){.signal-players .shigure-player{padding:20px;grid-template-columns:64px minmax(0,1fr) 48px;gap:14px}.signal-players .shigure-cover{width:64px;height:64px}.signal-players .shigure-meta{gap:6px}.signal-players .shigure-meta small{font-size:8px;letter-spacing:.1em}.signal-players .shigure-meta strong{font-size:16px;letter-spacing:.025em}.signal-players .shigure-play{width:48px;height:48px}.signal-players .shigure-play svg{width:32px;height:32px}}
@media(max-width:360px){.signal-players .gp-track{grid-column:1/-1;grid-row:1}.signal-players .gp-actions{grid-column:1/-1;grid-row:2;justify-self:center}.signal-players .gp-timeline{grid-row:3}.signal-players .global-player.player-54{gap:4px 10px;padding:10px 12px}.signal-players .shigure-player{padding:16px;grid-template-columns:50px minmax(0,1fr) 44px;gap:12px}.signal-players .shigure-cover{width:50px;height:50px}.signal-players .shigure-play{width:44px;height:44px}.signal-players .shigure-meta strong{font-size:14px}.signal-players .shigure-meta small{font-size:7px}body.signal-players:not(.player-demo).player-has-started{padding-bottom:calc(230px + env(safe-area-inset-bottom))}}
@media(orientation:landscape) and (max-height:540px){.signal-players .global-player.player-54{grid-template-columns:minmax(130px,1fr) auto minmax(180px,1.6fr);gap:12px;padding:8px 14px;min-height:96px;bottom:max(6px,env(safe-area-inset-bottom))}.signal-players .gp-track{grid-column:1;grid-row:1}.signal-players .gp-actions{grid-column:2;grid-row:1}.signal-players .gp-timeline{grid-column:3;grid-row:1;height:76px}.signal-players #shuffleBtn,.signal-players #repeatBtn{display:none}.signal-players .gp-actions #prevBtn,.signal-players .gp-actions #nextBtn{display:none}}
@media(prefers-reduced-motion:reduce){.signal-players .shigure-play{transition:none}}