:root{--bg:#130b27;--bg2:#22104a;--panel:#fff8df;--ink:#38210a;--gold:#ffd36a;--orange:#ff8a35;--blue:#6fd5ff;--red:#ff5b55;--muted:#6b5631}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#fff;background:radial-gradient(circle at 20% 0%,#422274 0,#130b27 36%,#090512 100%);line-height:1.75}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffd36a55 1px,transparent 2px);background-size:42px 42px;opacity:.18}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 5vw;background:rgba(12,6,28,.78);backdrop-filter:blur(14px);border-bottom:1px solid #ffd36a33}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900}.sigil{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ffd36a,#ff8a35);color:#301400;box-shadow:0 0 24px #ffd36a88}nav{display:flex;gap:18px;font-size:14px}nav a,footer a{color:#ffe9a5;text-decoration:none}.hero{min-height:82vh;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:36px;padding:72px 7vw 52px}.eyebrow{color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(42px,8vw,92px);line-height:1.02;margin:10px 0 20px;text-shadow:0 5px 0 #0005}.hero h1 span{color:var(--gold)}.lead{font-size:clamp(17px,2vw,22px);max-width:680px;color:#fff4cb}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:900;text-decoration:none;border:2px solid #ffd36a}.primary{background:linear-gradient(135deg,#ffd36a,#ff8a35);color:#2c1200;box-shadow:0 10px 30px #ff8a3544}.ghost{color:#ffe9a5;background:#ffffff10}.button.disabled{cursor:not-allowed;background:#ffffff14;color:#ffe9a5;border-color:#ffffff33;box-shadow:none}.voice{font-size:20px;color:#fff;background:#ffffff12;border-left:5px solid var(--gold);padding:10px 16px;border-radius:12px}.hero-art{position:relative;display:grid;place-items:center;min-height:520px}.hero-art img{position:relative;z-index:2;max-width:min(460px,94%);filter:drop-shadow(0 30px 36px #0008)}.magic-ring{position:absolute;width:min(520px,90vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 45%,#ffd36a44 46% 48%,transparent 49%),conic-gradient(from 0deg,#ffd36a,#ff8a35,#6fd5ff,#ffd36a);opacity:.55;filter:blur(.2px);animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}section{padding:64px 7vw}.promise{text-align:center;max-width:980px;margin:auto}.promise h1{font-size:clamp(34px,5vw,58px);line-height:1.16;margin:0 0 18px}.promise h2,.section-title h2,.parents h2,.download h2,.support-section h2{font-size:clamp(28px,4vw,48px);line-height:1.22;margin:0 0 16px}.promise p{color:#fff2c4;font-size:19px}.cards{display:grid;gap:22px}.three{grid-template-columns:repeat(3,1fr)}.card{position:relative;overflow:hidden;padding:28px;border-radius:28px;background:linear-gradient(180deg,#fff9e8,#f2d694);color:var(--ink);box-shadow:0 18px 50px #0005;border:2px solid #fff1b7}.card h3{margin:8px 0 8px;font-size:24px}.card p{color:#5c431d}.card .icon{font-size:38px}.card.fire{box-shadow:0 18px 50px #ff6b3540}.card.ice{box-shadow:0 18px 50px #67d8ff35}.card.thunder{box-shadow:0 18px 50px #ffd36a45}.section-title{text-align:center;margin-bottom:30px}.image-note{max-width:720px;margin:8px auto 0;color:#ffedb8;font-size:14px}.support-section{max-width:1080px;margin:auto}.support-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.support-item,.contact-panel{background:#ffffff12;border:1px solid #ffd36a33;border-radius:28px;padding:26px}.support-item h3{font-size:24px;line-height:1.35;margin:0 0 10px;color:#ffd36a}.support-item p,.contact-panel p{color:#fff0bf;margin:0}.support-item p+p,.contact-panel p+p{margin-top:10px}.contact-panel{margin-bottom:70px}.mode-section{background:linear-gradient(180deg,transparent,#200f46 12%,#200f46 88%,transparent)}.mode-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:34px;margin:42px 0}.mode-grid.reverse{grid-template-columns:1.1fr .9fr}.mode-grid.reverse .mode-copy{order:2}.mode-copy{background:#ffffff12;border:1px solid #ffd36a33;border-radius:28px;padding:28px}.mode-copy h3{font-size:32px;margin:0 0 8px;color:#ffd36a}.mode-copy ul{padding-left:1.2em}.phone-shot,.placeholder-shot{margin:0;border-radius:34px;background:#080412;padding:14px;border:2px solid #ffd36a55;box-shadow:0 22px 60px #0008;text-align:center}.phone-shot img{max-height:660px;max-width:100%;border-radius:24px;display:block;margin:auto}.phone-shot.small img{max-height:520px}.phone-shot figcaption,.placeholder-shot p,.placeholder-shot span{color:#ffedb8;font-size:14px}.placeholder-shot{min-height:260px;display:grid;place-items:center;padding:24px}.placeholder-shot strong{display:block;font-size:32px;color:#ffd36a}.placeholder-shot span{border:1px solid #ffd36a77;border-radius:999px;padding:4px 12px}.placeholder-shot img{display:block;max-width:100%;max-height:240px;width:auto;height:auto;object-fit:contain;border-radius:18px}.quest-preview{min-height:auto;padding:14px;background:linear-gradient(180deg,#fff6d1,#c89946);color:#2d1600}.quest-preview img{max-height:220px}.parchment{background:linear-gradient(180deg,#fff6d1,#c89946);color:#2d1600}.parchment span,.parchment p{color:#5b3100}.parchment strong{color:#3a1b00}.parents{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:center;background:linear-gradient(135deg,#34146d,#1d0f3b);border-top:1px solid #ffd36a33;border-bottom:1px solid #ffd36a33}.parents p{color:#fff0bf}.check-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.check-list span{background:#fff4d8;color:#3a2100;border-radius:999px;padding:8px 13px;font-weight:900}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery figure{margin:0;background:#ffffff12;border:1px solid #ffd36a33;border-radius:24px;padding:12px;text-align:center}.gallery img{width:100%;max-height:520px;object-fit:contain;border-radius:16px}.gallery figcaption{color:#ffe9a5}.quest-preview{display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid #ffd36a33;border-radius:24px;padding:12px}.quest-preview img{width:100%;max-height:260px;object-fit:contain;border-radius:16px}.download{text-align:center;background:radial-gradient(circle at center,#5c2a8d,#160b2e 60%);margin:40px 7vw 70px;border-radius:36px;border:2px solid #ffd36a55}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:28px;background:#080412;color:#ffe9a5}.home-page{background:linear-gradient(140deg,#151027 0%,#143245 42%,#2c1b44 72%,#130b27 100%)}.home-header{background:rgba(11,18,28,.82)}.home-hero{min-height:58vh;display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:42px;padding:78px 7vw 36px}.home-hero.compact{min-height:62vh;grid-template-columns:minmax(0,820px)}.home-hero h1{max-width:820px;margin:10px 0 18px;font-size:clamp(40px,7vw,84px);line-height:1.08;text-shadow:0 5px 0 #0004}.home-hero-art{display:grid;place-items:center;min-height:320px}.home-hero-art img{width:min(320px,80vw);filter:drop-shadow(0 26px 34px #0008)}.series-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:26px;padding-bottom:80px}.series-card{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;border-radius:20px;color:#201204;background:#fff8dc;border:2px solid #fff2b8;box-shadow:0 20px 55px #0006}.series-card h2{margin:8px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.18}.series-card p{margin:0;color:#563f20}.series-status{display:inline-flex;margin:0 0 18px;padding:5px 12px;border-radius:999px;background:#2b1600;color:#ffdc78;font-size:13px;font-weight:900}.series-status.muted{background:#23313a;color:#cfefff}.series-status.released{background:#0d3b2c;color:#b9ffd8}.mojimon-card{background:linear-gradient(180deg,#fff8de,#ffd681)}.roid-card{background:linear-gradient(180deg,#e7f6ff,#99d8ef)}.tap-card{background:linear-gradient(180deg,#eef9df,#bde86e)}.app-list-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:0;padding-bottom:82px}.app-link-card{display:flex;min-height:330px;flex-direction:column;justify-content:space-between;gap:20px;padding:26px;border-radius:20px;background:#fffdf0;color:#201204;border:2px solid #dbf1a5;box-shadow:0 18px 48px #0005}.app-link-card h2{margin:0 0 10px;font-size:clamp(22px,2vw,30px);line-height:1.28}.app-link-card p{margin:0;color:#563f20}.app-link-card .button{align-self:flex-start}@media(max-width:900px){nav{display:none}.hero,.mode-grid,.mode-grid.reverse,.parents,.home-hero{grid-template-columns:1fr}.mode-grid.reverse .mode-copy{order:0}.three,.gallery-grid,.support-list,.series-section,.app-list-section{grid-template-columns:1fr}.hero{padding-top:44px}.hero-art{min-height:380px}section{padding:48px 5vw}.parents{padding:48px 5vw}.home-hero{padding-top:48px}.home-hero-art{display:none}.series-card{min-height:260px}.app-link-card{min-height:260px}}