/* Round 16: repair + sync round. Loaded last. Sections: 1 share toast, 2 event rows, 3 Spotify player, 4 genre line. */

/* 1. share confirmation (event-actions.js) */
.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translate(-50%,16px);max-width:calc(100vw - 32px);padding:14px 24px;background:var(--ma-yellow);color:var(--ma-ink);border:3px solid var(--ma-white);box-shadow:4px 4px 0 var(--ma-magenta);font:800 .875rem/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity var(--t-base,.28s) var(--ease),transform var(--t-base,.28s) var(--ease)}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}

/* 2. event rows: the cover column belongs to .has-cover rows only (edc-r13.css); keep the cover the same 4:3 picture everywhere */
.ev.has-cover .ev-cover img{aspect-ratio:4/3}
.n4-covers .n4-cover img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}

/* 3. Spotify player: no yellow line, narrow (about 20% of the width on desktop) and centred, one panel when open (the player's own track list) */
.pw{border-top:0;left:50%;right:auto;width:clamp(300px,20vw,380px);transform:translateX(-50%)}
.pw-bar .pw-in{padding:0 12px;gap:10px}
.pw-art{width:44px;height:44px}
.pw-btn{width:44px;height:44px}.pw-play{width:44px;height:44px}
.pw-grid{display:block;max-width:none;padding:0 12px 12px;overflow:hidden}
.pw-side{display:none}
.pw-stage{height:100%;min-height:0;box-shadow:none;border:0;border-radius:12px}
.pw[data-open] .pw-panel{height:min(420px,calc(100dvh - var(--pw-h) - 24px))}
@media(max-width:800px){.pw{width:min(94vw,380px)}.pw[data-open] .pw-panel{height:min(420px,calc(100dvh - var(--pw-h) - 16px))}}