@font-face{font-family:Fredoka;src:url('assets/Fredoka.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f5f2ff;background:#0d1025;font:18px/1.55 Fredoka,system-ui,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9ef5ed;outline-offset:5px}.stars{position:absolute;inset:0 0 auto;height:1200px;pointer-events:none;background:radial-gradient(ellipse at 75% 27%,#43478560,transparent 40%),radial-gradient(ellipse at 20% 80%,#64356b30,transparent 50%)}.stars:after{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 30px 40px,#d4e6fb 75%,transparent),radial-gradient(1px 1px at 170px 155px,#a8b8dd 75%,transparent);background-size:243px 227px;opacity:.36}header{max-width:1240px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand img{width:180px;display:block}nav{display:flex;gap:10px}nav button{border:1px solid #66709955;background:#ffffff06;color:#f5f2ff;padding:8px 16px;border-radius:24px;font-size:14px}nav button[aria-pressed=true]{border-color:#9de8e3;color:#9de8e3}main{position:relative}.hero{max-width:1240px;margin:20px auto 0;padding:34px 40px 70px;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.eyebrow{color:#96deda;font-size:12px;letter-spacing:2px;font-weight:500;margin:0 0 22px}h1,h2{font-weight:500;line-height:1.07;letter-spacing:-2px;margin:0}h1{font-size:clamp(56px,6.6vw,88px)}h1 em{font-style:normal;color:#b8abf8}h2{font-size:clamp(38px,4.4vw,58px)}.intro{color:#bfbed2;font-size:20px;margin:24px 0 28px}.play{display:flex;align-items:center;gap:20px;border:1px solid #c9bff9;background:linear-gradient(110deg,#c7b5fb,#a8e8ec);border-radius:16px;color:#171d3b;padding:17px 25px;font-weight:500;box-shadow:0 6px 0 #62528d,0 12px 35px #a79ce529;transition:transform .2s,box-shadow .2s;font-size:21px}.play:hover{transform:translateY(-3px);box-shadow:0 9px 0 #62528d,0 15px 45px #a79ce540}.arrow{margin-left:22px}.triangle{font-size:21px}.micro{font-size:13px;color:#979ab5;margin:14px 0 24px}.stores{display:flex;gap:12px;align-items:center}.stores a{display:flex;transition:transform .2s}.stores a:hover{transform:translateY(-3px)}.stores img{object-fit:contain;max-width:100%}.hero-art{height:500px;position:relative;display:grid;place-items:center}.halo{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a3e5ff26, #9274f21a 48%,transparent 68%);filter:blur(6px)}.orbit{width:84%;aspect-ratio:1;position:absolute;border:1px solid #b0b6f536;border-radius:50%;transform:rotate(-25deg) scaleY(.56)}.orbit:before{content:'';position:absolute;width:10px;height:10px;top:16%;left:15%;border-radius:50%;background:#f2d9aa;box-shadow:0 0 22px #ffe8b8}.hero-dragon{width:92%;max-height:420px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 35px #a2c9ff45);animation:float 6s ease-in-out infinite}.island{position:absolute;width:64%;height:85px;bottom:42px;border-radius:50%;background:radial-gradient(ellipse,#9b9bd845,#59669b15 60%,transparent 70%);border-bottom:1px solid #aab5ec35}.spark{position:absolute;color:#c7e2ff}.s1{left:14%;top:21%;font-size:28px}.s2{right:4%;top:40%;font-size:36px}.s3{right:20%;bottom:17%;color:#f5d9a4;font-size:20px}.world-caption{position:absolute;bottom:0;letter-spacing:4px;font-size:10px;color:#8189b1}.world-caption span{color:#d9c195;padding-left:16px}.journey{max-width:1160px;margin:auto;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;border-top:1px solid #ffffff10}.journey p:not(.eyebrow){max-width:440px;color:#b8bad0;margin:24px 0}.castle-art{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#80508030,transparent 65%)}.castle-art img{width:88%;max-height:410px;object-fit:contain;filter:drop-shadow(0 12px 30px #0005)}.text-link{display:inline-block;color:#b9dded;text-decoration:none;border-bottom:1px solid #b9dded55;padding:6px 0;font-size:16px}.heroes{max-width:1160px;margin:auto;padding:70px 40px 90px}.section-title{text-align:center}.hero-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.hero-lineup figure{margin:0;text-align:center;background:radial-gradient(ellipse at 50% 47%,#6f70a023,transparent 67%)}.hero-lineup img{width:100%;height:270px;object-fit:contain;transition:transform .4s}.hero-lineup figure:hover img{transform:translateY(-9px)}figcaption{font-size:16px;color:#c2c2d8;margin-top:12px}.closing{padding:90px 30px 100px;text-align:center;background:radial-gradient(ellipse at 50% 50%,#40366045,transparent 64%);border-top:1px solid #ffffff0d}.closing p:not(.eyebrow){max-width:600px;margin:26px auto;color:#b8bad0}.closing .stores{justify-content:center;margin-top:32px}footer{border-top:1px solid #ffffff12;max-width:1240px;margin:auto;padding:28px 40px 36px;display:flex;justify-content:space-between;gap:24px;color:#8d91ae;font-size:12px}footer div{display:flex;gap:20px;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{color:#fff}dialog{border:1px solid #767aa0;background:#101329;color:#fff;border-radius:20px;padding:0;width:min(460px,calc(100vw - 24px));height:min(840px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#030515ce;backdrop-filter:blur(10px)}.game-toolbar{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #ffffff18;font-size:12px}.game-toolbar span{flex:1}.game-toolbar button{border:0;background:#ffffff0e;color:#e2e2f6;padding:7px 10px;border-radius:8px;font-size:12px}#close{font-size:19px}#frame-slot{height:calc(100% - 54px)}iframe{width:100%;height:100%;border:0;display:block}body.playing{overflow:hidden}@keyframes float{50%{transform:translateY(-13px)}}@media(max-width:760px){header{padding:20px}.brand img{width:145px}nav button{font-size:12px;padding:7px 12px}.hero{padding:20px 24px 50px;margin:0;grid-template-columns:1fr;gap:0;text-align:center}.hero-copy{z-index:2}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:17px}h1{font-size:64px}.intro{font-size:18px;margin:22px 0}.play{margin:auto}.stores{justify-content:center}.hero-art{height:340px;order:-1;margin:-15px 0 8px}.hero-dragon{width:88%;max-height:310px}.halo{width:78%}.orbit{width:74%}.island{bottom:30px}.world-caption{display:none}.s2{right:11%}.hero .micro{margin-bottom:22px}.journey{padding:40px 24px 55px;gap:28px;grid-template-columns:1fr;text-align:center}.castle-art img{height:260px;width:80%}.journey p:not(.eyebrow){margin:22px auto}.heroes{padding:45px 20px 65px}.hero-lineup{gap:4px;margin-top:28px}.hero-lineup img{height:170px}figcaption{font-size:12px;line-height:1.4;padding:0 4px}h2{font-size:42px}.closing{padding:60px 24px}.closing p:not(.eyebrow){font-size:16px}footer{padding:24px;flex-direction:column;align-items:center;text-align:center;font-size:11px}footer div{justify-content:center;gap:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}