/* The opening is sized to the 3D stage, including short landscape screens. */
#birth-opening{position:absolute;inset:0;z-index:9;display:grid;place-items:center;container-type:size;pointer-events:none;text-align:center;opacity:0;background:radial-gradient(ellipse 60% 48% at center,#0812227a,transparent 100%)}
#birth-opening[hidden]{display:none}
#birth-opening-content{width:92%;max-width:1150px;color:#fff5df;text-shadow:0 2px 22px #020914,0 0 60px #e8bd753b}
#birth-opening h2{margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(28px,min(8.4cqw,12cqh),86px);line-height:1.42;letter-spacing:.02em}
#birth-opening h2 span{display:block;white-space:nowrap}
#birth-opening-english{font:400 clamp(12px,1.7cqw,19px)/1.5 Georgia,serif;letter-spacing:.04em;margin:8px 0 0;color:#ece4d2}
#birth-opening-english:empty{display:none}
#birth-opening-date{display:block;font:300 clamp(30px,min(8.7cqw,10cqh),72px)/1.2 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.10em;white-space:nowrap;margin-top:clamp(12px,4cqh,32px);color:#f3dbae}
#birth-opening-time{display:block;font:400 clamp(12px,1.4cqw,17px)/1.5 "Segoe UI",sans-serif;letter-spacing:.12em;margin-top:5px;color:#e2dfd4}
#birth-opening [data-birth-sound]{pointer-events:auto;min-height:44px;margin-top:clamp(10px,3cqh,25px);padding:7px 16px;border:1px solid #eee0bd50;border-radius:24px;background:#0912209c;color:#f0e0c2;font:400 13px/1.4 sans-serif;text-shadow:none}
#birth-opening [data-birth-sound]:focus-visible{outline:2px solid #fff2c7;outline-offset:4px}
.clock-view [data-birth-sound],body.desk-clock [data-birth-sound]{display:none}
@media(max-height:500px){#birth-opening{top:20px;bottom:calc(var(--mobile-footer-height,96px) + 6px)}#birth-opening-english{margin-top:2px}#birth-opening-date{margin-top:8px}#birth-opening [data-birth-sound]{margin-top:5px;min-height:38px}#birth-opening-time{margin-top:0}}

.launching #solar-voyager{visibility:hidden}

#birth-opening [data-birth-sound].bilingual-label::after{display:inline;margin-left:6px;font:400 10px/1.4 sans-serif;letter-spacing:0;color:#c8d2df}
#birth-date-frame{position:relative;isolation:isolate;width:max-content;max-width:100%;margin:clamp(20px,5cqh,42px) auto 12px;padding:8px 12px;transform:scale(var(--birth-light-scale,1))}
#birth-date-frame::before{content:'';position:absolute;z-index:-2;inset:-120% -30%;background:radial-gradient(ellipse,#f1c77d38 0%,#b6d7fb18 30%,transparent 66%);pointer-events:none}
#birth-date-frame::after{content:'';position:absolute;left:8%;right:8%;height:1px;bottom:0;background:linear-gradient(90deg,transparent,#fff0c49c,transparent);box-shadow:0 0 18px #efc57766}
#birth-date-frame #birth-opening-date{position:relative;margin-top:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.075em;background:linear-gradient(105deg,#cda873 20%,#f8e1ad 38%,#fff9e8 46%,#b8d9f8 51%,#f8dfaa 60%,#d9b986 78%);background-size:220% 100%;background-position:var(--birth-light-x,70%) 50%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 24px #e6c58a55,0 2px 2px #0b101a44}
#birth-date-aura{position:absolute;z-index:-1;left:-19%;top:-68%;width:138%;height:236%;pointer-events:none}
#birth-date-aura svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 4px #f4cb8566)}
.birth-date-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff6d8;box-shadow:0 0 7px 2px #efc98c88;transform:translate(-50%,-50%)}
.birth-date-spark:nth-of-type(3n)::before,.birth-date-spark:nth-of-type(3n)::after{content:'';position:absolute;left:50%;top:50%;width:13px;height:1px;background:linear-gradient(90deg,transparent,#fff6d8,transparent);transform:translate(-50%,-50%)}
.birth-date-spark:nth-of-type(3n)::after{transform:translate(-50%,-50%) rotate(90deg)}
@media(max-height:500px){#birth-date-frame{margin-top:12px;margin-bottom:4px;padding:3px 8px}}
@media(prefers-reduced-motion:reduce){#birth-date-frame{transform:none!important}#birth-opening-content{transform:none!important}}