body[data-template=classic]{--bg: #131313;--fg: #f4f4f5;--accent: #ffce8f;--accent-fg: #131313}body[data-template=modern]{--bg: #0c0d22;--fg: #ffffff;--accent: #4bccff;--accent-fg: #0c0d22}body[data-template=new-modern]{--bg: #0a0e17;--fg: #ffffff;--accent: #f5c518;--accent-fg: #0a0e17}html,body{margin:0;height:100%}body{background:var(--bg, #131313);color:var(--fg, #f4f4f5);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none}.play-shell{position:fixed;inset:0}.play-frame{position:absolute;inset:0}.play-fab{position:fixed;z-index:12;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;color:#fff;background:color-mix(in oklab,#000 52%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 6px #00000059;cursor:pointer;-webkit-tap-highlight-color:transparent}.play-fab:active{transform:scale(.94)}.play-fab[hidden]{display:none}.play-fab svg{width:22px;height:22px;display:block}.play-fab-fs [data-fs-compress],.play-fab-fs.is-fs [data-fs-expand]{display:none}.play-fab-fs.is-fs [data-fs-compress]{display:block}.play-fab-back{top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px)}.play-fab-fs{top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px)}.play-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.play-overlay{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:color-mix(in oklab,var(--bg, #131313) 92%,#000)}.play-overlay[hidden]{display:none}.play-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(48px) saturate(1.4);transform:scale(1.25);opacity:.32;pointer-events:none}.play-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 24px;max-width:22rem}.play-brand{height:34px;width:auto;max-width:60vw;object-fit:contain;opacity:.85}.play-art{position:relative;box-sizing:border-box;width:132px;height:132px;border-radius:28px;padding:2px;background:linear-gradient(160deg,color-mix(in oklab,var(--accent, #ffce8f) 55%,transparent),color-mix(in oklab,var(--accent, #ffce8f) 6%,transparent) 55%);box-shadow:0 26px 60px #0009;animation:play-float 3.4s ease-in-out infinite}.play-art:before{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent, #ffce8f) 45%,transparent),transparent 72%);filter:blur(16px);animation:play-glow 3.4s ease-in-out infinite;pointer-events:none}.play-art-inner{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:color-mix(in oklab,var(--bg, #131313) 88%,#000)}.play-art-inner:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translate(-140%) skew(-18deg);animation:play-sheen 2.4s ease-in-out infinite;pointer-events:none}.play-art img,.play-art-initial{display:block;width:100%;height:100%;object-fit:cover}.play-art-initial{display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:800;color:var(--accent, #ffce8f);background:color-mix(in oklab,var(--accent, #ffce8f) 12%,transparent)}@keyframes play-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes play-glow{0%,to{opacity:.42;transform:scale(.94)}50%{opacity:.72;transform:scale(1.04)}}@keyframes play-sheen{0%{transform:translate(-140%) skew(-18deg)}55%,to{transform:translate(320%) skew(-18deg)}}.play-overlay-title{margin:0;font-size:19px;font-weight:800;line-height:1.3;color:var(--fg, #f4f4f5);text-align:center;overflow-wrap:anywhere}.play-bar{width:180px;height:4px;border-radius:999px;overflow:hidden;background:color-mix(in oklab,var(--fg, #f4f4f5) 14%,transparent)}.play-bar>span{display:block;width:40%;height:100%;border-radius:999px;background:var(--accent, #ffce8f);animation:play-bar-slide 1.15s cubic-bezier(.65,0,.35,1) infinite}@keyframes play-bar-slide{0%{transform:translate(-110%)}to{transform:translate(360%)}}.play-overlay-sub{margin:0;font-size:13px;opacity:.65;text-align:center}@media(prefers-reduced-motion:reduce){.play-art{animation:none}.play-art-inner:after{animation:none;opacity:0}.play-art:before{animation-duration:6s}.play-bar>span{animation-duration:3s}}.play-error{position:fixed;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:color-mix(in oklab,var(--bg, #131313) 92%,#000);padding:24px;box-sizing:border-box}.play-error[hidden]{display:none}.play-error-msg{margin:0;font-size:15px;font-weight:600;text-align:center;max-width:28rem}.play-error-back{font-size:14px;font-weight:700;color:var(--accent-fg, #131313);background:var(--accent, #ffce8f);text-decoration:none;padding:10px 18px;border-radius:8px}