@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900;1000&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f7f5ee;--ink:#26352d;--orange:#e57842;--muted:#778078;--line:#dcded3;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #d66a33;outline-offset:6px}.skip{position:fixed;left:20px;top:-70px;background:white;padding:15px;z-index:10}.skip:focus{top:12px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;height:110px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:28px;letter-spacing:-1.3px;font-weight:900}.brand-light{font-weight:500}.brand-icon{background:#f3bf54;color:#344331;width:42px;height:43px;border-radius:13px 13px 15px 4px;font-size:37px;line-height:44px;text-align:center;position:relative;font-weight:900;letter-spacing:-3px}.brand-icon>span{position:absolute;font-size:19px;color:var(--orange);right:-6px;top:-15px;letter-spacing:0}.parent-link{font-size:12px;font-weight:600;display:flex;gap:18px}.parent-link span{font-size:20px}.intro{padding:65px 0 56px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 20px}.eyebrow span{font-size:22px;color:var(--orange)}h1{font-size:clamp(38px,4.4vw,59px);letter-spacing:-3px;line-height:1.28;font-weight:800;margin:0}.joy{position:relative;display:inline-block;color:var(--orange)}.joy svg{position:absolute;bottom:-4px;left:0;width:100%;height:13px;fill:none;stroke:#efb991;stroke-width:4;stroke-linecap:round}.period{color:var(--orange)}.subtitle{color:#737d74;line-height:1.85;font-size:14px;margin:24px 0 0;letter-spacing:-.1px}.intro-note{background:#e5ead9;width:238px;height:238px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(10deg);margin-right:55px;border:1px dashed #a5b195;outline:10px solid #e5ead9}.note-star{font-size:53px;line-height:1;color:#638268}.intro-note p{font-size:22px;font-weight:900;line-height:1.15;text-align:center;letter-spacing:-.6px;margin:12px 0}.note-bottom{font-size:8px;font-weight:800;letter-spacing:1.5px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 21px}h2{font-size:18px;letter-spacing:-.5px;margin:0;font-weight:800}h2 span{font-size:10px;color:#899286;vertical-align:top;margin-left:8px;font-weight:600}.section-title>p{color:var(--muted);font-size:12px;margin:0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.game-card{display:block;border:1px solid #deded4;background:#fffef9;border-radius:24px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #38402a10}.game-art{height:295px;position:relative;overflow:hidden;isolation:isolate}.ocean-art{background:#67c8e9;color:white}.ocean-bg{width:100%;height:100%;object-fit:cover;position:absolute;z-index:-2}.ocean-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00598c24,transparent 45%,#0072a820);z-index:-1}.art-label{position:absolute;top:25px;left:28px;font-size:12px;letter-spacing:2px;font-weight:900}.game-number{position:absolute;bottom:22px;left:28px;font-size:8px;letter-spacing:2px;font-weight:800}.ocean-friend{position:absolute;width:170px;height:170px;object-fit:contain;left:calc(50% - 85px);top:68px;border-radius:44px;transform:rotate(-9deg);box-shadow:0 14px 0 #065f8220,0 25px 35px #056e872a}.bubble{position:absolute;border:1px solid #ffffffb0;background:#ffffff16;border-radius:50%}.b1{width:17px;height:17px;left:26%;top:48%}.b2{width:9px;height:9px;left:31%;top:37%}.b3{width:23px;height:23px;left:67%;top:27%}.art-sticker{position:absolute;right:27px;bottom:25px;transform:rotate(9deg);width:86px;height:86px;border-radius:50%;background:#ffdc73;color:#586444;font-size:11px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.7;text-align:center;box-shadow:0 3px 0 #00000008}.art-sticker b{font-weight:800}.claw-art{background:radial-gradient(ellipse at 50% 70%,#f2dddc,#ddcadb);color:#634f69}.claw-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff35 1px,transparent 1px),linear-gradient(#ffffff35 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 80%);z-index:-1}.claw-art .art-sticker{background:#e4f3cc;color:#57724a;right:23px;bottom:22px;transform:rotate(-10deg)}.plush-stage{position:absolute;inset:48px 50px 10px}.plush{position:absolute;background-image:url('./art/plush-atlas.png');background-size:300% 200%;background-repeat:no-repeat;width:170px;height:170px;filter:drop-shadow(0 13px 7px #89617c35)}.bunny{background-position:0 0;left:calc(50% - 132px);top:42px;transform:rotate(-13deg)}.bear{background-position:50% 0;left:calc(50% - 6px);top:49px;transform:rotate(13deg)}.frog{background-position:100% 0;left:calc(50% - 66px);top:81px;transform:scale(.88)}.claw-cable{position:absolute;top:0;left:50%;height:85px;border-left:3px solid #8a7f92}.claw-cable:after{content:'';position:absolute;left:-11px;bottom:-8px;width:19px;height:20px;background:linear-gradient(90deg,#8f839a,#dfdce1,#887c93);border-radius:5px}.claw-cable span{position:absolute;left:-26px;top:79px;width:49px;height:37px;border:5px solid #a39aa9;border-top:0;border-radius:0 0 30px 30px;transform:rotate(180deg)}.claw-spark{position:absolute;font-size:30px;color:#fff9e3}.s1{left:18%;top:31%;transform:rotate(12deg)}.s2{right:20%;top:32%;font-size:40px}.card-copy{padding:23px 28px 24px}.card-top{display:flex;justify-content:space-between;align-items:center;height:21px}.category{font-size:10px;letter-spacing:.3px;font-weight:700;color:#7a887c}.play-arrow{font-size:25px;color:#435747}.card-copy h3{font-size:27px;font-weight:800;letter-spacing:-1px;margin:9px 0 10px}.card-copy>p{font-size:13px;line-height:1.85;color:#788079;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e6e7de;margin-top:23px;padding-top:18px;font-size:10px;color:#90968c}.card-bottom strong{font-size:12px;color:#435d4a;font-weight:800;white-space:nowrap}.card-bottom strong span{margin-left:10px}.closing{display:flex;align-items:center;gap:14px;margin:41px 0 49px}.closing-symbol{font-size:24px;color:#92a081}.closing p{font-size:12px;color:#7d8879;white-space:nowrap}.closing-line{height:1px;background:#dfe2d5;flex:1;margin:0 5px 0 15px}.closing>span:last-child{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#89957f;white-space:nowrap}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 0 36px;gap:15px;font-size:10px;color:#9a9f90}footer>a{font-size:11px;letter-spacing:1px;font-weight:900;color:#6f7c67}footer p{margin:0}footer>span{font-size:8px;letter-spacing:1px}footer>span>span{color:var(--orange);font-size:13px;margin-left:5px}
@media(max-width:1260px){header,main,footer{margin-left:40px;margin-right:40px}}
@media(max-width:760px){header,main,footer{margin-left:23px;margin-right:23px}header{height:85px}.brand{font-size:24px}.brand-icon{width:35px;height:37px;font-size:31px;line-height:38px}.parent-link{font-size:10px;gap:7px}.intro{padding:42px 0 36px}.intro-note{display:none}h1{font-size:43px;letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:17px}.eyebrow span{font-size:19px}.subtitle{font-size:13px;margin-top:20px}.section-title{margin-bottom:15px}h2{font-size:16px}.section-title>p{font-size:10px}.game-grid{grid-template-columns:1fr;gap:23px}.game-art{height:270px}.game-card{border-radius:20px}.card-copy{padding:21px 23px}.card-copy h3{font-size:26px}.closing{margin:29px 0;gap:9px}.closing p{font-size:11px}.closing>span:last-child{display:none}.closing-line{margin-left:3px}footer{flex-wrap:wrap;justify-content:flex-start;padding:22px 0 30px;gap:7px 15px}footer>span{width:100%;margin-top:6px}.plush-stage{left:30px;right:30px}.art-label{left:23px;top:22px}.art-sticker{width:77px;height:77px;font-size:10px;right:19px}.claw-art .art-sticker{right:17px}.card-bottom{gap:7px}.card-bottom>span{font-size:9px}.card-bottom strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.header-actions{display:flex;align-items:center;gap:25px}.language-control select{border:1px solid #d8dcce;border-radius:9px;background:#fffef9;color:var(--ink);font:inherit;font-size:12px;padding:9px 10px;max-width:110px}.language-control select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h2 .heading-copy{font:inherit;color:inherit;vertical-align:baseline;margin:0}.subtitle,.card-copy>p{white-space:pre-line}.card-bottom strong .cta-copy{margin-left:0}.closing p{white-space:normal}.card-bottom{flex-wrap:wrap}.game-grid{align-items:stretch}.game-card{display:flex;flex-direction:column}.game-art{flex-shrink:0}.card-copy{flex:1;display:flex;flex-direction:column}.card-copy>p{flex:1}.art-sticker{padding:5px;line-height:1.45}.card-copy h3{overflow-wrap:anywhere}.intro-copy{max-width:72%}html:lang(de) h1,html:lang(fr) h1{font-size:clamp(35px,4vw,55px)}
@media(max-width:760px){.header-actions{gap:8px}.parent-link{display:none}.language-control select{font-size:11px;padding:8px;max-width:96px}.intro-copy{max-width:100%}.section-title{gap:12px}.section-title>p{text-align:right;max-width:130px}.card-bottom{align-items:flex-start}html:lang(de) h1,html:lang(fr) h1{font-size:37px;letter-spacing:-1.8px}.closing{gap:10px}.closing p{max-width:260px}.closing-symbol{flex-shrink:0}}
.intro-note p{white-space:pre-line}.parent-link>[data-i18n]{font-size:inherit}footer>span>[data-i18n]{font-size:inherit;color:inherit;margin:0}.eyebrow>[data-i18n]{font-size:inherit;color:inherit}.intro-note p{padding:0 16px}.note-bottom{text-align:center;padding:0 12px}html:lang(ko) .subtitle,html:lang(ko) .card-copy p{word-break:keep-all}html:lang(es) h1{font-size:clamp(35px,4vw,55px)}html:lang(de) .intro-note p,html:lang(fr) .intro-note p,html:lang(es) .intro-note p{font-size:18px}
@media(max-width:760px){html:lang(es) h1{font-size:37px;letter-spacing:-1.8px}.eyebrow>[data-i18n]{font-size:inherit}}

.joy-phrase{white-space:nowrap}@media(max-width:760px){html:lang(ja) h1{font-size:37px;letter-spacing:-2px}}