.release-preview{margin:18px 0 22px;padding:20px;border:1px solid #bd9c6066;border-left:3px solid var(--gold);background:linear-gradient(125deg,#c7a45b14,#5a192322);min-width:0}
.preview-eyebrow{display:block;font:600 10px/1.5 var(--sans);letter-spacing:1.1px;color:var(--gold);margin-bottom:16px}
.preview-row{display:flex;align-items:center;gap:14px;min-width:0}
.preview-play{display:grid;place-items:center;border:1px solid #e7ce96aa;background:var(--gold);color:#16120c;width:48px;height:48px;flex:0 0 48px;border-radius:50%;font:700 19px/1 var(--sans);padding:0;transition:background .2s}
.preview-play:hover:enabled{background:#f1dba9}
.preview-play:disabled{opacity:.45;cursor:default}
.preview-copy{display:grid;gap:6px;min-width:0}
.preview-title{font:600 14px/1.4 var(--sans);color:var(--cream)}
.preview-status{font:400 12px/1.6 var(--sans);color:var(--muted)}
.preview-progress{display:block;padding:17px 0 3px}
.preview-progress input{--preview-progress:0%;display:block;width:100%;height:5px;margin:6px 0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--gold) var(--preview-progress),#ffffff29 var(--preview-progress));border:0;border-radius:3px;cursor:pointer;touch-action:pan-y;accent-color:var(--gold)}
.preview-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:var(--gold)}
.preview-progress input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--gold)}
.preview-progress input:disabled{opacity:.4;cursor:default}
.preview-times{display:flex;justify-content:space-between;color:#d4c7ad;font:500 11px/1.5 var(--sans);font-variant-numeric:tabular-nums}
.preview-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.release-preview[data-state="playing"] .preview-play{box-shadow:0 0 0 5px #d7b46c15}
.release-preview audio{display:none}
.release-preview[data-native-controls="true"] audio{display:block;width:100%;height:50px;margin-top:16px;color-scheme:dark}
.release-preview[data-native-controls="true"] .preview-progress,.release-preview[data-native-controls="true"] .preview-times,.release-preview[data-native-controls="true"] .preview-row>.preview-play{display:none}
@media(max-width:650px){.release-preview{padding:17px 15px;margin-block:18px}.preview-eyebrow{font-size:9px;letter-spacing:.8px}.preview-title{font-size:14px}.preview-status{font-size:12px}.preview-row{gap:12px}.preview-play{width:46px;height:46px;flex-basis:46px}}
@media(prefers-reduced-motion:reduce){.preview-play{transition:none}}
.preview-floating{position:fixed;z-index:90;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;width:min(570px,calc(100% - 24px));padding:16px 17px 16px 21px;border:1px solid #d6b66ca6;background:#19130ff5;box-shadow:0 10px 45px #0009;border-radius:8px;color:var(--cream)}
.preview-floating-copy{display:grid;gap:5px;min-width:0;flex:1}
.preview-floating-copy strong{font:600 14px/1.35 var(--sans);color:var(--gold);overflow-wrap:anywhere}
.preview-floating-copy span{font:400 11px/1.5 var(--sans);color:#d8ccba}
.preview-floating-play{flex:0 0 auto;min-height:44px;padding:11px 16px;border:1px solid #f2d89f88;background:var(--gold);color:#19120a;font:700 13px/1.4 var(--sans);border-radius:4px}
.preview-floating-close{width:36px;height:40px;flex:0 0 36px;padding:0;background:transparent;color:var(--cream);font:400 26px/1 var(--sans)}
@media(max-width:650px){.preview-floating{gap:9px;padding:13px 10px 13px 15px;bottom:12px}.preview-floating-copy strong{font-size:12px}.preview-floating-copy span{font-size:10px}.preview-floating-play{padding:10px;font-size:12px}.preview-floating-close{width:27px;flex-basis:27px}}

/* Artist signature on the entry player; playback retains its direct tap handler. */
.preview-floating{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:min(620px,calc(100% - 24px));padding:12px 20px 15px;bottom:max(12px,env(safe-area-inset-bottom));background:#19130ff7}
.preview-brand{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 25px;min-width:0}
.preview-brand-emblem{display:block;width:64px;height:64px;flex:0 0 64px;object-fit:contain;filter:drop-shadow(0 3px 4px #0009)}
.preview-brand-signature{display:flex;flex-direction:column;align-items:center;min-width:0}
.preview-brand-crown{display:block;width:43px;height:28px;object-fit:contain;margin-bottom:1px;transform:rotate(-7deg)}
.preview-brand-name{display:block;white-space:nowrap;font:400 38px/1.1 var(--chicano);color:#f5d89c;background:linear-gradient(110deg,#c49a55,#fff0bd 38%,#d0a254 68%,#f6dea1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #582d19);padding-bottom:4px}
.preview-floating-controls{display:flex;align-items:center;gap:18px;min-width:0;border-top:1px solid #d6b66c30;padding-top:10px}
.preview-floating-close{position:absolute;right:2px;top:2px;width:40px;height:40px;font-size:24px;z-index:1}
.preview-floating-copy strong{font-size:12px}.preview-floating-copy span{font-size:11px}
@media(max-width:650px){.preview-floating{padding:9px 12px 12px;gap:6px}.preview-brand{gap:7px;padding:0 16px}.preview-brand-emblem{width:43px;height:43px;flex-basis:43px}.preview-brand-crown{width:32px;height:21px}.preview-brand-name{font-size:clamp(20px,6vw,30px)}.preview-floating-controls{gap:10px;padding-top:8px}.preview-floating-copy strong{font-size:11px}.preview-floating-copy span{font-size:10px}.preview-floating-close{width:32px;height:34px;font-size:22px}.preview-floating-play{min-height:44px;padding:10px 13px}}

.preview-brand-signature{flex:1;max-width:360px}.preview-brand-wordmark{display:block;width:100%;height:82px;object-fit:contain;margin-top:-7px;filter:drop-shadow(0 2px 2px #0008)}
@media(max-width:650px){.preview-brand{padding:0 12px;gap:5px}.preview-brand-wordmark{height:54px;margin-top:-4px}.preview-brand-signature{max-width:300px}.preview-brand-crown{margin-bottom:0}}

.preview-brand-wordmark{filter:var(--signature-shadow)}

.preview-equalizer{display:flex;align-items:center;justify-content:center;gap:3px;width:57px;height:29px;flex:0 0 57px;pointer-events:none}
.preview-equalizer i{width:3px;height:5px;border-radius:2px;background:linear-gradient(#ffe6a2,#d9a854 60%,#a41b4c);box-shadow:0 0 7px #a41b4c99;transform-origin:center;animation:tanito-beat .75s ease-in-out infinite alternate;animation-play-state:paused}
.preview-equalizer i:nth-child(3n){animation-duration:.43s}.preview-equalizer i:nth-child(2n){animation-delay:-.34s;animation-duration:.59s}.preview-equalizer i:nth-child(4n){animation-delay:-.6s}
.preview-floating[data-playing="true"] .preview-equalizer i{animation-play-state:running}
.preview-floating[data-playing="true"]{box-shadow:0 8px 40px #000b,0 0 25px #740d3a77}
@keyframes tanito-beat{from{height:5px}to{height:27px}}
@media(max-width:650px){.preview-equalizer{width:35px;flex-basis:35px;gap:2px}.preview-equalizer i{width:2px}.preview-floating-controls{gap:7px}}
@media(prefers-reduced-motion:reduce){.preview-equalizer i{animation:none}.preview-floating[data-playing="true"] .preview-equalizer i:nth-child(2n){height:19px}.preview-floating[data-playing="true"] .preview-equalizer i:nth-child(3n){height:27px}}

/* Jewel-like gold rim and a moving light while the preview plays. */
.preview-floating{border:2px solid #edcc88;border-radius:18px;background:linear-gradient(135deg,#302016fa,#160d13fc 65%,#28101bfc);box-shadow:0 0 0 3px #4d3020,0 0 0 4px #d9ad65,0 0 24px #8f123f88,0 15px 45px #000c;isolation:isolate}
.preview-floating::before{content:"";position:absolute;inset:5px;border:1px solid #f2d48a77;border-radius:12px;pointer-events:none;background:radial-gradient(circle at 0 0,#fff3ca 0 2px,#d6a85c 3px,transparent 5px),radial-gradient(circle at 100% 0,#fff3ca 0 2px,#d6a85c 3px,transparent 5px),radial-gradient(circle at 0 100%,#fff3ca 0 2px,#d6a85c 3px,transparent 5px),radial-gradient(circle at 100% 100%,#fff3ca 0 2px,#d6a85c 3px,transparent 5px)}
.preview-brand{position:relative;isolation:isolate}
.preview-brand::before{content:"";position:absolute;inset:0 10%;border-radius:50%;z-index:-1;opacity:.25;background:radial-gradient(ellipse,#ab144f99,transparent 70%);pointer-events:none}
.preview-brand::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:10px;background:linear-gradient(110deg,transparent 30%,#ffdf9226 48%,#fff0bd55 50%,#ffdf9226 52%,transparent 70%);background-size:250% 100%;opacity:0}
.preview-floating[data-playing="true"]{animation:tanito-rim 2s ease-in-out infinite alternate}
.preview-floating[data-playing="true"] .preview-brand::after{opacity:1;animation:tanito-light 3.2s linear infinite}
.preview-floating[data-playing="true"] .preview-brand::before{animation:tanito-aura 1.4s ease-in-out infinite alternate}
.preview-floating[data-playing="true"] .preview-brand-crown{filter:drop-shadow(0 0 6px #ffdf83)}
@keyframes tanito-rim{from{box-shadow:0 0 0 3px #4d3020,0 0 0 4px #d9ad65,0 0 22px #8f123f88,0 15px 45px #000c}to{box-shadow:0 0 0 3px #6a4227,0 0 0 4px #ffe7ad,0 0 36px #ac195cb3,0 15px 45px #000c}}
@keyframes tanito-light{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes tanito-aura{from{opacity:.3;transform:scale(.9)}to{opacity:.85;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.preview-floating[data-playing="true"],.preview-floating[data-playing="true"] .preview-brand::before,.preview-floating[data-playing="true"] .preview-brand::after{animation:none}.preview-floating[data-playing="true"] .preview-brand::after{opacity:0}}

.release-preview.preview-premiere-frame{position:relative;border:0;margin:42px 14px 40px;padding:26px 20px;background:linear-gradient(125deg,#241b13,#210d18);box-shadow:0 12px 30px #0008,0 0 28px #9b123f66}
.preview-premiere-frame>.corner-music{display:block!important;width:65px;height:44px}
.preview-premiere-frame>.corner-music-tl{top:-25px;left:-13px}.preview-premiere-frame>.corner-music-tr{top:-24px;right:-13px}.preview-premiere-frame>.corner-music-bl{bottom:-24px;left:-13px}.preview-premiere-frame>.corner-music-br{bottom:-24px;right:-13px}
@media(max-width:650px){.release-preview.preview-premiere-frame{margin:35px 10px;padding:24px 14px}.preview-premiere-frame>.corner-music{width:51px;height:35px}.preview-premiere-frame>.corner-music-tl,.preview-premiere-frame>.corner-music-tr{top:-21px}.preview-premiere-frame>.corner-music-bl,.preview-premiere-frame>.corner-music-br{bottom:-20px}}

.release-preview.preview-premiere-frame::after{background-image:url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%20600%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%22600%22%20y2%3D%22600%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fff2b6%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%2392621e%22%2F%3E%3Cstop%20offset%3D%22.52%22%20stop-color%3D%22%23f1d392%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%239e6d24%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0ad%22%2F%3E%3C%2FlinearGradient%3E%3Cg%20id%3D%22d%22%3E%3Cpath%20d%3D%22M-7%20-3%20-3%20-7%204%20-6%208%200%201%2010%20-7%202Z%22%20fill%3D%22%23c6d3da%22%20stroke%3D%22%23fce5a8%22%20stroke-width%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M-3%20-7%200%200%204%20-6Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M-7%20-3%200%200%20-7%202Z%22%20fill%3D%22%23effaff%22%2F%3E%3Cpath%20d%3D%22M0%200%201%2010%208%200Z%22%20fill%3D%22%23889ba9%22%2F%3E%3Cpath%20d%3D%22M-7%202%200%200%201%2010Z%22%20fill%3D%22%23f7fbff%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22s%22%3E%3Cpath%20d%3D%22M0%20-12%201.5%20-1.5%2012%200%201.5%201.5%200%2012%20-1.5%201.5%20-12%200%20-1.5%20-1.5Z%22%20fill%3D%22%23fff7d6%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22music-staff%22%20stroke%3D%22%23e7c77e%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M177%204H418%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M177%208H418%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M177%2012H418%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M177%2016H418%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22M177%2020H418%22%20stroke-width%3D%22.65%22%20opacity%3D%22.65%22%2F%3E%3Cg%20fill%3D%22%23f4d898%22%20stroke-width%3D%22.8%22%3E%3Cellipse%20cx%3D%22219%22%20cy%3D%2216%22%20rx%3D%224%22%20ry%3D%222.6%22%20transform%3D%22rotate%28-22%20219%2016%29%22%2F%3E%3Cpath%20d%3D%22M223%2015V1M223%201Q232%205%20228%2011%22%20fill%3D%22none%22%20stroke-width%3D%221.4%22%2F%3E%3Cellipse%20cx%3D%22277%22%20cy%3D%2219%22%20rx%3D%224%22%20ry%3D%222.6%22%20transform%3D%22rotate%28-22%20277%2019%29%22%2F%3E%3Cellipse%20cx%3D%22301%22%20cy%3D%2211%22%20rx%3D%224%22%20ry%3D%222.6%22%20transform%3D%22rotate%28-22%20301%2011%29%22%2F%3E%3Cpath%20d%3D%22M281%2018V3L305%200V10%22%20fill%3D%22none%22%20stroke-width%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M281%203L305%200V3L281%206Z%22%2F%3E%3Cellipse%20cx%3D%22359%22%20cy%3D%2215%22%20rx%3D%224%22%20ry%3D%222.6%22%20transform%3D%22rotate%28-22%20359%2015%29%22%2F%3E%3Cpath%20d%3D%22M363%2014V0%22%20fill%3D%22none%22%20stroke-width%3D%221.4%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22url%28%23g%29%22%3E%3Cpath%20d%3D%22M7%20142V30L30%207H176%20M424%207H570L593%2030V112%20M593%20426V570L570%20593H430%20M172%20593H30L7%20570V468%22%20stroke-width%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M15%20102V35L35%2015H106%20M490%2015H565L585%2035V78%20M585%20495V565L565%20585H496%20M101%20585H35L15%20565V510%22%20stroke-width%3D%22.8%22%20opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%2822%2022%29%20rotate%28-15%29%20scale%281.1%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%2840%2010%29%20rotate%2825%29%20scale%280.6%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%2810%2043%29%20rotate%28-25%29%20scale%280.55%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%28578%20578%29%20rotate%2815%29%20scale%281.2%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%28559%20590%29%20rotate%28-10%29%20scale%280.6%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%28590%20553%29%20rotate%2830%29%20scale%280.55%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%28586%2020%29%20rotate%2815%29%20scale%280.6%29%22%2F%3E%3Cuse%20href%3D%22%23d%22%20transform%3D%22translate%2818%20583%29%20rotate%280%29%20scale%280.65%29%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate%2825%2016%29%20scale%280.85%29%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate%28580%20575%29%20scale%281%29%22%2F%3E%3Cuse%20href%3D%22%23s%22%20transform%3D%22translate%28587%2022%29%20scale%280.5%29%22%2F%3E%3C%2Fsvg%3E")}

/* Sculpted open gold corners, ruby cuts and diamond accents. */
.preview-floating{border:0;border-radius:4px;padding:18px 25px 21px;background:radial-gradient(ellipse at 50% 0,#49142999,transparent 65%),linear-gradient(135deg,#21160f,#120c11 65%,#2c111c);box-shadow:0 16px 45px #000c,0 0 30px #8e123d80}
.preview-floating::before{inset:-7px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20620%20200%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fff2bb%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%23a87025%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23ffe8a3%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23b88437%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff0bf%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22r%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23ff91a0%22%2F%3E%3Cstop%20offset%3D%22.45%22%20stop-color%3D%22%23ab123e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234e0928%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22url%28%23g%29%22%3E%3Cpath%20d%3D%22M8%2057V26L30%208h104l14%205h324l14-5h104l22%2018v31M612%20143v31l-22%2018H486l-14-5H148l-14%205H30L8%20174v-31%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M17%2061V31l17-15h91M495%2016h91l17%2015v30M17%20139v30l17%2015h91M495%20184h91l17-15v-30%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M26%2050V33h28M566%2033h28v17M26%20150v17h28M566%20167h28v-17%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22m8%2075%207%2012-7%2012-7-12Zm604%200%207%2012-7%2012-7-12ZM8%20105l7%2012-7%2012-7-12Zm604%200%207%2012-7%2012-7-12Z%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22m42%204%2010%2010-10%2010-10-10Zm536%200%2010%2010-10%2010-10-10ZM42%20176l10%2010-10%2010-10-10Zm536%200%2010%2010-10%2010-10-10Z%22%20fill%3D%22url%28%23r%29%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22m42%206%200%2016m-8-8h16m528-8v16m-8-8h16M42%20178v16m-8-8h16m528-8v16m-8-8h16%22%20stroke%3D%22%23ffb3b366%22%20stroke-width%3D%22.7%22%2F%3E%3Cpath%20d%3D%22m104%207%203%205-3%205-3-5Zm412%200%203%205-3%205-3-5ZM104%20183l3%205-3%205-3-5Zm412%200%203%205-3%205-3-5Z%22%20fill%3D%22%23fff5df%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/100% 100% no-repeat;filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 4px #e5bd674d)}
.preview-floating::after{content:"♫";position:absolute;bottom:-13px;left:calc(50% - 22px);font:30px/1 Georgia,serif;letter-spacing:5px;color:#efd18b;text-shadow:0 2px 2px #000,0 0 9px #bd3b65;pointer-events:none;background:#1b0d15;padding:0 10px}
.preview-floating-close{right:10px;top:9px}
.preview-floating[data-playing="true"]{animation:tanito-luxury-aura 1.8s ease-in-out infinite alternate}
.preview-floating[data-playing="true"]::before{animation:tanito-gems 2.1s ease-in-out infinite alternate}
@keyframes tanito-luxury-aura{from{box-shadow:0 16px 45px #000c,0 0 26px #8e123d77}to{box-shadow:0 16px 45px #000c,0 0 42px #a51251bb}}
@keyframes tanito-gems{from{filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 2px #e5bd674d)}to{filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 7px #ffe4a58c)}}
@media(max-width:650px){.preview-floating{padding:15px 16px 19px;width:calc(100% - 30px)}.preview-floating::before{inset:-5px}.preview-floating-close{right:4px;top:6px}.preview-floating::after{font-size:25px;bottom:-10px}}
@media(prefers-reduced-motion:reduce){.preview-floating[data-playing="true"],.preview-floating[data-playing="true"]::before{animation:none}}

/* Notes, ruby diamonds and stars rise around the signature during playback. */
.preview-brand::after{display:none}
.preview-spectacle{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:visible}
.preview-figure{position:absolute;left:calc(4% + var(--figure)*6.8%);top:52%;font:24px/1 Georgia,serif;color:#ffe5a0;opacity:0;filter:drop-shadow(0 0 5px #e3ae59);--drift:22px}
.preview-figure:nth-child(3n){color:#e43a72;font-size:17px;--drift:-25px;filter:drop-shadow(0 0 6px #cf2463)}
.preview-figure:nth-child(2n){font-size:18px;--drift:-16px}
.preview-floating[data-playing="true"] .preview-figure{animation:tanito-figures 3.3s ease-out infinite;animation-delay:calc(var(--figure)*-.37s)}
.preview-floating[data-playing="true"] .preview-brand-emblem{animation:tanito-jewel-float 2.4s ease-in-out infinite alternate}
.preview-floating[data-playing="true"] .preview-brand-emblem:last-child{animation-delay:-1.2s}
@keyframes tanito-figures{0%{opacity:0;transform:translate(0,8px) rotate(-15deg) scale(.4)}18%{opacity:.95}70%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),-140px) rotate(24deg) scale(1.15)}}
@keyframes tanito-jewel-float{from{transform:translateY(1px) rotate(-4deg);filter:drop-shadow(0 0 3px #ffe4a555)}to{transform:translateY(-5px) rotate(4deg);filter:drop-shadow(0 0 8px #ecbf7999)}}
@media(max-width:650px){.preview-figure{font-size:19px}.preview-figure:nth-child(2n){font-size:15px}@keyframes tanito-figures{0%{opacity:0;transform:translate(0,8px) rotate(-15deg) scale(.4)}18%{opacity:.95}70%{opacity:.8}100%{opacity:0;transform:translate(var(--drift),-110px) rotate(24deg) scale(1.1)}}}
@media(prefers-reduced-motion:reduce){.preview-floating[data-playing="true"] .preview-figure,.preview-floating[data-playing="true"] .preview-brand-emblem{animation:none}.preview-floating[data-playing="true"] .preview-figure:nth-child(4n){opacity:.8;top:3%;transform:scale(.65)}}

/* Crown playback control sits on the outer top edge, above the music panel. */
.preview-floating button.preview-floating-play{position:absolute;z-index:5;top:-48px;left:50%;transform:translateX(-50%);display:block;width:94px;min-width:94px;height:68px;min-height:68px;padding:0;border:0;border-radius:0;background:none;color:#fff3cc;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 2px 2px #140910) drop-shadow(0 0 7px #dfb56166)}
.preview-crown-art{display:block;width:94px;height:56px;pointer-events:none}.preview-crown-symbol{position:absolute;left:0;right:0;top:27px;text-align:center;font:700 17px/20px var(--sans);text-shadow:0 1px 3px #000;pointer-events:none}.preview-crown-label{position:absolute;top:54px;left:50%;transform:translateX(-50%);padding:1px 8px;border:1px solid #d7ad6577;border-radius:8px;background:#21111a;font:700 10px/13px var(--sans);white-space:nowrap}
.preview-floating button.preview-floating-play:hover{filter:drop-shadow(0 0 10px #ffdc85)}.preview-floating button.preview-floating-play:focus-visible{outline:2px solid #fff3bc;outline-offset:4px;border-radius:8px}.preview-floating[data-minimized="true"]>.preview-floating-play{display:none}