@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--ink:#102f32;--navy:#0e1c29;--gold:#e8ca85;--muted:#a7b5b7;--paper:#f5f2e9;--line:rgba(219,195,139,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--navy);color:#f7f2e9;font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.9;word-break:keep-all}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd8b37;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:500;line-height:1.4;letter-spacing:-.045em}h2{font-size:clamp(32px,3.7vw,52px)}em{font-style:normal;color:var(--gold)}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 104px));margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--gold);margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:18px 26px;color:#183332;background:linear-gradient(120deg,#f2dcaa,#d5b674);font-size:14px;font-weight:700;border:1px solid #f9e8bc;border-radius:3px;box-shadow:0 4px 30px #d3aa4930;transition:transform .3s,box-shadow .3s;line-height:1.5}.button:hover{transform:translateY(-3px);box-shadow:0 8px 36px #eccb7955}.button svg{width:20px;fill:currentColor}.button.small{padding:10px 19px;font-size:12px}.button.big{padding:21px 42px;min-width:300px}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px}.text-link:hover{color:var(--gold)}.text-link.dark{color:var(--ink)}.skip{position:fixed;top:-100px;z-index:30;padding:12px;background:var(--paper);color:var(--ink)}.skip:focus{top:0}.reading-progress{position:fixed;top:0;left:0;height:2px;z-index:30;background:var(--gold);width:0}header{height:84px;position:fixed;top:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff14;background:#0d1c28b8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{border-radius:10px}.brand span{font-family:'Noto Serif KR',serif;font-size:23px;font-weight:600;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:.16em;width:60px;line-height:1.6;margin-left:4px}nav{display:flex;gap:30px;font-size:12px}nav a{color:#dce1dc}nav a:hover{color:var(--gold)}.head-actions{display:flex;align-items:center;gap:16px}select{background:#122632;color:#fff;border:1px solid #ffffff2d;border-radius:3px;padding:7px 8px;max-width:125px;font-size:12px}.hero{min-height:850px;height:min(950px,100svh);position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 35%,#254c5a 0,transparent 54%),linear-gradient(120deg,#0c1d29,#112d36)}.hero-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 64% 67%,#95754b35,transparent 38%);pointer-events:none}.hero-copy{position:relative;z-index:3;padding-top:clamp(200px,23vh,280px);margin-left:max(6%,calc((100% - 1180px)/2));max-width:560px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#e4c889;margin-right:10px;box-shadow:0 0 15px #f9d889}.hero h1{font-size:clamp(44px,4.8vw,68px);line-height:1.45;letter-spacing:-.055em;text-shadow:0 2px 30px #0e1c29}.hero-description{font-size:14px;line-height:2.2;margin-top:25px;color:#c1cdce}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px}.play-circle{border:1px solid #dfd6b96b;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:9px}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:20px}.hero-note>span{color:var(--gold)}.hero-note b{color:var(--gold);font-weight:500}.hero-art{position:absolute;right:0;bottom:0;width:63%;height:92%;pointer-events:none}.portal{position:absolute;width:59%;height:94%;right:8%;top:0;border-radius:48% 48% 0 0;overflow:hidden;opacity:.42;mask-image:linear-gradient(to bottom,#000 58%,transparent 99%);filter:saturate(.6)}.portal img{height:100%;width:100%;object-fit:cover}.orbit{position:absolute;border:1px solid #ecd39933;border-radius:50%;width:600px;height:600px;right:1%;top:9%}.orbit:after{content:'✦';position:absolute;top:50%;right:-7px;color:#f5d58e}.orbit-two{width:550px;height:550px;right:4%;top:12%;border-style:dashed;opacity:.45;animation:rotate 90s linear infinite}.hero-diao{position:absolute;height:93%;width:auto;right:3%;bottom:-3%;filter:drop-shadow(0 12px 25px #07141e66);animation:float 8s ease-in-out infinite}.hero-zeus{position:absolute;height:75%;width:auto;right:40%;bottom:7%;opacity:.78;filter:drop-shadow(0 6px 16px #07141e88);animation:float 10s ease-in-out infinite reverse}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e222e 0,transparent 40%),linear-gradient(0deg,#0e1c29 0,transparent 17%)}.float-star{position:absolute;color:var(--gold);font-size:40px;z-index:3}.s1{top:20%;right:10%}.s2{bottom:25%;right:70%;font-size:25px}.scroll-cue{position:absolute;bottom:44px;left:6%;z-index:4;display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.25em;color:#c8c5b6}.scroll-cue i{height:48px;width:1px;background:linear-gradient(transparent,var(--gold));animation:float 3s infinite}.hero-bottom{position:absolute;bottom:45px;right:4%;font-size:8px;letter-spacing:.2em;opacity:.6}.starfield{position:absolute;inset:0;pointer-events:none}.starfield i{position:absolute;width:2px;height:2px;background:#ffe1a6;border-radius:50%;box-shadow:0 0 8px #ffe1a6;animation:twinkle 5s infinite alternate}.section-light{background:var(--paper);color:var(--ink)}.section-light p{color:#657370}.section-light .eyebrow{color:#8a7040}.section-number{max-width:1180px;margin:0 auto 55px;font-size:10px;letter-spacing:.2em;color:#8a7040;border-bottom:1px solid #10323222;padding-bottom:16px}.story{padding:95px 52px 110px}.story-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:110px;align-items:center;width:min(1180px,100%)}.story-visual{height:530px;position:relative;padding:14px}.story-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 38%;border-radius:200px 200px 0 0}.story-visual:before{content:'';position:absolute;inset:0;border:1px solid #ad914e65;border-radius:220px 220px 0 0}.image-caption{position:absolute;bottom:34px;left:28px;right:28px;text-align:center;color:#fff;font-size:8px;letter-spacing:.16em;text-shadow:0 1px 6px #000}.story-copy>p:not(.eyebrow){margin:28px 0;line-height:2.2;font-size:14px}.world-tags{display:flex;gap:18px;border-top:1px solid #112f3220;border-bottom:1px solid #112f3220;padding:20px 0;font-size:12px;margin:32px 0}.world-tags i{font-style:normal;color:#b39255}.heroes{padding:100px 0 0;background:radial-gradient(ellipse at 30% 60%,#234351 0,transparent 60%),#101f2c;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:55px}.section-heading>p{font-size:14px;line-height:2.2;padding-bottom:8px}.hero-showcase{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center}.hero-character{height:650px;position:relative}.hero-character>img{height:103%;width:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 6px 22px #0005);transition:opacity .25s,transform .4s}.hero-character>span{position:absolute;top:24%;left:-7%;font-size:95px;line-height:.95;font-family:Georgia,serif;color:#e6c88712;max-width:100%;letter-spacing:-.05em;word-break:normal}.rune-ring{position:absolute;left:0;top:11%;width:100%;aspect-ratio:1;border:1px solid #d3be842d;border-radius:50%;box-shadow:0 0 0 20px #dfbc6610,0 0 0 21px #dfbc6620}.rune-ring:after{content:'✧';position:absolute;left:44%;top:-39px;font-size:58px;color:#b29e6e}.hero-detail{padding-bottom:60px;max-width:460px}.hero-detail .eyebrow{margin-bottom:10px;font-size:9px}.hero-no{font-size:11px;color:#8ca2aa;letter-spacing:.2em}.hero-detail h3{font-size:68px;color:#f2e4c8;margin:14px 0}.hero-subtitle{color:var(--gold);font-size:17px;margin-bottom:18px}.hero-detail>p:not(.eyebrow):not(.hero-no):not(.hero-subtitle):not(.tiny){font-size:14px;max-width:390px}.hero-tabs{display:flex;gap:10px;margin-top:34px}.hero-tab{height:73px;width:66px;position:relative;background:#213944;border:1px solid #8c9e9b50;border-radius:36px 36px 5px 5px;overflow:hidden;transition:border-color .2s,transform .2s}.hero-tab img{height:150px;max-width:none;position:absolute;top:0;left:50%;transform:translateX(-50%)}.hero-tab:nth-child(4) img,.hero-tab:nth-child(5) img{height:170px}.hero-tab.active{border-color:#e7cc90;box-shadow:0 0 18px #d3b77638;transform:translateY(-5px)}.tiny{font-size:10px;margin-top:18px;color:#82989d}.adventure{padding:110px 0}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{position:relative;overflow:hidden;border:1px solid #bcc3b6;border-radius:6px;padding:36px;background:#eeeee2;min-height:340px}.feature-label{font-size:9px;letter-spacing:.17em;color:#847343}.feature h3{font-size:27px;margin:15px 0}.feature p{max-width:380px;font-size:13px;line-height:2}.feature-wide{grid-column:1/-1;display:flex;min-height:330px;background:linear-gradient(90deg,#ebeee5 35%,#d5e2d7)}.feature-text{width:45%;position:relative;z-index:2;align-self:center}.team-art{position:absolute;right:0;width:55%;height:100%;bottom:-22%}.team-art img{position:absolute;height:130%;max-width:none;bottom:0;filter:drop-shadow(0 4px 10px #17363433)}.team-art img:nth-child(1){left:0;z-index:2}.team-art img:nth-child(2){left:14%;height:120%;z-index:1}.team-art img:nth-child(3){left:28%;z-index:4}.team-art img:nth-child(4){left:52%;height:114%;z-index:3}.team-art img:nth-child(5){left:68%;height:113%;z-index:2}.feature-orbs{background:linear-gradient(140deg,#f6f0e2,#eae9e3)}.rainbow{display:flex;gap:12px;justify-content:center;margin:42px 0 15px;position:relative}.rainbow:before{content:'';height:1px;position:absolute;top:50%;left:5%;right:5%;background:#bba970}.rainbow i{width:38px;height:38px;border:3px solid #c9ad6d;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#fff9,var(--orb) 48%,#1a243acc);box-shadow:0 2px 5px #29280d30,inset 0 0 4px white;--orb:#da656c}.rainbow i:after{content:'✦';color:#fff9;position:absolute;inset:0;display:grid;place-items:center;font-size:14px}.rainbow i:nth-child(2){--orb:#eaa55d}.rainbow i:nth-child(3){--orb:#e5cc65}.rainbow i:nth-child(4){--orb:#68a886}.rainbow i:nth-child(5){--orb:#65bac7}.rainbow i:nth-child(6){--orb:#748cc2}.rainbow i:nth-child(7){--orb:#b58aba;box-shadow:0 0 20px #b58aba88,inset 0 0 4px white}.orbit-label{display:block;text-align:center;font-size:8px;letter-spacing:.2em;color:#9d8f71}.feature-idle{background:#e5e9df}.feature-idle p{max-width:70%}.idle-art{position:absolute;right:-18px;bottom:-28px;width:240px;height:220px}.idle-art img{width:100%;height:100%;object-fit:contain;opacity:.8}.idle-art>span{position:absolute;left:0;top:0;color:#b49c62;font-size:30px}.gift{position:relative;overflow:hidden;padding:110px 0 95px;text-align:center;background:linear-gradient(135deg,#122d32,#12222c 50%,#253230)}.gift-glow{position:absolute;width:700px;height:700px;border-radius:50%;border:1px solid #e5c8831c;left:calc(50% - 350px);top:-80px;box-shadow:0 0 0 50px #e6ca8910,0 0 0 51px #e6ca8915,0 0 0 100px #e6ca8905;pointer-events:none}.gift-inner{position:relative}.gift h2{font-size:clamp(32px,4vw,53px)}.gift-intro{margin:25px 0 45px;font-size:14px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 auto 40px;max-width:890px}.reward-grid article{min-height:238px;padding:30px;border:1px solid #d1b87755;border-radius:5px;background:linear-gradient(120deg,#dbbc6b0d,#cfbb7f05);display:flex;justify-content:center;align-items:center;position:relative}.ticket-reward{gap:28px}.tickets{position:relative;width:115px;height:125px}.tickets span{position:absolute;display:grid;place-items:center;width:77px;height:115px;border:1px solid #c3a75f;background:linear-gradient(130deg,#514f3c,#173c43 48%,#8d7d49);color:#ecdc97;font-size:34px;box-shadow:inset 0 0 0 6px #0e202d,inset 0 0 0 7px #b4a467;transform:rotate(-18deg);left:4px;top:5px}.tickets span:nth-child(2){transform:rotate(-5deg);left:20px;top:0}.tickets span:nth-child(3){transform:rotate(12deg);left:35px;top:8px}.ticket-reward p{font-size:15px;color:#dce1d5}.ticket-reward strong{font-family:Georgia,serif;font-weight:400;display:block;font-size:64px;line-height:1.3;color:#efdba6}.ticket-reward strong small{font-size:15px;margin-left:5px}.reward-note{display:block;font-size:10px;color:#a1b2af}.reward-grid .title-reward{flex-direction:column}.reward-kicker{font-size:10px;letter-spacing:.1em;color:#c9be9a}.gold-title{display:flex;align-items:center;gap:12px;margin:26px 0 17px;white-space:normal}.gold-title strong{font-size:21px;font-family:'Noto Serif KR',serif;background:linear-gradient(105deg,#af813c 5%,#ffe8a5 35%,#fff6d5 45%,#ce9c4b 60%,#fae5a4 80%);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shine 5s linear infinite;text-shadow:0 0 22px #e9c47535}.gold-title>span{color:#efd89d;animation:twinkle 2s alternate infinite}.title-reward p{font-size:12px;margin-bottom:8px}.gift-terms{font-size:10px;margin:24px auto 0;max-width:650px;line-height:1.9}.gift-terms a{color:#dac38e;text-decoration:underline}.film{padding:100px 0}.film-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.film-grid>div:first-child>p:not(.eyebrow):not(.tiny){font-size:14px;line-height:2.2;margin:28px 0}.film-frame{width:310px;max-width:100%;height:550px;border:1px solid #b7985e;padding:8px;justify-self:center;box-shadow:20px 20px 0 #dce3d7;border-radius:7px;position:relative;background:#0c2229}.video-cover{position:relative;width:100%;height:100%;padding:0;border:0;overflow:hidden;color:white;background:#122c32}.video-cover>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.video-brand{position:absolute;top:20%;left:0;right:0;font-family:'Noto Serif KR',serif;font-size:40px;text-shadow:0 2px 6px #3a371c}.large-play{width:70px;height:70px;border:1px solid #f6e1a5;border-radius:50%;background:#132e3a70;backdrop-filter:blur(5px);position:absolute;top:48%;left:calc(50% - 35px);display:grid;place-items:center;font-size:20px;padding-left:4px;transition:transform .3s}.video-cover:hover .large-play{transform:scale(1.1)}.video-bottom{position:absolute;bottom:25px;left:20px;right:20px;font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between}#videoMount{height:100%}#videoMount:empty{display:none}#videoMount iframe{border:0;width:100%;height:100%}.faq{padding:15px 0 90px}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid #17333430;padding-top:60px}.faq h2{font-size:30px}.faq details{border-bottom:1px solid #17333425;padding:18px 0}.faq summary{cursor:pointer;font-size:14px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:#9d824c}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;line-height:2;margin-top:15px}.faq a{text-decoration:underline}footer{padding:45px 0 28px;background:#0b1924}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #ffffff14}.footer-top p{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:24px;font-size:9px;color:#8c9e9f}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.mobile-cta{display:none}.reveal{transition:opacity .9s ease,transform .9s ease}.js .reveal:not(.shown){opacity:0;transform:translateY(25px)}@keyframes float{50%{transform:translateY(-12px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:250% center}}@keyframes twinkle{0%,20%{opacity:.2}80%,100%{opacity:1}}
@media(min-width:1600px){.hero-art{right:4%;width:59%}.hero-copy{padding-top:240px}}@media(max-width:1100px){nav{gap:18px}.brand small{display:none}.wrap{width:calc(100% - 70px)}.hero-copy{margin-left:5%;max-width:500px}.hero h1{font-size:52px}.hero-art{right:-8%;width:67%;opacity:.85}.story-grid{gap:55px}.hero-showcase{gap:25px}.hero-detail h3{font-size:54px}.film-grid{gap:55px}.feature h3{font-size:24px}.hero-ctas{max-width:390px}}
@media(max-width:760px){html{scroll-padding-top:65px}body{font-size:14px}.wrap{width:calc(100% - 40px)}header{height:65px;padding:0 20px}.brand img{width:29px;height:29px;border-radius:7px}.brand span{font-size:18px}.head-actions{gap:0}header .button,nav{display:none}select{font-size:11px;max-width:105px;padding:7px}.hero{height:auto;min-height:0;padding-bottom:0}.hero-copy{margin:0;padding:110px 24px 470px;max-width:none;text-align:center}.hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:19px}.hero h1{font-size:clamp(36px,9vw,52px);line-height:1.45}.hero-description{font-size:12px;line-height:2;max-width:360px;margin:16px auto}.hero-ctas{justify-content:center;margin:22px auto 0;gap:15px;max-width:400px}.hero .button{padding:15px 20px;font-size:13px}.hero-ctas .text-link{font-size:11px}.hero-note{justify-content:center;font-size:10px;margin-top:14px}.hero-art{height:460px;width:100%;right:0;bottom:0;opacity:1}.portal{height:115%;right:20%;width:60%;top:-4%}.hero-diao{height:100%;right:0;bottom:-4%}.hero-zeus{height:84%;right:38%;bottom:3%}.hero-art:after{background:linear-gradient(0deg,#0e1c29 0,transparent 20%)}.orbit{width:350px;height:350px;right:calc(50% - 175px);top:4%}.orbit-two{width:320px;height:320px;right:calc(50% - 160px)}.hero-bottom{display:none}.scroll-cue{bottom:20px;left:24px;font-size:7px}.scroll-cue i{height:25px}.s1{font-size:26px;right:15%}.story{padding:55px 20px 65px}.section-number{margin-bottom:35px}.story-grid{width:100%;grid-template-columns:1fr;gap:45px}.story-visual{height:420px;max-width:330px;width:100%;margin:auto}.story-copy{text-align:center}.story-copy h2{font-size:32px}.story-copy>p:not(.eyebrow){font-size:13px;margin:22px 0}.world-tags{justify-content:center;font-size:11px;margin:25px 0}.eyebrow{font-size:9px;margin-bottom:18px}.heroes{padding:60px 0 25px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:22px;font-size:12px}.hero-showcase{grid-template-columns:1fr;gap:0}.hero-character{height:460px;margin-top:10px}.hero-character>img{height:100%}.hero-character>span{font-size:70px;left:0;top:23%;max-width:90%}.rune-ring{width:310px;left:calc(50% - 155px);top:12%}.hero-detail{max-width:none;padding:0 10px 25px;text-align:center}.hero-detail .eyebrow{margin-top:15px}.hero-detail h3{font-size:40px;margin:10px 0}.hero-subtitle{font-size:15px;margin-bottom:14px}.hero-detail>p:not(.eyebrow):not(.hero-no):not(.hero-subtitle):not(.tiny){margin:auto;font-size:12px;max-width:330px}.hero-tabs{justify-content:center;gap:9px;margin-top:25px}.hero-tab{width:55px;height:64px}.hero-tab img{height:137px}.hero-tab:nth-child(4) img,.hero-tab:nth-child(5) img{height:150px}.adventure{padding:60px 0}.features{grid-template-columns:1fr;gap:16px}.feature{padding:25px;min-height:300px}.feature-wide{grid-column:auto;display:block;min-height:420px}.feature-text{width:100%}.feature h3{font-size:24px}.feature p{font-size:12px}.team-art{width:100%;height:60%;bottom:-18%;right:-5%}.team-art img{height:120%}.feature-idle p{max-width:75%}.idle-art{width:190px;height:175px}.rainbow{gap:8px;margin-top:40px}.rainbow i{width:32px;height:32px;border-width:2px}.gift{padding:65px 0 60px}.gift h2{font-size:32px}.gift-intro{font-size:12px;margin:22px 0 30px}.reward-grid{grid-template-columns:1fr;gap:16px;max-width:400px;margin-bottom:30px}.reward-grid article{min-height:210px;padding:25px}.gold-title strong{font-size:23px}.gift .big{min-width:0;width:100%;max-width:400px;font-size:14px}.gift-terms{font-size:9px}.film{padding:60px 0 70px}.film-grid{grid-template-columns:1fr;gap:40px}.film h2{font-size:34px}.film-frame{height:520px;width:292px;box-shadow:12px 12px 0 #dce3d7}.film-grid>div:first-child>p:not(.eyebrow):not(.tiny){font-size:12px;margin:20px 0}.faq{padding-bottom:55px}.faq-grid{grid-template-columns:1fr;gap:25px;padding-top:40px}.faq h2{font-size:28px}.faq summary{font-size:13px}.faq details p{font-size:11px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top p{display:none}.footer-bottom{display:block;font-size:9px}.footer-bottom>div{margin-top:20px;gap:12px 18px}footer{padding-bottom:110px}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#0e202ceF;backdrop-filter:blur(15px);border-top:1px solid #d8bf7c4d;font-size:11px;color:#e6d6af}.mobile-cta .button{white-space:nowrap}.starfield i:nth-child(n+13){display:none}}
@media(max-width:370px){.hero{min-height:0}.hero-copy{padding-bottom:445px}.hero-art{height:425px}.hero h1{font-size:34px}.hero-description br{display:none}.hero-ctas{flex-direction:column}.rainbow{gap:5px}.rainbow i{width:29px;height:29px}.hero-tab{width:48px}.gold-title strong{font-size:20px}.mobile-cta{padding-left:12px;padding-right:12px}.mobile-cta>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal:not(.shown){opacity:1;transform:none}}
/* Storybook edition — sunlight, rose quartz and celestial blue. */
:root{--ink:#353258;--navy:#fff7ee;--gold:#a66c22;--muted:#68627c;--paper:#fffaf2;--line:#d4ad6c55}body{background:#fffaf2;color:var(--ink)}h1,h2,h3{font-weight:700}header{background:#fffaf1e8;border-bottom:2px solid #d9b97d70;box-shadow:0 4px 25px #85654c10}nav a{color:#514c68}select{background:#fff9ec;color:#514263;border-color:#b99255}.button{border-radius:12px 3px 12px 3px;border:2px solid #fff4bc;background:linear-gradient(120deg,#ffdc8d,#f5b75c);color:#553b22;box-shadow:0 4px 0 #bb813e,0 9px 25px #b873392c}.button:hover{box-shadow:0 5px 0 #bb813e,0 12px 24px #d3a34a44}em{color:#b55b8c}.hero{height:920px;min-height:800px;background:radial-gradient(ellipse at 78% 42%,#fffdeb 0,transparent 40%),linear-gradient(125deg,#e6f7ff 0,#faf6ff 45%,#ffe3e8 100%);isolation:isolate}.hero:after{content:'';position:absolute;bottom:-100px;left:-5%;width:110%;height:160px;border-radius:50%;background:#fffaf2;z-index:5}.hero-haze{background:radial-gradient(ellipse at 5% 80%,#ffd6ba99,transparent 50%)}.hero h1{color:#37355e;text-shadow:0 3px 0 white,0 7px 28px #fff;font-size:clamp(44px,4.6vw,66px)}.hero-copy{padding-top:250px;max-width:550px}.hero-description{color:#625d7d}.hero .eyebrow{color:#886038}.status-dot{background:#e49b4c}.hero-note p,.hero-note b{color:#8c5b37}.hero-art{width:57%;height:78%;bottom:75px;right:1%;perspective:1100px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .15s ease-out}.hero-art:after{display:none}.stage-back{position:absolute;inset:4% 15% 17% 8%;border-radius:46% 46% 5% 5%;overflow:hidden;transform:translateZ(-50px);box-shadow:inset 0 0 70px #8985c0,0 0 100px #fff8c8}.stage-back img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2)}.stage-sun{position:absolute;inset:0;box-shadow:inset 0 0 40px #fff; background:radial-gradient(ellipse at top,#fff9,transparent 60%)}.stage-frame{position:absolute;inset:3% 14% 16% 7%;border:12px ridge #e5c98d;border-radius:46% 46% 4% 4%;box-shadow:0 20px 30px #5e569c40,inset 0 0 0 3px #fff7d4;transform:translateZ(0)}.stage-frame:before,.stage-frame:after{content:'✦';position:absolute;color:#f7c76b;font-size:70px;line-height:1;text-shadow:0 2px 2px #91623e,0 0 20px white;top:-40px;left:calc(50% - 35px)}.stage-frame:after{top:auto;bottom:-34px;font-size:45px;left:calc(50% - 22px)}.stage-floor{position:absolute;bottom:6%;left:0;width:90%;height:20%;background:repeating-linear-gradient(0deg,#ffefca 0 6px,#ceae72 7px 8px);border:5px solid #ecd095;border-radius:50%;box-shadow:0 22px 0 #d5b3a0,0 25px 0 #fff3ce,0 48px 40px #8a709c4d;transform:rotateX(60deg) translateZ(60px)}.mascot{position:absolute;height:108%;width:100%;object-fit:contain;bottom:-3%;left:-3%;transform:translateZ(115px);filter:drop-shadow(12px 18px 10px #77619a35);animation:mascotFloat 7s ease-in-out infinite}.mascot-label{position:absolute;right:1%;top:25%;padding:13px 22px;background:#fffaf2;border:2px solid #e3bd77;border-radius:25px 25px 25px 0;font-size:13px;font-weight:700;box-shadow:0 8px 20px #ac8ac32b;transform:translateZ(160px) rotate(5deg);z-index:5}.mascot-pet{display:none}.float-star{color:#e9ae4c;filter:drop-shadow(0 0 10px white);transform:translateZ(180px)}.flying-page{position:absolute;width:65px;height:90px;background:linear-gradient(135deg,#fffdf1,#f9db98);border:1px solid #d5ab5d;box-shadow:0 10px 20px #9a82ad40;border-radius:2px 18px 2px 2px;color:#bc8c43;font-size:35px;text-align:center;padding-top:10px}.p1{left:0;top:14%;transform:translateZ(180px) rotate(-25deg)}.p2{right:3%;bottom:19%;transform:translateZ(160px) rotate(20deg)}.hero-bottom,.scroll-cue{color:#78617b}.starfield i{background:#cb8bcb;box-shadow:0 0 9px #d6a2d6;width:4px;height:4px}.story{background:linear-gradient(#fffaf2,#fff1e4);padding-bottom:120px}.story-grid{gap:65px;grid-template-columns:1.2fr 1fr}.story-visual{height:540px;padding:0;perspective:900px;isolation:isolate}.story-visual:before{display:none}.world-aura{position:absolute;inset:0;background:radial-gradient(ellipse,#fff9b6,transparent 68%);animation:twinkle 5s alternate infinite}.world-window{position:absolute;top:6%;width:45%;height:65%;border:6px ridge #e4c68b;border-radius:48% 48% 6px 6px;overflow:hidden;box-shadow:0 10px 20px #8c639940}.world-window img{height:100%;width:100%;object-fit:cover}.kingdom{left:3%;transform:rotateY(13deg) rotate(-9deg)}.olympus{right:3%;transform:rotateY(-13deg) rotate(9deg);top:0}.world-window span{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#413052dc);color:white;text-align:center;font-weight:700;font-size:13px}.open-book{position:absolute;bottom:8%;left:0;width:100%;height:28%;transform:rotateX(33deg);filter:drop-shadow(0 24px 12px #7c54994a);display:flex;z-index:3}.book-page{width:50%;height:100%;border:3px solid #c69849;border-bottom:14px ridge #e8cd90;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 17px,#d6ba7a38 18px 19px),linear-gradient(90deg,#fff8d9,#fffdf1 75%,#d1b58a);color:#c3a467;font-family:Georgia,serif;font-size:30px;letter-spacing:.1em}.left-page{transform:skewY(7deg);border-radius:14px 0 0 10px}.right-page{transform:skewY(-7deg);background:repeating-linear-gradient(0deg,transparent 0 17px,#d6ba7a38 18px 19px),linear-gradient(90deg,#d1b58a,#fffdf1 25%,#fff8d9);border-radius:0 14px 10px 0}.book-spark{position:absolute;color:#dca64d;font-size:36px;z-index:4;animation:float 4s ease-in-out infinite}.b1{bottom:30%;left:48%}.b2{top:2%;left:43%;font-size:22px}.b3{top:38%;left:0;font-size:24px}.section-number{border-bottom-color:#c9a16a55}.heroes{background:radial-gradient(ellipse at 25% 50%,#ffffff 0,#e8f4ff 40%,#f5e5fb 85%);padding-bottom:65px;position:relative}.heroes:before{content:'✦';position:absolute;right:8%;top:100px;font-size:130px;color:#dcb9dc40}.heroes .section-heading em{color:#a75b8b}.hero-showcase{grid-template-columns:1.25fr 1fr;gap:45px}.hero-carousel{height:650px;position:relative;perspective:1000px;touch-action:pan-y;cursor:grab;outline-offset:8px;user-select:none}.hero-carousel:active{cursor:grabbing}#heroTrack{height:100%;transform-style:preserve-3d;position:relative}.carousel-card{position:absolute;inset:4% 12% 10%;transform-origin:50% 75%;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .4s;pointer-events:none;filter:drop-shadow(0 12px 10px #674c9d35)}.carousel-card img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.carousel-card:before{content:'';position:absolute;inset:10% 7% 0;border:2px solid #d5b16966;border-radius:48% 48% 10px 10px;background:linear-gradient(#fff8,#fff0);z-index:-1}.carousel-plinth{position:absolute;bottom:9%;left:6%;width:88%;height:9%;border-radius:50%;background:radial-gradient(ellipse,#fffaf1,#a9c7e3);border:3px solid #fbe2a6;box-shadow:0 10px 0 #c7b4d6,0 14px 0 #e6c891;z-index:-1}.carousel-glow{position:absolute;inset:15% 0 10%;border-radius:50%;background:radial-gradient(ellipse,#fffbc5aa,transparent 65%)}.swipe-hint{position:absolute;bottom:-10px;width:100%;text-align:center;color:#746186;font-size:12px;pointer-events:none}.swipe-hint:before{content:'↔';display:block;font-size:30px;color:#a781bd;letter-spacing:12px}.hero-detail{padding-bottom:0;max-width:420px}.hero-detail h3{color:#674074;font-size:58px}.hero-subtitle{color:#ab6f34}.hero-detail .eyebrow{color:#827093}.hero-no{color:#988ca8}.hero-detail>p{color:#6f6380}.sd-stage{height:260px;position:relative;margin-top:20px;isolation:isolate}.sd-rune{position:absolute;bottom:24px;left:calc(50% - 100px);width:200px;height:45px;border-radius:50%;border:3px double #c6a1dc;background:radial-gradient(ellipse,#f3dff8,#e9c5ff33);box-shadow:0 8px 20px #a68dcb33}#sdSprite{width:240px;height:240px;position:absolute;left:calc(50% - 120px);bottom:15px;background-repeat:no-repeat;filter:drop-shadow(0 5px 3px #76608b30)}.sd-flash{position:absolute;left:65%;top:60px;font-size:85px;color:#e5b951;opacity:0;transform:scale(.3);transition:opacity .15s,transform .15s}.sd-stage.attacking .sd-flash{opacity:1;transform:scale(1);text-shadow:0 0 16px #fff}.motion-label{position:absolute;bottom:-8px;width:100%;text-align:center;font-size:10px;color:#927a9b}.next-book{padding:65px 0;background:linear-gradient(120deg,#ede8ff,#e5f6ff);overflow:hidden;border-block:1px solid #c8b7db}.next-grid{display:grid;grid-template-columns:.8fr 1fr;gap:65px;align-items:center}.next-book h2{font-size:36px;color:#554775;margin-bottom:25px}.next-book p:not(.eyebrow){font-size:14px;line-height:2.1}.mystery-scene{height:360px;position:relative}.mystery-moon{position:absolute;width:240px;height:240px;border-radius:50%;background:#fff9dc;left:calc(50% - 120px);top:30px;box-shadow:0 0 70px #fff7c4}.gildong-shadow{position:absolute;width:100%;height:100%;object-fit:contain;filter:brightness(0);opacity:.77;fill:#282341}.mystery-question{position:absolute;inset:40px 0 0;display:grid;place-items:center;font:130px Georgia,serif;color:#fff8c9;text-shadow:0 0 25px #a8a0ff}.mystery-ground{position:absolute;bottom:0;width:70%;left:15%;height:25px;border-radius:50%;background:#6b5c7c30;filter:blur(8px)}.teaser-seal{display:inline-block;font-size:11px;margin-top:25px;padding:7px 20px;border:1px solid #b097c8;border-radius:30px;color:#846a99}.adventure{background:#fff9ee}.feature{border-color:#d4b686;border-radius:20px 4px;background:#fff5e4;box-shadow:0 6px 0 #dfc9a52b}.feature-wide{background:linear-gradient(110deg,#fff5df,#e2f5eb)}.feature-orbs{background:linear-gradient(130deg,#fff6dd,#f6e6fa)}.feature-idle{background:linear-gradient(130deg,#e3f5f0,#e1f1ff)}.gift{background:radial-gradient(ellipse at 50% 60%,#fff6ca,#ffe8d3 50%,#f4d9e7);color:#70513b}.gift em{color:#b47635}.gift p{color:#8b705e}.gift .eyebrow{color:#a27a45}.reward-grid article{border:2px solid #e6c38a;background:#fffdf2a8;border-radius:20px 4px;box-shadow:0 8px 0 #cfa56822}.ticket-reward p,.ticket-reward strong{color:#a37128}.reward-kicker,.reward-note{color:#927359}.gold-title strong{background-image:linear-gradient(105deg,#925714,#d99528 35%,#fff4b1 45%,#b87512 60%,#9f6015 80%)}.title-reward p{color:#96734c}.gift-terms a{color:#87581e}.film{background:#fffaf2}.film-frame{border:5px ridge #e8c98a;border-radius:24px 4px;box-shadow:16px 16px 0 #efd5de}.faq{background:#fffaf2}footer{background:#e9e5f0;color:#514767}.footer-bottom{color:#796b86}.footer-top{border-bottom-color:#aa8dbc44}.mobile-cta{background:#fff8ecef;color:#775939;border-top:2px solid #d8b574}@keyframes mascotFloat{50%{transform:translateZ(115px) translateY(-12px)}}
@media(max-width:1100px){.hero-copy{max-width:450px;padding-top:230px}.hero-art{right:-5%;width:60%;opacity:1}.mascot-label{right:4%;font-size:11px}.hero h1{font-size:49px}.hero-showcase{gap:20px}.hero-carousel{height:570px}.story-grid{gap:40px}.story-visual{height:460px}.next-grid{gap:35px}}
@media(max-width:760px){.hero{height:auto;min-height:0}.hero-copy{padding:110px 22px 540px;max-width:none;margin:0}.hero h1{font-size:clamp(36px,9vw,52px)}.hero-art{height:470px;width:100%;bottom:55px;right:0}.hero-description{max-width:380px}.mascot-label{top:18%;right:3%;font-size:10px;padding:10px 13px}.mascot{height:110%;width:100%;left:0}.stage-frame{border-width:8px}.stage-back{inset:4% 15% 17% 8%}.flying-page{width:42px;height:60px;font-size:25px;padding-top:2px}.p1{left:3%;top:15%}.p2{right:4%;bottom:22%}.scroll-cue{bottom:43px}.hero:after{bottom:-110px}.story{padding-bottom:65px}.story-grid{grid-template-columns:1fr;gap:28px}.story-visual{height:390px;max-width:420px}.world-window{height:63%}.book-page{font-size:23px}.heroes{padding-bottom:55px}.hero-showcase{grid-template-columns:1fr;gap:20px}.hero-carousel{height:490px;width:100%;margin-top:0}.carousel-card{inset:0 10% 12%}.hero-detail{padding:15px 10px 0;max-width:none}.hero-detail h3{font-size:42px}.hero-detail .eyebrow{margin-top:0}.hero-detail>p{margin-inline:auto}.sd-stage{height:230px;max-width:310px;margin:5px auto 15px}#sdSprite{width:220px;height:220px;left:calc(50% - 110px)}.next-grid{grid-template-columns:1fr;gap:25px;text-align:center}.next-book{padding:35px 0 55px}.mystery-scene{height:300px}.mystery-moon{width:210px;height:210px;left:calc(50% - 105px)}.next-book h2{font-size:29px}.next-book p:not(.eyebrow){font-size:12px}.hero .eyebrow{font-size:8px}.hero .text-link{color:#665478}.heroes .section-heading{text-align:center}.section-heading>p{color:#7d6c85}.story-copy h2{font-size:29px}.story-copy p{color:#786876}.gift h2{font-size:31px}.gift .gold-title strong{font-size:21px}.starfield i{opacity:.5}.hero-art{transform:none!important}.film-frame{box-shadow:10px 10px 0 #efd5de}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important}.mascot{transform:translateZ(115px)}}
@media(min-width:761px){.mascot-label{right:15%;top:31%;font-size:11px;max-width:205px;transform:translateZ(155px) rotate(5deg)}}
.hero-carousel{overflow:hidden}.hero-detail{position:relative;z-index:2}.swipe-hint{bottom:0}.hero-carousel:focus-visible{outline:2px solid #ab7bb8;outline-offset:4px}
@media(max-width:760px){.mascot-label{right:8%;max-width:170px;font-size:9px;transform:rotate(5deg);top:21%}}
@media(max-width:760px){.mascot-label{display:none}}
.motion-label{left:0}
@media(max-width:760px){.hero-detail{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:0 5px;text-align:left;padding-inline:0}.hero-detail>p,.hero-detail>h3{grid-column:1;margin-left:0!important}.hero-detail h3{font-size:34px}.hero-detail .hero-subtitle{font-size:13px}.hero-detail #heroDescription{grid-column:1/-1;padding-top:10px}.sd-stage{grid-column:2;grid-row:1/5;width:145px;height:190px;margin:0;align-self:center}.sd-rune{width:130px;left:calc(50% - 65px)}#sdSprite{width:170px;height:170px;left:calc(50% - 85px)}.motion-label{font-size:8px;bottom:0;padding-inline:6px}.sd-flash{font-size:50px;left:65%;top:30px}}