/* TCG Globe Unified Billboard V1: scoped to this component. */
#arenaStudioStage.as1-stage {
  --as1-edge:25px; --as1-ratio:3.4; --as1-min:210px;
  height:auto!important; min-height:var(--as1-min)!important; aspect-ratio:var(--as1-ratio)!important;
  transform:none!important; transform-style:flat!important; will-change:auto!important;
  border:0!important; border-radius:8px!important;
  box-shadow:0 12px 38px #0008,0 0 30px #8940b735!important;
}
#arenaStudioStage.as1-stage::before {display:none!important;content:none!important}
#arenaStudioStage.as1-stage > .obsidian-mobile-billboard-image {display:none!important}
.as1-frame {--as1-edge:21px;position:absolute;inset:calc(var(--as1-edge)*-.5);z-index:40;overflow:hidden;pointer-events:none}
.as1-stage .as1-frame {--as1-edge:inherit}
.as1-frame > i {position:absolute;display:block;width:var(--as1-edge);height:var(--as1-edge);background-image:url('/assets/obsidian_v1/crystal-frame.png');background-repeat:no-repeat;background-size:calc(var(--as1-edge)*12.52903225) calc(var(--as1-edge)*5.77857144);pointer-events:none}
.as1-frame>i.as1-tl{left:0;top:0;background-position:left top}.as1-frame>i.as1-tr{right:0;top:0;background-position:right top}
.as1-frame>i.as1-bl{left:0;bottom:0;background-position:left bottom}.as1-frame>i.as1-br{right:0;bottom:0;background-position:right bottom}
.as1-frame>i.as1-top,.as1-frame>i.as1-bottom {left:var(--as1-edge);width:calc(100% - var(--as1-edge)*2);background-size:118.995098% calc(var(--as1-edge)*5.77857144)}
.as1-frame>i.as1-top{top:0;background-position:center top}.as1-frame>i.as1-bottom{bottom:0;background-position:center bottom}
.as1-frame>i.as1-left,.as1-frame>i.as1-right{top:var(--as1-edge);height:calc(100% - var(--as1-edge)*2);background-size:calc(var(--as1-edge)*12.52903225) 152.930057%}
.as1-frame>i.as1-left{left:0;background-position:left center}.as1-frame>i.as1-right{right:0;background-position:right center}
.as1-media {--as1-x:var(--as1-desktop-x,50%);--as1-y:var(--as1-desktop-y,50%);position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#331a49,#100b1c 58%,#07050d)}
#arenaStudioStage .as1-media {width:100%!important;height:100%!important;transform:none!important;animation:none!important}
.as1-picture {position:absolute;inset:0;display:block;width:100%;height:100%}
.as1-visual {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:var(--as1-fit,contain);object-position:var(--as1-x) var(--as1-y)}
#arenaStudioStage .as1-media .as1-visual {object-fit:var(--as1-fit,contain)!important;object-position:var(--as1-x) var(--as1-y)!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;filter:none!important;transform:none!important;animation:none!important}
.as1-video{opacity:0;transition:opacity .22s ease}.as1-media.as1-video-ready .as1-video{opacity:1}
.as1-logo-wrap{position:absolute;inset:12% 7%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4}
.as1-logo-left .as1-logo-wrap{justify-content:flex-start}.as1-logo-right .as1-logo-wrap{justify-content:flex-end}
.as1-logo {display:block;width:calc(var(--as1-logo-size,28%)*var(--as1-logo-scale,1));height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}
#arenaStudioStage .as1-media .as1-logo{width:calc(var(--as1-logo-size,28%)*var(--as1-logo-scale,1))!important;min-width:0!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;animation:none!important}
.as1-destination {position:absolute;inset:0;z-index:6;display:block}.as1-destination:focus-visible{outline:3px solid #ead5ff!important;outline-offset:-8px!important}
.as1-toolbar{position:absolute;right:12px;bottom:10px;display:flex;gap:6px;z-index:42;opacity:.7;transition:opacity .2s}.as1-toolbar:hover,.as1-toolbar:focus-within{opacity:1}
.as1-toolbar[hidden]{display:none}
.as1-toolbar button{font:600 11px/1.2 Arial,sans-serif;color:#f7f0fc;background:#170d27e8;border:1px solid #c394e279;border-radius:7px;padding:7px 9px;cursor:pointer;min-height:32px}.as1-toolbar button:focus-visible{outline:2px solid #edd9ff;outline-offset:2px}
.as1-paused .arena-studio-crt-power{animation-play-state:paused!important}
@media(max-width:1100px){#arenaStudioStage.as1-stage{--as1-ratio:3.9;--as1-edge:21px}.as1-media{--as1-x:var(--as1-tablet-x,50%);--as1-y:var(--as1-tablet-y,50%)}}
@media(max-width:680px){#arenaStudioStage.as1-stage{--as1-ratio:2.1;--as1-min:162px;--as1-edge:19px}.as1-media{--as1-x:var(--as1-mobile-x,50%);--as1-y:var(--as1-mobile-y,50%);--as1-logo-scale:1.35}.as1-toolbar{bottom:8px;right:8px}.as1-logo-wrap{inset:13% 8%}}
@media(prefers-reduced-motion:reduce){.as1-video,.as1-toolbar{transition:none}.as1-stage .arena-studio-crt-power{display:none!important}}

/* Enable native links on artwork; legacy slides inherit pointer-events:none. */
#arenaStudioStage.as1-stage .as1-destination {pointer-events:auto;cursor:pointer}

/* Saved logo coordinates use the remaining space inside the safe inset. */
.as1-media.as2-positioned {--as1-logo-size:var(--as1-logo-desktop-size,28%);--as2-x:var(--as1-logo-desktop-x,50%);--as2-y:var(--as1-logo-desktop-y,50%)}
@media(max-width:1100px){.as1-media.as2-positioned{--as1-logo-size:var(--as1-logo-tablet-size,28%);--as2-x:var(--as1-logo-tablet-x,50%);--as2-y:var(--as1-logo-tablet-y,50%)}}
@media(max-width:680px){.as1-media.as2-positioned{--as1-logo-size:var(--as1-logo-mobile-size,28%);--as2-x:var(--as1-logo-mobile-x,50%);--as2-y:var(--as1-logo-mobile-y,50%)}}
.as1-media.as2-positioned .as1-logo,
#arenaStudioStage .as1-media.as2-positioned .as1-logo {
 position:absolute!important;left:var(--as2-x)!important;top:var(--as2-y)!important;
 height:auto!important;max-height:100%!important;max-width:100%!important;
 transform:translate(calc(-1 * var(--as2-x)),calc(-1 * var(--as2-y)))!important;
}

/* Zoom affects only artwork and its video poster. Frame, logo and link stay fixed. */
.as1-media {--as3-scale:var(--as3-zoom-desktop,1)}
@media(max-width:1100px){.as1-media{--as3-scale:var(--as3-zoom-tablet,1)}}
@media(max-width:680px){.as1-media{--as3-scale:var(--as3-zoom-mobile,1)}}
.as1-preview-screen .as1-media .as1-visual,
#arenaStudioStage .as1-media .as1-visual {
 transform:scale(var(--as3-scale,1))!important;
 transform-origin:var(--as1-x,50%) var(--as1-y,50%)!important;
}

/* One TV power-on sequence: ignition, opening picture, quiet scanline settle. */
#arenaStudioStage.as1-stage .arena-studio-crt-power{inset:0;border-radius:inherit}
#arenaStudioStage.as1-stage[data-crt-state="waiting"] .arena-studio-crt-power{visibility:visible;opacity:1}
#arenaStudioStage.as1-stage .arena-studio-crt-shutter{height:50.3%;background:#05030a;will-change:transform}
#arenaStudioStage.as1-stage .arena-studio-crt-shutter.is-top{transform-origin:50% 0}
#arenaStudioStage.as1-stage .arena-studio-crt-shutter.is-bottom{transform-origin:50% 100%}
#arenaStudioStage.as1-stage .arena-studio-crt-line{width:96%;height:2px;background:linear-gradient(90deg,transparent,#bd8ce7 16%,#f2deff 50%,#bd8ce7 84%,transparent);box-shadow:0 0 8px #d9a6faaa,0 0 25px #a363db66;will-change:transform,opacity}
#arenaStudioStage.as1-stage .arena-studio-crt-flare{width:6px;height:6px;background:#ead7ff;box-shadow:0 0 10px #d5b1f4,0 0 30px #aa6ddb80;will-change:transform,opacity}
#arenaStudioStage.as1-stage .arena-studio-crt-static{background:repeating-linear-gradient(0deg,#dab4ff12 0 1px,transparent 1px 4px);filter:none;mix-blend-mode:normal;will-change:opacity}
#arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-shutter{animation:as3TvOpen 1.32s cubic-bezier(.22,.72,.22,1) both}
#arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-line{animation:as3TvLine 1.32s ease-out both}
#arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-flare{animation:as3TvIgnition 1.32s ease-out both}
#arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-static{animation:as3TvSettle 1.32s ease-out both}
#arenaStudioStage.as1-stage.is-crt-powering .arena-studio-billboard-track{animation:none!important}
@keyframes as3TvOpen{0%,24%{transform:scaleY(1)}42%{transform:scaleY(.985)}80%,100%{transform:scaleY(0)}}
@keyframes as3TvLine{0%,8%{opacity:0;transform:translate(-50%,-50%) scaleX(.005)}20%{opacity:.85;transform:translate(-50%,-50%) scaleX(.12)}36%{opacity:1;transform:translate(-50%,-50%) scaleX(1)}60%{opacity:.35;transform:translate(-50%,-50%) scaleX(1)}85%,100%{opacity:0;transform:translate(-50%,-50%) scaleX(1)}}
@keyframes as3TvIgnition{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}16%{opacity:.8;transform:translate(-50%,-50%) scale(1)}40%,100%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}
@keyframes as3TvSettle{0%,35%{opacity:0}65%{opacity:.35}100%{opacity:0}}
@media(max-width:680px){#arenaStudioStage.as1-stage .arena-studio-crt-line{height:1.5px;box-shadow:0 0 6px #d9a6faaa,0 0 16px #a363db55}}
@media(prefers-reduced-motion:reduce){
 #arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-shutter{animation:as3TvFade .22s ease-out both}
 #arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-line,
 #arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-flare,
 #arenaStudioStage.as1-stage.is-crt-powering .arena-studio-crt-static{animation:none!important;opacity:0!important}
}
@keyframes as3TvFade{from{opacity:1}to{opacity:0}}

.as3-extra-logo{position:absolute;inset:0;pointer-events:none;z-index:4;--as2-x:var(--as3-x-desktop,50%);--as2-y:var(--as3-y-desktop,50%);--as1-logo-size:var(--as3-size-desktop,28%)}
.as3-extra-logo[hidden]{display:none!important}
@media(max-width:1100px){.as3-extra-logo{--as2-x:var(--as3-x-tablet,50%);--as2-y:var(--as3-y-tablet,50%);--as1-logo-size:var(--as3-size-tablet,28%)}}
@media(max-width:680px){.as3-extra-logo{--as2-x:var(--as3-x-mobile,50%);--as2-y:var(--as3-y-mobile,50%);--as1-logo-size:var(--as3-size-mobile,28%)}}
.as3-extra-logo .as1-logo,
#arenaStudioStage .as3-extra-logo .as1-logo{position:absolute!important;left:var(--as2-x)!important;top:var(--as2-y)!important;height:auto!important;max-height:100%!important;max-width:100%!important;transform:translate(calc(-1 * var(--as2-x)),calc(-1 * var(--as2-y)))!important}

.as1-toolbar button[hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){#arenaStudioStage.as1-stage .arena-studio-crt-power{display:block!important}}

/* Keep playing video above the legacy still-art layer. */
#arenaStudioStage.as1-stage .as1-media .as1-video{z-index:3}
#arenaStudioStage.as1-stage .as1-media.as1-video-ready .as1-poster{visibility:hidden!important}

/* One glass control bar, with stable size and no animated border. */
#arenaStudioStage.as1-stage .as1-toolbar{gap:0;padding:2px;border:1px solid #bd94db80;border-radius:12px;background:linear-gradient(135deg,#251631ed,#100b19ed);box-shadow:inset 0 1px 0 #ffffff18,0 3px 12px #0006;opacity:.92;isolation:isolate}
#arenaStudioStage.as1-stage .as1-toolbar button{display:grid;place-items:center;position:relative;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:#eee3f7;touch-action:manipulation}
#arenaStudioStage.as1-stage .as1-toolbar button:hover,#arenaStudioStage.as1-stage .as1-toolbar button:focus-visible{background:#9c63c42e;color:#fff}
#arenaStudioStage.as1-stage .as1-toolbar button:disabled{opacity:.4;cursor:default}
#arenaStudioStage.as1-stage .as1-toolbar button svg{display:block;width:19px;height:19px;pointer-events:none}
#arenaStudioStage.as1-stage .as1-toolbar [data-state="blocked"]::after{content:"";position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#ecc474}
#arenaStudioStage.as1-stage .as1-toolbar button:focus-visible{outline:2px solid #ecd5ff;outline-offset:1px}
.as4-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(pointer:coarse){#arenaStudioStage.as1-stage .as1-toolbar button{width:44px;height:44px;min-height:44px}}

/* Smaller mobile glass bar; each icon keeps a 40px touch target. */
@media(max-width:680px){
 #arenaStudioStage.as1-stage .as1-toolbar{right:6px;bottom:6px;padding:0;border-radius:9px}
 #arenaStudioStage.as1-stage .as1-toolbar button{width:40px;height:40px;min-height:40px;border-radius:8px}
 #arenaStudioStage.as1-stage .as1-toolbar button svg{width:16px;height:16px}
}
/* Tighter visible mobile glass surround; preserve 40px button touch targets. */
@media(max-width:680px){
 #arenaStudioStage.as1-stage .as1-toolbar{border:0;background:transparent;box-shadow:none}
 #arenaStudioStage.as1-stage .as1-toolbar::before{content:'';position:absolute;inset:3px;border:1px solid #bd94db80;border-radius:8px;background:linear-gradient(135deg,#251631ed,#100b19ed);box-shadow:inset 0 1px 0 #ffffff18,0 2px 8px #0005;z-index:-1;pointer-events:none}
}