/* Opening reproduced from the live TERASU top page; scoped to Web only. */
html.web-opening-active{overflow:hidden}
#web-opening{display:none;position:fixed;inset:0;z-index:9999;background:#141310;align-items:center;justify-content:center;overflow:hidden}
.web-opening-active #web-opening{display:flex}
#web-opening .opening-glow{position:absolute;width:120vmax;height:120vmax;border-radius:50%;background:radial-gradient(circle,rgba(224,181,102,.30) 0%,rgba(200,145,46,.10) 32%,rgba(20,19,16,0) 62%);opacity:0;pointer-events:none}
#web-opening .opening-stage{position:relative;text-align:center}
#web-opening .opening-line{font-family:"Noto Serif JP",serif;font-weight:900;color:#fdfdfb;letter-spacing:.06em;line-height:1.3;opacity:0;white-space:nowrap}
#web-opening .opening-logo{font-size:clamp(3.4rem,13vw,9.5rem)}
#web-opening .opening-message{font-size:clamp(1.7rem,6vw,3.4rem);font-weight:600;color:#e0b566;margin-top:.4em;letter-spacing:.14em}
#web-opening .opening-dot{color:#e0b566}
#web-opening .opening-skip{position:absolute;bottom:26px;right:28px;z-index:2;background:none;border:none;color:rgba(246,244,238,.5);font:.72rem "Noto Serif JP",serif;letter-spacing:.18em;cursor:pointer;min-width:44px;min-height:44px}
@media(prefers-reduced-motion:reduce){.web-opening-active #web-opening{display:none}html.web-opening-active{overflow:auto}}