#intro{background:#00121c}
#intro:before{display:none}
/* A single cover-sized artwork plane keeps the door and the live digits aligned. */
#intro .portal-world{width:max(100vw,150dvh);height:max(100dvh,66.6667vw);top:50%;left:50%;translate:-50% -50%;transform:scale(1);transform-origin:50% 50%;perspective:1200px;overflow:visible}
#intro:is([data-mode=spinning],[data-mode=landed],[data-mode=ready],[data-mode=entering]) .portal-world{transform:scale(1.015)}
#intro .portal-image{filter:brightness(.78);mask-image:none}
#intro:is([data-mode=spinning],[data-mode=landed],[data-mode=ready],[data-mode=entering]) .portal-image{filter:brightness(1)}
.safe-leaf,.safe-window{position:absolute;left:34.77%;top:20.31%;width:30.21%;height:52.05%;border-radius:2px}
.safe-window{background:#fff9dd;visibility:hidden;box-shadow:0 0 45px 15px #fff6ca,inset 0 0 25px #fff}
.safe-leaf{background-image:url('assets/school/deep-safe.jpg');background-size:331.03% 192.12%;background-position:49.81% 42.36%;transform-origin:0 50%;container-type:inline-size;backface-visibility:hidden}
.safe-bloom{position:absolute;left:12%;top:-6%;width:76%;height:110%;background:radial-gradient(ellipse,#fffff4 0%,#fff8daed 18%,#fbe8af70 37%,transparent 68%);opacity:0;transform:scale(.15);pointer-events:none;z-index:3;mix-blend-mode:screen}
#memory-light{position:fixed;inset:0;z-index:40;background:#fffcf0;opacity:0;pointer-events:none}
#intro .slot-reels{left:25.65%;top:17.15%;width:48%;height:12.4%;gap:1.6cqw;font-size:12.8cqw;grid-template-columns:repeat(4,1fr)}
#intro #portal-enter{position:fixed;left:50%;top:72%;width:22%;height:60px;translate:-50% 0;min-width:150px;background:none;z-index:4}
#intro[data-mode=entering] .safe-window{visibility:visible}
#intro[data-mode=entering] .safe-leaf{box-shadow:8px 0 16px #0009}
@media(max-width:700px){#intro #portal-enter{top:71%;width:24%;min-height:56px}}
@media(prefers-reduced-motion:reduce){#intro .portal-world{transition:none}}