:root[data-member-theme="v2"][data-v2-opening],:root[data-member-theme="v2"][data-v2-opening] body{overflow:hidden;overscroll-behavior:none}
:root[data-member-theme="v2"][data-v2-opening]:not([data-opening-reveal]),:root[data-member-theme="v2"][data-v2-opening]:not([data-opening-reveal]) body{background:#7edeef;background-image:linear-gradient(#7edeef,#25a4d4)}
:root[data-member-theme="v2"][data-v2-opening]:not([data-opening-reveal]) #app{visibility:hidden}
html[data-member-theme="v2"] .v2-opening{position:fixed;inset:0;z-index:1100;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(#78ceef,#8fbbda 25%,#8bbdda 50%,#25c6e5 75%,#24a3d5) left top/50% 100% no-repeat,linear-gradient(#ebe2e7,#33e4f3 25%,#2ca1ce 50%,#6ab6da 75%,#25a3d3) right top/50% 100% no-repeat;touch-action:none;overscroll-behavior:none;transition:opacity 260ms ease}
html[data-member-theme="v2"] .v2-opening:focus{outline:none}
html[data-member-theme="v2"] .opening-poster{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(117.6vw,58.8vh);height:min(261.333333vw,130.666667vh);width:min(117.6vw,58.8dvh);height:min(261.333333vw,130.666667dvh)}
html[data-member-theme="v2"] .opening-poster>picture,html[data-member-theme="v2"] .opening-poster>picture>img{display:block;width:100%;height:100%}
html[data-member-theme="v2"] .opening-start{position:absolute;left:50%;top:77.083333%;width:22%;height:9.9%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}
/* The original Start remains in the poster. Only a soft local light responds. */
html[data-member-theme="v2"] .opening-start::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(236,253,255,.2),rgba(219,250,255,.14) 48%,rgba(224,252,255,.06) 66%,transparent 76%);opacity:0;transition:opacity 140ms ease}
html[data-member-theme="v2"] .opening-pressed .opening-start::after{opacity:1;transition-duration:80ms}
html[data-member-theme="v2"] .opening-start:focus{outline:none}
html[data-member-theme="v2"] .opening-start:focus-visible::after{opacity:1}
html[data-member-theme="v2"] .opening-start:not(:disabled):active{opacity:1;background:transparent;box-shadow:none}
html[data-member-theme="v2"] .opening-leaving{opacity:0}
#v2-opening-replay{display:none}
html[data-member-theme="v2"] #v2-opening-replay{display:inline-flex}
html[data-v2-opening] #member-theme-switcher{display:none}

/* Preserve current poster; modest proportional enlargement uses existing bleed.
 * Feather only the artwork's outer 3%; the printed Start and its transparent hit target stay aligned. */
html[data-member-theme="v2"] .opening-poster>picture{
 -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 97%,transparent);
 mask-composite:intersect;
}
@media(min-aspect-ratio:3/4){html[data-member-theme="v2"] .opening-poster{width:45vh;height:100vh;width:45dvh;height:100dvh}}
@media(prefers-reduced-motion:reduce){html[data-member-theme="v2"] .v2-opening,html[data-member-theme="v2"] .opening-start::after{transition:none!important}}
