.demo-player{color:#fff;background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:"Space Grotesk 2.0",sans-serif;display:flex;position:fixed;inset:0}.demo-player--loading,.demo-player--error,.demo-player--gesture{text-align:center;padding:24px}.demo-player--gesture{appearance:none;cursor:pointer;border:0;transition:background .12s}.demo-player--gesture:hover{background:#0a0a12}.demo-player--gesture:active{background:#181020}.demo-player__error-card,.demo-player__gesture-card{flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.demo-player__error-label,.demo-player__gesture-label{letter-spacing:.35em;color:#dc3c6b;font-size:12px}.demo-player__gesture-title{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(24px,4vw,36px);font-weight:600}.demo-player__gesture-cta{letter-spacing:.25em;color:#fff;background:#dc3c6b14;border:2px solid #dc3c6b;border-radius:2px;margin-top:16px;padding:12px 28px;font-size:16px}.demo-player__error-card a{color:#dc3c6b;text-decoration:none}.demo-player__error-card a:hover{text-decoration:underline}.demo-scene-wrap{background:#000;position:fixed;inset:0}.demo-scene{color:#fff;background:#000;width:100%;height:100%;font-family:"Space Grotesk 2.0",sans-serif;position:relative;overflow:hidden}.demo-scene__cut{pointer-events:none;opacity:0;background:#000;transition:opacity .5s ease-out;position:absolute;inset:0}.demo-scene__cut--fade-out{opacity:1;transition:opacity .5s ease-in}.demo-scene__cut--black{opacity:1;transition:none}.demo-scene__cut--fade-in{opacity:0;transition:opacity .5s ease-out}.demo-scene__beat-flash{mix-blend-mode:screen;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}.demo-scene__info{text-shadow:0 2px 8px #000000d9;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;max-width:50vw;display:flex;position:absolute;bottom:24px;left:24px}.demo-scene__info-label{letter-spacing:.35em;color:#dc3c6b;font-size:10px;font-weight:600}.demo-scene__info-title{letter-spacing:.04em;font-size:clamp(14px,2vw,20px);font-weight:600}.demo-scene__info-release{opacity:.75;letter-spacing:.08em;font-size:12px}.demo-scene__brand{z-index:1500;opacity:.7;filter:drop-shadow(0 2px 8px #000000b3);line-height:0;text-decoration:none;transition:opacity .15s,transform .15s;position:absolute;top:20px;right:24px}.demo-scene__brand svg{width:clamp(40px,5.5vw,68px);height:clamp(40px,5.5vw,68px)}.demo-scene__brand:hover{opacity:1;transform:scale(1.08)}.demo-scene__chapter{letter-spacing:.15em;color:#ffffff80;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px #000000d9;border:1px solid #ffffff40;border-radius:2px;padding:4px 10px;font-family:monospace;font-size:11px;position:absolute;bottom:24px;right:24px}.demo-scene__end-fade{pointer-events:none;opacity:0;background:#000;transition:opacity 2s ease-in;position:absolute;inset:0}.demo-scene__end-fade--active{opacity:1}.demo-scene__end-card{z-index:10;background:#000;justify-content:center;align-items:center;animation:1s ease-out both demo-end-card-in;display:flex;position:absolute;inset:0}.demo-scene__end-card-inner{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:400px;padding:32px;display:flex}.demo-scene__end-card-artwork{object-fit:cover;border-radius:4px;width:200px;height:200px;box-shadow:0 8px 40px #dc3c6b40,0 0 80px #6428a026}.demo-scene__end-card-meta{flex-direction:column;gap:6px;display:flex}.demo-scene__end-card-label{letter-spacing:.4em;color:#dc3c6b;font-size:10px;font-weight:600}.demo-scene__end-card-title{letter-spacing:.04em;text-transform:uppercase;font-size:clamp(18px,3vw,28px);font-weight:600}.demo-scene__end-card-release{opacity:.65;letter-spacing:.08em;font-size:13px}.demo-scene__end-card-social{justify-content:center;gap:16px;margin-top:16px;margin-bottom:8px;display:flex}.demo-scene__end-card-social-link{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:color .15s,transform .1s;display:flex}.demo-scene__end-card-social-link svg{fill:var(--platform-color,#fff);flex-shrink:0;transition:filter .15s}.demo-scene__end-card-social-link span{letter-spacing:.2em;opacity:.7;font-size:9px;font-weight:600}.demo-scene__end-card-social-link:hover{color:#fff;border-color:var(--platform-color,#fff6);background:#ffffff14}.demo-scene__end-card-social-link:hover svg{filter:brightness(1.3)}.demo-scene__end-card-social-link:hover span{opacity:1}.demo-scene__end-card-social-link:active{transform:scale(.95)}.demo-scene__end-card-actions{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.demo-scene__end-card-btn{letter-spacing:.2em;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:flex}.demo-scene__end-card-btn:active{transform:scale(.97)}.demo-scene__end-card-btn--replay{color:#fff;cursor:pointer;background:#dc3c6b;border:1px solid #dc3c6b;font-family:inherit}.demo-scene__end-card-btn--replay:hover{background:#e8507d;border-color:#e8507d}.demo-scene__end-card-btn--site{color:#ffffffb3;background:0 0;border:1px solid #ffffff40}.demo-scene__end-card-btn--site:hover{color:#fff;border-color:#ffffff80}@keyframes demo-end-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.demo-scene__info{bottom:14px;left:14px}.demo-scene__brand{top:12px;right:14px}.demo-scene__chapter{bottom:14px;right:14px}.demo-scene__end-card-artwork{width:160px;height:160px}.demo-scene__end-card-inner{gap:18px;padding:20px}}