@font-face{font-family:'Playground Hand';src:url('../vendor/playground-hand/playground-hand.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
.playground-welcome{position:fixed;inset:0;z-index:92;pointer-events:none;display:grid;place-items:center;overflow:hidden;color:#eeffab;isolation:isolate;animation:welcome-arrive .6s ease both}
.playground-welcome[hidden]{display:none}
.welcome-haze{position:absolute;inset:0;background:radial-gradient(ellipse 62% 41% at 50% 47%,#203e38b3 0%,#24413672 53%,#203a2f18 76%,transparent 100%);z-index:-1}
.welcome-composition{position:relative;width:max-content;max-width:min(900px,calc(100vw - 140px));text-align:center;transform:translateY(-4vh);padding:25px 20px 20px}
.welcome-eyebrow{display:block;color:#fffde5d9;font-size:13px;letter-spacing:.24em;margin-bottom:17px;animation:welcome-soft .9s .25s both}
.welcome-title{font-family:'Playground Hand','AppleMyungjo',cursive;font-weight:400;font-size:clamp(72px,9vw,122px);line-height:1.06;letter-spacing:-.028em;margin:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 3px 1px #35593555,0 0 30px #d9ff721a;-webkit-text-stroke:.35px currentColor}
.welcome-letter{display:inline-block;white-space:pre;transform-origin:50% 90%;animation:welcome-letter-pop .76s var(--delay) cubic-bezier(.2,.75,.25,1) both}
.welcome-letter.is-space{width:.25em}
.welcome-author{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:'Playground Hand','AppleMyungjo',cursive;font-size:clamp(24px,2.7vw,34px);color:#fffde6;margin:15px 5px 0 auto;width:max-content;max-width:100%;white-space:nowrap;line-height:1.2;text-shadow:0 2px 5px #1d3f2d99;overflow-wrap:anywhere;animation:welcome-author-in .8s 1.35s both}
.welcome-author::before{content:'';width:28px;height:1px;background:currentColor;opacity:.65;flex-shrink:0;transform:rotate(-7deg)}
.welcome-doodles{position:absolute;inset:0;pointer-events:none}
.welcome-doodle{position:absolute;width:65px;height:65px;color:#fffde6;animation:welcome-doodle-bloom 1.5s var(--delay) both}
.welcome-doodle svg{display:block;width:100%;height:100%}
.welcome-doodle[data-index='0']{left:-40px;top:5px;transform:rotate(-12deg)}
.welcome-doodle[data-index='1']{right:-50px;top:10px;transform:rotate(7deg)}
.welcome-doodle[data-index='2']{left:12%;bottom:-45px;width:41px;height:41px;color:#d9eba3}
.welcome-doodle[data-index='3']{right:3%;bottom:-33px;width:38px;height:38px}
.welcome-doodle[data-index='4']{left:30%;top:-49px;width:35px;height:35px;transform:rotate(-40deg);opacity:.7}
.welcome-doodle[data-index='5']{right:27%;top:-33px;width:27px;height:27px;color:#f7e5a6}
.welcome-spark{position:absolute;left:var(--x);top:var(--y);width:5px;height:5px;background:#fffddd;border-radius:50%;box-shadow:0 0 10px #f5f3ba;animation:welcome-sparkle 2.5s var(--delay) both}
.playground-welcome[data-length='medium'] .welcome-title{font-size:clamp(58px,7vw,92px)}
.playground-welcome[data-length='long'] .welcome-title{font-size:clamp(44px,5vw,66px);line-height:1.25}
.playground-welcome.is-leaving{animation:welcome-away .65s ease both}
.school-intro .intro-story{display:none}
@keyframes welcome-arrive{from{opacity:0}to{opacity:1}}
@keyframes welcome-letter-pop{0%{opacity:0;transform:translateY(.65em) scale(.55) rotate(-10deg)}48%{opacity:1;transform:translateY(-.19em) scale(1.1) rotate(var(--lean))}73%{transform:translateY(.045em) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}
@keyframes welcome-author-in{from{opacity:0;transform:translate(12px,8px)}to{opacity:1;transform:translate(0,0)}}
@keyframes welcome-soft{from{opacity:0}to{opacity:1}}
@keyframes welcome-doodle-bloom{0%{opacity:0;scale:.3}40%{opacity:.95;scale:1.12}65%,100%{opacity:.85;scale:1}}
@keyframes welcome-sparkle{0%{opacity:0;transform:translateY(12px) scale(0)}30%{opacity:.95;transform:translateY(0) scale(1)}55%{opacity:.2}75%{opacity:.85;transform:translateY(-7px) scale(.8)}100%{opacity:0;transform:translateY(-22px) scale(.3)}}
@keyframes welcome-away{to{opacity:0;transform:translateY(-9px)}}
.playground-welcome.is-reduced,.playground-welcome.is-reduced *{animation:none!important}
.playground-welcome.is-reduced .welcome-doodles{display:none}
.playground-welcome.is-reduced.is-leaving{opacity:0}
@media(max-width:700px){.welcome-composition{max-width:calc(100vw - 44px);padding:20px 6px;transform:translateY(-2vh)}.welcome-haze{background:radial-gradient(ellipse 86% 37% at 50% 47%,#203e38b8,#24413655 67%,transparent 100%)}.welcome-title{font-size:66px;line-height:1.16}.playground-welcome[data-length='medium'] .welcome-title{font-size:50px}.playground-welcome[data-length='long'] .welcome-title{font-size:35px;line-height:1.3}.welcome-author{font-size:26px;margin-top:15px;margin-right:9px}.welcome-eyebrow{font-size:11px;letter-spacing:.16em}.welcome-doodle{width:40px;height:40px}.welcome-doodle[data-index='0']{left:0;top:-21px}.welcome-doodle[data-index='1']{right:0;top:-17px}.welcome-doodle[data-index='4']{display:none}}
@media(max-height:480px) and (min-width:600px){.welcome-composition{max-width:min(740px,calc(100vw - 120px));padding:10px;transform:translateY(0)}.welcome-title{font-size:76px}.playground-welcome[data-length='medium'] .welcome-title{font-size:60px}.playground-welcome[data-length='long'] .welcome-title{font-size:40px}.welcome-eyebrow{margin-bottom:10px}.welcome-author{margin-top:10px;font-size:27px}}
@media(prefers-reduced-motion:reduce){.playground-welcome,.playground-welcome *{animation:none!important}.welcome-doodles{display:none}}
@media(max-width:360px){.welcome-author{font-size:22px;gap:8px}}