:root{color:#071b3b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffaf0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.site-shell{background:#fffaf0;min-height:100vh;overflow:hidden}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #5084bc2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:86px;padding:0 clamp(20px,6vw,80px);display:grid;position:sticky;top:0;box-shadow:0 10px 30px #2a599114}.brand,.nav-links,.hero-actions,.store-buttons,.social-links{align-items:center;display:flex}.brand{color:#071b3b;gap:12px;font-size:27px;font-weight:800;text-decoration:none}.brand-mark,.footer-icon{object-fit:cover;border-radius:18px;flex:none;width:56px;height:56px}.placeholder-icon,.image-placeholder{color:#0f4da2;text-align:center;background:linear-gradient(135deg,#ffffff8c,#fff0),repeating-linear-gradient(135deg,#2575fc1f 0 10px,#7ec9ff1f 10px 20px),#dff2ff;border:2px dashed #2575fc73;place-items:center;font-weight:800;display:grid}.nav-links{justify-content:center;gap:clamp(18px,3vw,44px)}.language-select{color:#071b3b;align-items:center;padding:32px 0 26px;font-weight:700;display:inline-flex}.language-select select{color:#071b3b;cursor:pointer;background:#fff;border:1px solid #2477ff57;border-radius:6px;min-width:96px;min-height:28px;padding:2px 24px 2px 8px;font-weight:700;line-height:1}.language-select select:focus-visible{outline-offset:2px;outline:3px solid #2477ff42}.nav-links a,.footer a{color:#071b3b;text-decoration:none}.nav-links a{padding:32px 0 26px;font-weight:700;position:relative}.nav-links a.active,.nav-links a:hover{color:#1f73ff}.nav-links a.active:after{content:"";background:#1f73ff;border-radius:999px;height:3px;position:absolute;bottom:18px;left:0;right:0}.hero-section{isolation:isolate;background:#fffaf0;min-height:730px;padding:100px clamp(24px,8vw,138px) 72px;position:relative}.hero-section:before{z-index:-1;content:"";opacity:.5;background:url(/assets/topbackground-YU9sfg7h.png) top/cover no-repeat;position:absolute;inset:0}.hero-backdrop,.footer-bg{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.footer-bg:before{content:"";opacity:.5;background:url(/assets/bottombackground-BDIUMaEN.png) bottom/cover no-repeat;position:absolute;inset:0}.footer-bg:after{content:"";background:linear-gradient(#ffffff94,#ffffffb3);position:absolute;inset:0}.hero-backdrop{display:none}.mountain{clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.92;background:linear-gradient(135deg,#f8fdff 0 35%,#b7dfff 36% 58%,#63a8df 59% 100%);width:440px;height:360px;position:absolute;bottom:120px}.mountain-one{right:31%}.mountain-two{opacity:.74;width:310px;height:260px;bottom:135px;right:17%}.castle{background:linear-gradient(#fff,#d7e8ff) 72px 0/34px 118px no-repeat,linear-gradient(#fff,#d7e8ff) 22px 50px/44px 82px no-repeat,linear-gradient(#fff,#d7e8ff) 118px 58px/48px 78px no-repeat;width:180px;height:150px;position:absolute;bottom:175px;right:36%}.castle:before{content:"";background:linear-gradient(135deg,#0000 50%,#fff 51%) 0 0/50px 70px no-repeat,linear-gradient(225deg,#0000 50%,#fff 51%) 78px 0/50px 70px no-repeat;height:70px;position:absolute;inset:-46px 16px auto}.tree-blossom{background:#ffacd3;border-radius:48% 0 48% 45%;width:360px;height:230px;position:absolute;top:-40px;right:-70px;box-shadow:-70px 36px #ffc1dc,-28px 96px #ffa2ce}.hero-content{z-index:2;grid-template-columns:160px minmax(300px,530px);gap:34px;max-width:720px;display:grid;position:relative}.app-icon{object-fit:cover;border-radius:34px;width:170px;height:170px;box-shadow:0 18px 38px #1457a438}.hero-copy{text-align:left}.hero-copy h1{color:#081a39;margin:12px 0 16px;font-size:clamp(48px,6vw,72px);line-height:.95}.hero-subtitle{color:#2172ff;margin:0 0 32px;font-size:clamp(24px,3vw,32px);font-weight:800}.hero-text{color:#061329;text-shadow:0 1px 2px #ffffffd1;max-width:500px;margin:0 0 46px;font-size:19px;font-weight:700;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:24px;margin-bottom:42px}.secondary-button{color:#0c2e63;background:#ffffffc7;border:2px solid #2477ff80;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-width:150px;min-height:52px;padding:0 18px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.store-buttons{flex-wrap:wrap;gap:28px}.store-button{color:#fff;cursor:pointer;background:#050507;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:150px;min-height:56px;padding:0 18px;font-family:inherit;font-size:19px;font-weight:800;line-height:1;text-decoration:none;display:flex;box-shadow:0 8px 18px #0000002e}.nav-download.store-button{justify-self:end;gap:7px;min-width:116px;min-height:42px;margin-right:80px;padding:0 12px;font-size:13px}.nav-download .store-icon{width:18px;height:18px}.nav-download .store-label small{margin-bottom:3px;font-size:7px}.hero-actions .store-button{min-width:150px;min-height:52px;padding:0 18px;font-size:16px}.hero-actions .store-button .store-icon{width:22px;height:22px}.hero-actions .store-button .store-label small{font-size:8px}.store-icon{fill:currentColor;flex:none;width:25px;height:25px}.store-label{flex-direction:column;display:flex}.store-buttons small{letter-spacing:0;margin-bottom:4px;font-size:9px;font-weight:700}.character-placeholder{z-index:2;justify-content:center;align-items:flex-end;width:306px;height:459px;display:flex;position:absolute;bottom:18px;right:calc(clamp(24px,7vw,96px) + max(min(300px,28vw),250px) + 12px)}.character-placeholder img{object-fit:contain;width:100%;height:100%}.phone-mockup{z-index:3;color:#1d2737;background:#182235;border:7px solid #05080d;border-radius:42px;width:min(300px,28vw);min-width:250px;padding:0;position:absolute;bottom:48px;right:clamp(24px,7vw,96px);overflow:hidden;transform:perspective(900px)rotate(7deg)rotateY(-10deg)rotateX(3deg);box-shadow:-22px 30px 42px #07122a57,-8px 12px 18px #07122a2e,inset 0 0 0 1px #ffffff29}.phone-speaker{z-index:2;background:#06090f;border-radius:999px;width:74px;height:9px;display:none;position:absolute;top:13px;left:50%;transform:translate(-50%)}.phone-screenshot{border-radius:34px;width:100%;display:block}.phone-status,.phone-tabs{color:#fff;grid-template-columns:repeat(4,1fr);gap:7px;font-size:10px;font-weight:800;display:grid}.phone-status span,.phone-tabs span{background:#ffffff1f;border-radius:9px;place-items:center;min-height:28px;display:grid}.dialog-card,.quiz-card{background:#fff3dc;border-radius:12px;margin-top:18px;padding:14px}.dialog-card{grid-template-columns:70px 1fr;align-items:center;gap:12px;display:grid}.portrait{border-radius:12px;width:66px;height:70px;font-size:12px}.dialog-card p,.quiz-card p{margin:0;font-size:12px;line-height:1.5}.quiz-card ol{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.quiz-card li{background:#fff9ec;border:1px solid #ead9bc;border-radius:7px;padding:9px 10px;font-size:11px}.quiz-card li.correct{color:#187642;background:#f0fff5;border-color:#6ecf99;font-weight:800}.phone-tabs{margin-top:18px}.content-section{background:#fffaf0;padding:36px clamp(24px,7vw,82px) 34px}.section-heading{color:#071b3b;text-align:center;grid-template-columns:52px auto 52px;justify-content:center;align-items:center;gap:16px;margin:0 auto 26px;display:grid}.section-heading span{background:linear-gradient(90deg,#0000,#5da7ff,#0000);height:1px}.section-heading h2{margin:0;font-size:clamp(29px,4vw,38px);line-height:1.1}.section-heading strong{color:#2477ff}.section-heading p{color:#173153;grid-column:1/-1;max-width:780px;margin:-4px auto 0;font-size:17px}.section-heading.compact{margin-bottom:20px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1110px;margin:0 auto;display:grid}.feature-card{text-align:center;background:#ffffffdb;border:1px solid #41608424;border-radius:18px;min-height:280px;padding:36px 34px 30px;box-shadow:0 12px 34px #485f781f}.feature-art{width:150px;height:110px;margin:0 auto 22px;position:relative}.feature-art:before,.feature-art:after{content:"";position:absolute}.feature-art img{object-fit:contain;width:100%;height:100%}.feature-art.badge img{width:118%;height:118%;transform:translate(-7%,-7%)}.feature-art.potion img{width:128%;height:128%;transform:translate(-11%,-11%)}.book:before{background:linear-gradient(90deg,#e9f7ff 49%,#bce8ff 50%);border:7px solid #287199;border-radius:12px 12px 8px 8px;display:none;inset:18px 16px 8px;transform:perspective(120px)rotateX(12deg)}.book:after{background:#287199;width:4px;height:70px;display:none;top:25px;left:74px}.badge:before{clip-path:polygon(50% 0,92% 18%,82% 86%,50% 100%,18% 86%,8% 18%);background:linear-gradient(#ffcf55,#d38322);display:none;inset:4px 23px}.badge:after{z-index:-1;background:#df4040;border-radius:999px;display:none;inset:30px 0 18px}.potion:before{background:radial-gradient(circle at 30% 25%,#fff 0 8%,#0000 9%),linear-gradient(#aef8f2,#52cf9c);border:6px solid #398eb5;border-radius:50%;width:84px;height:84px;display:none;top:18px;left:34px}.potion:after{background:#c58a55;border:5px solid #8e5732;border-radius:8px 8px 4px 4px;width:34px;height:30px;display:none;top:0;left:60px}.feature-card h3{color:#071b3b;margin:0 0 12px;font-size:22px}.feature-card p{color:#173153;margin:0;line-height:1.55}.gallery-section{padding-top:0;padding-bottom:30px}.gallery-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;max-width:1120px;margin:0 auto;display:grid}.gallery-card{color:#fff;background:linear-gradient(#0f497614,#031e2cd9),repeating-linear-gradient(135deg,#52afff40 0 14px,#8eda8733 14px 28px),#3a9fcb;border:0;border-radius:12px;align-content:end;min-height:250px;padding:18px;position:relative;overflow:hidden}.gallery-card.has-gallery-image{background:#173153}.gallery-card.has-gallery-image:after{content:"";background:linear-gradient(#091b330d,#091b33d1);position:absolute;inset:0}.gallery-card-image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.gallery-card strong{z-index:2;text-shadow:0 2px 8px #00000052;max-width:180px;font-size:17px;line-height:1.35;position:relative}.gallery-number{z-index:2;color:#0b4374;background:#ffffffb8;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid;position:absolute;top:12px;left:12px}.seo-section{padding-top:24px;padding-bottom:54px}.seo-grid,.faq-list{max-width:980px;margin:0 auto}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.seo-panel{background:#ffffffc7;border:1px solid #41608424;border-radius:12px;padding:24px 26px;box-shadow:0 10px 28px #485f781a}.seo-panel h3,.faq-list h3{color:#071b3b;margin:0 0 10px;font-size:20px}.seo-panel p{color:#173153;margin:0;line-height:1.65}.faq-list{margin-top:22px}.faq-list details{background:#ffffffc7;border:1px solid #41608424;border-radius:8px}.faq-list details+details{margin-top:10px}.faq-list summary{color:#071b3b;cursor:pointer;padding:16px 18px;font-weight:800}.faq-list details[open] summary{color:#1f73ff}.faq-list p{color:#173153;margin:0;padding:0 18px 18px;line-height:1.65}.footer{color:#071b3b;isolation:isolate;text-shadow:0 1px #ffffffb8;background:linear-gradient(#dff5ff,#f8fcff);grid-template-columns:1.25fr .8fr 1.2fr 1fr;gap:44px;padding:40px clamp(24px,7vw,82px) 48px;display:grid;position:relative}.footer h2,.footer h3,.footer p{margin:0}.footer h2{color:#071b3b;font-size:28px;font-weight:900}.footer h3{color:#071b3b;margin-bottom:16px;font-size:18px;font-weight:900}.footer>div{flex-direction:column;gap:10px;display:flex}.footer>div:not(:last-of-type){border-right:1px solid #37719e3d;padding-right:34px}.footer-brand{grid-template-columns:72px 1fr;align-content:start;column-gap:16px;display:grid}.footer-icon{filter:drop-shadow(0 3px 8px #071b3b38);grid-row:span 2;width:72px;height:72px}.social-links{grid-column:1/-1;gap:10px;margin-top:16px}.social-links a,.social-links button{color:#1da1f2;width:34px;height:34px;font:inherit;text-shadow:none;cursor:pointer;background:#fff;border:0;border-radius:10px;place-items:center;padding:0;display:grid;box-shadow:0 8px 18px #071b3b33}.social-links a:hover,.social-links button:hover{transform:translateY(-1px);box-shadow:0 9px 18px #2a59912e}.social-icon{fill:currentColor;width:19px;height:19px}.social-links .discord-link{color:#5865f2}.social-links .twitter-link{color:#111}.social-links .youtube-link{color:#ff4b4b}.social-links .line-link{color:#06c755}.line-icon .line-mark{fill:#fff}.instagram-icon{fill:none;stroke:url(#instagram-gradient);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px}.youtube-icon{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.9px}.youtube-icon path{fill:currentColor;stroke:none}.footer-contact{gap:12px}.contact-link{align-items:center;gap:8px;width:fit-content;line-height:1.35;display:inline-flex}.contact-link .social-icon,.contact-icon{color:#1f73ff;flex:0 0 16px;width:16px;height:16px}.contact-link .social-icon{fill:currentColor}.mail-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.footer-stores{align-items:flex-start;gap:12px}.footer-stores .store-button{color:#fff;min-width:142px;min-height:50px;text-shadow:none;background:#050507;font-size:16px;box-shadow:0 10px 22px #071b3b3d}.qr-modal{z-index:100;background:#071b3b94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.qr-dialog{background:#fff;border-radius:8px;place-items:center;width:min(88vw,360px);padding:28px;display:grid;position:relative;box-shadow:0 24px 60px #071b3b4d}.qr-dialog img{width:100%;height:auto;display:block}.qr-close{color:#071b3b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:26px;line-height:1;display:grid;position:absolute;top:8px;right:8px}.qr-close:hover{background:#071b3b14}.copyright{color:#30445f;text-align:center;font-size:14px;font-weight:700;position:absolute;bottom:14px;left:0;right:0}@media (width<=1060px){.topbar{grid-template-columns:1fr auto}.nav-links{display:none}.hero-section{min-height:auto;padding-bottom:390px}.phone-mockup{bottom:52px;right:28px}.character-placeholder{bottom:18px;right:290px}.feature-grid,.seo-grid,.footer{grid-template-columns:1fr 1fr}.gallery-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.topbar{min-height:72px;padding:0 16px}.brand{font-size:21px}.brand-mark{border-radius:14px;width:46px;height:46px}.nav-download.store-button{min-width:108px;min-height:40px;padding:0 10px;font-size:12px}.hero-section{padding:54px 18px 34px}.hero-content{grid-template-columns:1fr;gap:22px}.hero-copy{text-align:center}.app-icon{border-radius:28px;justify-self:center;width:132px;height:132px}.hero-text{margin-bottom:28px;font-size:17px}.hero-actions,.store-buttons{justify-content:center;gap:14px}.hero-actions .store-button,.secondary-button{width:100%;min-width:0}.phone-mockup,.character-placeholder{position:relative;bottom:auto;right:auto;transform:none}.character-placeholder{width:min(100%,442px);height:323px;margin:32px auto 18px}.phone-mockup{width:min(100%,310px);min-width:0;margin:0 auto}.feature-grid,.seo-grid,.gallery-row,.footer{grid-template-columns:1fr}.section-heading{grid-template-columns:28px auto 28px}.feature-card{min-height:0}.gallery-card{min-height:210px}.footer{gap:28px;padding-bottom:72px}.footer>div:not(:last-of-type){border-right:0;padding-right:0}}