html.opening-ad-active{overflow:hidden}
#opening-ad{padding:0;border:1px solid #ffffff33;border-radius:24px;background:#142333;color:white;width:min(410px,calc(100vw - 28px));max-height:94dvh;overflow:auto;box-shadow:0 30px 110px #0008;margin:auto}
#opening-ad::backdrop{background:#0b1525cf;backdrop-filter:blur(7px)}
.opening-ad-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font:600 12px/1.3 system-ui;letter-spacing:.03em}
#opening-ad button{cursor:pointer;font-family:inherit}
#opening-ad [data-ad-close]{background:#ffffff17;color:white;border:1px solid #ffffff44;border-radius:30px;padding:8px 12px;font-size:13px}
#opening-ad video{display:block;width:100%;max-height:calc(94dvh - 130px);object-fit:contain;background:#f5cc3f}
.opening-ad-actions{display:flex;gap:10px;padding:12px}
.opening-ad-actions button{border-radius:12px;padding:12px 10px;font-weight:700;font-size:14px}
#opening-ad [data-ad-shop]{flex:1;background:#f5cc3f;border:0;color:#142333}
#opening-ad [data-ad-sound]{background:transparent;color:white;border:1px solid #ffffff55}
#opening-ad button:focus-visible{outline:3px solid white;outline-offset:2px}
.ad-replay{border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit;padding:9px 15px;cursor:pointer;margin:12px 0;font:600 13px system-ui}
/* Wide desktop presentation; full-width mobile video. */
#opening-ad{width:min(980px,calc(100vw - 40px));max-height:96dvh;border-radius:26px}
#opening-ad[open]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr)}
.opening-ad-top{grid-column:1/-1;padding:16px 22px;font-size:13px}
#opening-ad video{grid-column:1;grid-row:2;max-height:calc(96dvh - 68px);height:min(800px,calc(96dvh - 68px));width:100%;object-fit:contain}
.opening-ad-actions{grid-column:2;grid-row:2;flex-direction:column;justify-content:center;padding:32px;gap:16px}
.opening-ad-copy span{color:#f5cc3f;font:700 11px system-ui;letter-spacing:.1em}
.opening-ad-copy h2{font:800 clamp(29px,3.3vw,43px)/1.12 system-ui;letter-spacing:-.04em;margin:22px 0}
.opening-ad-copy p{font:400 16px/1.7 system-ui;color:#d2dce7;margin-bottom:28px}
#opening-ad [data-ad-shop]{flex:initial;min-height:54px;order:2}
#opening-ad [data-ad-sound]{min-height:48px;order:3}
@media(max-width:640px){#opening-ad{width:calc(100vw - 12px);max-height:98dvh;border-radius:16px}#opening-ad[open]{grid-template-columns:1fr}.opening-ad-top{padding:12px;font-size:11px}#opening-ad video{height:auto;max-height:calc(98dvh - 136px)}.opening-ad-actions{grid-column:1;grid-row:3;flex-direction:row;padding:12px;gap:8px}.opening-ad-copy{display:none}#opening-ad [data-ad-shop]{flex:1;min-height:46px}.opening-ad-actions button{font-size:13px}}