/* Coming Soon artwork/details. Audio remains in the existing card. */
.brm-coming-art-open{display:block;width:72px;height:72px;min-width:0;min-height:0;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer}
.brm-coming-art-open:focus-visible{outline:3px solid #f2a007;outline-offset:3px}
html.brm-coming-modal-open{overflow:hidden!important}
.brm-coming-modal{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;background:#07142d;color:#fff;border:1px solid rgba(31,169,255,.38);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.5);font-family:system-ui,sans-serif;z-index:100001}
.brm-coming-modal[open]{display:flex;flex-direction:column}
.brm-coming-modal:not([open]){display:none}
.brm-coming-modal *{box-sizing:border-box}
.brm-coming-modal::backdrop{background:rgba(3,10,24,.82);backdrop-filter:blur(6px)}
.brm-coming-modal-header{flex-shrink:0;display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.09)}
.brm-coming-modal-header>div{min-width:0}
.brm-coming-modal-header span{color:#f2a007;font-size:11px;font-weight:800;letter-spacing:.14em}
.brm-coming-modal-header h2{margin:5px 0 0;color:#fff;font-size:clamp(19px,5vw,26px);line-height:1.2;overflow-wrap:anywhere;max-height:25vh;max-height:25dvh;overflow:auto}
.brm-coming-modal button{font:700 14px system-ui;cursor:pointer}
.brm-coming-modal .brm-coming-modal-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;line-height:1;font-size:28px;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(31,169,255,.45);border-radius:50%}
.brm-coming-flip-stage{perspective:1200px;height:min(65vh,590px);height:min(65dvh,590px);padding:16px;min-height:0}
.brm-coming-flipper{display:grid;height:100%;position:relative;transform-style:preserve-3d;transition:transform .28s ease}
.brm-coming-modal.is-back .brm-coming-flipper{transform:rotateY(180deg)}
.brm-coming-face{grid-area:1/1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg)}
.brm-coming-back{transform:rotateY(180deg);background:#07142d}
.brm-coming-modal-art{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:14px;background:#061126}
.brm-coming-modal .brm-coming-modal-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.brm-coming-modal-meta{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px}
.brm-coming-modal-meta>div{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-wrap:anywhere;font-size:14px;color:#cbd7e7;line-height:1.4}
.brm-coming-modal-meta strong{color:#f2a007}
.brm-coming-modal-meta span{color:#70c9ff;font-weight:700}
.brm-coming-modal-meta time{color:#cbd7e7;font-size:13px}
.brm-coming-modal .brm-coming-info{display:grid;place-items:center;width:44px;height:44px;padding:8px;border:1px solid #1fa9ff;border-radius:50%;background:#102747;color:#70c9ff}
.brm-coming-info svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.brm-coming-back h3{margin:0;color:#fff;font-size:20px;line-height:1.3}
.brm-coming-description{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;color:#dbe8f7;font-size:15px;line-height:1.6;overflow-wrap:anywhere;padding-right:6px}
.brm-coming-description p{color:inherit;white-space:pre-wrap;margin:0;font-size:inherit;line-height:inherit}
.brm-coming-modal .brm-coming-flip-back{min-height:44px;flex-shrink:0;padding:10px 16px;border:1px solid #1fa9ff;border-radius:12px;background:#1fa9ff;color:#041326}
.brm-coming-modal button:focus-visible,.brm-coming-description:focus-visible{outline:3px solid #f2a007;outline-offset:2px}
.brm-coming-face[inert]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.brm-coming-flipper{transition:none}}
@media(max-width:430px){.brm-coming-modal-header{padding:14px}.brm-coming-flip-stage{padding:12px;height:65vh;height:65dvh}.brm-coming-description{font-size:14px}.brm-coming-modal-meta>div{font-size:13px}}
@media(max-height:500px){.brm-coming-modal-header{padding:10px 14px}.brm-coming-modal-header h2{font-size:18px}.brm-coming-flip-stage{height:calc(100vh - 120px);height:calc(100dvh - 120px)}.brm-coming-face{gap:8px}.brm-coming-modal-meta>div{gap:2px;font-size:12px}}