.scene-p1{background:linear-gradient(180deg,#73d0fa 0%,#b8ebfb 58%,#a7dc85 100%)}.p1-sky{background:linear-gradient(180deg,#64c8f7 0%,#bceafb 55%,#93d67a 100%)}.p1-sky .c1{width:145px;height:38px;left:-25px;top:13%}.p1-sky .c2{width:120px;height:32px;right:-28px;top:24%}.p1-sky .c3{width:98px;height:28px;left:28%;top:38%;opacity:.48}.p1-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:8px;align-items:center}.p1-note{width:88%;justify-self:center;padding:13px 18px 14px;transform:rotate(-1.2deg);clip-path:polygon(1% 5%,99% 0,97% 94%,3% 100%)}.p1-tv-wrap{position:relative;width:min(104%,392px);aspect-ratio:1122/1402;justify-self:center;align-self:center;max-height:52vh}.p1-tv-frame{position:absolute;z-index:4;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.p1-tv-screen{position:absolute;z-index:2;left:8.7%;right:20.3%;top:32.3%;bottom:20.5%;border-radius:12% / 9%;overflow:hidden;background:linear-gradient(180deg,#68c8f6 0%,#c9ecff 45%,#87d979 75%,#65b957 100%)}.screen-sky{position:absolute;inset:0;background:radial-gradient(circle at 68% 18%,rgba(255,255,255,.95) 0 4%,transparent 5%),linear-gradient(180deg,transparent 55%,rgba(255,244,168,.36) 56%,transparent 78%)}.p1-portal-letter{position:absolute;width:94%;left:12%;top:2%;filter:drop-shadow(0 5px 10px rgba(56,54,36,.12));animation:portalFloat 3.4s ease-in-out infinite}.p1-doraemon{position:absolute;width:45%;left:-10%;bottom:-8%;filter:drop-shadow(0 4px 7px rgba(10,64,88,.18));animation:doraPeek 3.8s ease-in-out infinite}.sparkle{position:absolute;width:8px;height:8px;background:#fff9b6;transform:rotate(45deg);box-shadow:0 0 12px #fff4a4}.sparkle.s1{left:62%;top:26%}.sparkle.s2{left:77%;top:56%;animation-delay:-.7s}.sparkle.s3{left:44%;top:68%;animation-delay:-1.3s}.p1-caption{text-align:center;margin:-3px 0 0;color:#0a699d;font-size:12px;font-weight:900}.p1-cta{width:76%;justify-self:center}.p1-layout .gesture-hint{align-self:end}@keyframes portalFloat{50%{transform:translateY(-7px) rotate(1.3deg)}}@keyframes doraPeek{50%{transform:translate(4px,-3px) rotate(-1deg)}}@media(max-height:720px){.p1-note h1{font-size:18px}.p1-note{padding:10px 16px}.p1-tv-wrap{max-height:48vh}.p1-caption{font-size:10px}.p1-cta{min-height:46px;font-size:14px}}