/* Apollo Live Player — high-resolution iframe viewport, original glass controls. */
.amp:not([data-state])::before{content:"";position:absolute;inset:0;border-radius:var(--r,20px);background:repeating-conic-gradient(rgba(127,127,127,.08) 0% 25%,rgba(127,127,127,.15) 0% 50%) 0 0/80px 80px}
.amp{--amp-crop:1;--amp-fg:255,255,255;--amp-play:72px;--amp-dock-btn:40px;position:relative;width:100%;aspect-ratio:16/9;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.amp .amp-card{position:absolute;inset:0;overflow:hidden;border-radius:var(--r,20px);background:rgb(var(--sb-ink-rgb,10,10,10));box-shadow:var(--img-frame,0 1px 0 rgba(127,127,127,.12));container-type:size;isolation:isolate}
.amp .amp-stage{position:absolute;inset:0}
.amp .amp-stage iframe{position:absolute;left:50%;top:50%;max-width:none!important;border:0;transform-origin:center;pointer-events:none}
.amp:not([data-live-ready]) .amp-stage iframe{opacity:0!important}
.amp[data-pixel-live] .amp-stage iframe{opacity:1!important}
.amp-pixel-grid{position:absolute;inset:0;z-index:4;display:grid;pointer-events:none}
.amp-pixel-grid[hidden]{display:none!important}
.amp-pixel-grid>i{backdrop-filter:blur(var(--lp-blur,8px)) contrast(1.25);-webkit-backdrop-filter:blur(var(--lp-blur,8px)) contrast(1.25)}
.amp-pixel-grid-next{z-index:5}
/* Keep the crop synchronous with layout, including between resize-observer callbacks. */
@supports (transform:scale(calc(1px / 1px))) and (width:1cqw){
  .amp .amp-stage iframe{
    width:1920px!important;
    height:1080px!important;
    transform:translate(-50%,-50%) scale(calc(min(100cqw,177.778cqh)/1920px))!important;
  }
}
.amp .amp-poster{display:none!important}
.amp .apollo-lazy-pixel{position:absolute!important;inset:0;width:100%!important;height:100%;border-radius:0;aspect-ratio:auto!important;background:var(--bg,Canvas)}
.amp .apollo-lazy-pixel__mosaic{z-index:1}
.amp .amp-poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;object-fit:cover;scale:var(--amp-crop,1);opacity:0;pointer-events:none;transition:opacity .65s var(--ease,ease)}
.amp .amp-poster.is-on{opacity:1}
.amp .amp-hit{position:absolute;inset:0;z-index:3;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.amp .amp-hit:focus-visible{outline:2px solid var(--primary,#edac41);outline-offset:-5px}
.amp .amp-status{position:absolute;z-index:4;left:18px;bottom:18px;right:calc(28px + (var(--amp-dock-btn) * 2));margin:0;color:rgb(var(--amp-fg));font:400 var(--fs-p3)/1.5 var(--ff-main,"Bricolage Grotesque",sans-serif);pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.amp .amp-status:empty{display:none}
.amp:is([data-state=loading],[data-state=holding],[data-state=refining]) .amp-status{display:none}
.amp .amp-ui{position:absolute;inset:0;z-index:5;pointer-events:none;transition:opacity .4s var(--ease,ease),visibility .4s}
.amp .amp-ui.is-off{opacity:0;visibility:hidden}
.amp .amp-ui button,.amp .amp-menu{pointer-events:auto}
.amp .amp-btn{display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:rgb(var(--amp-fg));background:rgba(10,10,10,.32);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:scale .25s var(--ease,ease),background .25s}
.amp .amp-btn:hover{background:rgba(10,10,10,.25)}
.amp .amp-btn:active{scale:.94}
.amp .amp-btn:focus-visible{outline:2px solid rgb(var(--amp-fg));outline-offset:4px}
.amp .amp-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.amp .amp-btn svg *{fill:none!important;stroke:currentColor!important}
.amp .amp-main{position:absolute;left:50%;top:50%;translate:-50% -50%;width:var(--amp-play);height:var(--amp-play)}
.amp .amp-main svg{width:32px;height:32px}
.amp .amp-main svg :is(.p,.s){fill:currentColor!important;stroke:none!important;transform-box:fill-box;transform-origin:center;transition:transform .5s var(--ease,ease),opacity .4s}
.amp .amp-main[data-state=playing] .p,.amp .amp-main[data-state=stopped] .s{opacity:0;transform:scale(.4) rotate(-90deg)}
.amp .amp-dock{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px}
.amp .amp-dock .amp-btn{width:var(--amp-dock-btn);height:var(--amp-dock-btn)}
.amp .amp-btn[hidden]{display:none!important}
.amp .amp-menu{position:absolute;right:14px;bottom:calc(14px + var(--amp-dock-btn) + 12px);width:min(280px,calc(100vw - 64px));padding:14px;border-radius:var(--r-sm,12px);background:rgba(10,10,10,.88);color:rgb(var(--amp-fg));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 48px rgba(0,0,0,.2);font:var(--fs-p2)/1.5 var(--ff-main,"Bricolage Grotesque",sans-serif)}
.amp .amp-menu[hidden]{display:none}
.amp .amp-menu p{margin:0 0 8px;font-size:var(--fs-p3);opacity:.5;letter-spacing:.08em;text-transform:uppercase}
.amp .amp-menu span{display:block;padding-block:6px;opacity:.65}
.amp .amp-menu button{display:block;width:100%;min-height:44px;text-align:left;border:0;border-radius:6px;background:none;color:inherit;font:inherit;padding:10px 4px;cursor:pointer}
.amp .amp-menu button:hover{background:rgba(255,255,255,.08)}
.amp.is-fs{width:100%;height:100%;aspect-ratio:auto;background:rgb(var(--sb-ink-rgb,10,10,10))}
.amp.is-fs .amp-card{border-radius:0;box-shadow:none}
.amp.is-pfs{position:fixed;inset:0;z-index:var(--z-modal,1000);height:100dvh}
.amp.is-fs .amp-dock{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
body.amp-lock{overflow:hidden}
@media(max-width:760px){
  .amp{
    --amp-play:64px;
    --amp-dock-btn:36px;
    aspect-ratio:16/9;
  }
  .amp .amp-main svg{width:28px;height:28px}
  .amp .amp-status{left:14px;bottom:14px}
  .amp .amp-card{border-radius:var(--r,16px)}
}
@media(prefers-reduced-motion:reduce){.amp *{transition:none!important;animation:none!important}}