/* Cinematic presentation, scoped to gateway and kids. */
body.gateway,html body[data-space=kids]{background:#25174e url('/kids/art/kingdom.webp') center center/cover fixed no-repeat!important;color:#fff;min-height:100vh;--surface:#34205e;--soft:#49317a;--text:#fff5dc;--sub:#e4d7ff;--line:#a87bce;--purple:#8051c5;--canvas:#25174e;--ink:#fff5dc}
body.gateway header,body[data-space=kids] .p61-header{margin:0;background:linear-gradient(180deg,#30134de8,#32164b99)!important;border-bottom:2px solid #e7b75d;padding:14px clamp(14px,3vw,42px);box-shadow:0 4px 20px #180a36aa;color:#fff3ce;position:relative;z-index:2}body[data-space=kids] .p61-header h1{font-size:clamp(23px,3vw,38px);color:#ffdc82;text-shadow:0 2px 3px #301047;letter-spacing:1px}body[data-space=kids] .p61-header p{color:#fff0cc}body[data-space=kids] .p61-tools{margin-left:auto}body[data-space=kids] main{margin:0 auto;max-width:1500px;padding:16px 24px 130px}body[data-space=kids] footer{margin:0;padding-bottom:115px;color:white;text-shadow:0 2px 4px #20103b}body[data-space=kids] .panel,body[data-space=kids] dialog{background:linear-gradient(145deg,#3c236aef,#241440f5)!important;border:2px solid #c49b5e!important;color:#fff5dc;box-shadow:0 8px 24px #180b3d80;border-radius:24px!important}body[data-space=kids] .muted,body[data-space=kids] .level small{color:#e4d7ff}body[data-space=kids] button:not(.magic-world),body[data-space=kids] .p61-nav button{background:linear-gradient(180deg,#9664d7,#542b91);color:#fff6df;border:1px solid #d4a45d;box-shadow:0 3px 0 #291344, inset 0 1px 2px #ffffff55;border-radius:16px;font-weight:750}body[data-space=kids] button:hover{filter:brightness(1.15)}body[data-space=kids] button:disabled{opacity:.5}body[data-space=kids] input,body[data-space=kids] select,body[data-space=kids] textarea{background:#21143e;color:#fff;border:1px solid #c49b5e}body[data-space=kids] .level,body[data-space=kids] .stat,body[data-space=kids] .shop article{background:#49317a;color:#fff;border:1px solid #c49b5e}body[data-space=kids] .level strong,body[data-space=kids] .stat b,body[data-space=kids] .question{color:#ffdc82}body[data-space=kids] .p61-nav{position:fixed;inset:auto 50% 12px auto;transform:translateX(50%);width:min(96vw,1050px);display:flex;flex-direction:row;justify-content:center;gap:6px;padding:8px;background:linear-gradient(180deg,#683b9e,#31164f)!important;border:3px solid #e6b75c;border-radius:28px;box-shadow:0 5px 25px #160a37bb;overflow-x:auto;z-index:20}body[data-space=kids] .p61-brand{display:none}body[data-space=kids] .p61-nav button{flex:1;min-width:82px;text-align:center;padding:7px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;white-space:nowrap}body[data-space=kids] .p61-nav button.active{background:linear-gradient(#ffd77c,#ba7727);color:#38204e;box-shadow:0 0 14px #ffd16c}body[data-space=kids] .p61-nav a{align-self:center;white-space:nowrap;font-size:11px}.nav-gem{font-size:27px;line-height:1.2}.immersive-stage{display:grid;grid-template-columns:minmax(230px, .75fr) minmax(0,2fr);gap:18px;align-items:center;min-height:540px}.immersive-stage .dual-hero{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:0;padding:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0;overflow:visible}.immersive-stage .dual-hero img{position:static!important;width:min(100%,280px)!important;height:auto!important;aspect-ratio: .85;object-fit:cover;object-position:center;border-radius:48% 48% 24% 24%;border:3px solid #ffdc82;box-shadow:0 0 35px #ffc96a88;order:-1;animation:sigfloat 4s ease-in-out infinite}.immersive-stage .dual-hero h2{font-size:clamp(22px,3vw,35px);color:#fff1c7;text-shadow:0 2px 5px #201039}.immersive-stage .dual-hero p{background:#2c174bd9;padding:12px;border-radius:18px;max-width:none}.immersive-stage .dual-hero small{margin-top:14px;color:#ffe39d}.immersive-stage .magic-worlds{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0}.magic-worlds h2{text-align:center;color:#fff0c0;text-shadow:0 2px 5px #24103e;font-size:clamp(20px,3vw,30px)}.magic-grid{gap:18px!important}.magic-world{position:relative;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:center!important;transition:transform .2s}.magic-world:hover{transform:translateY(-5px)}.magic-world img{border-radius:45% 45% 25% 25%;border:2px solid #ffdc82;aspect-ratio:1.1;box-shadow:0 8px 20px #1a0c3e99;object-fit:cover}.magic-world strong{position:relative;margin:-18px 4px 0;padding:9px 5px!important;background:linear-gradient(#ffe6a5,#d49a44);border:2px solid #fff1c3;border-radius:16px;color:#40205c;font-size:clamp(12px,1.4vw,17px);box-shadow:0 4px 0 #845022}.immersive-quick{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0 20px}.immersive-quick button{width:auto!important;margin:0!important;padding:12px 20px!important}.dual-metrics{background:#30164cbb!important;justify-content:center;padding:10px!important;margin-bottom:8px!important}.dual-metrics>div{background:#49266e!important;color:#fff!important;border:1px solid #d4a45d;padding:8px 18px!important}.dual-metrics strong{color:#ffdc82}.immersive-gate{display:flex;align-items:center;gap:24px;max-width:900px;margin:20px auto;padding:24px;background:#2e164cc9;border:2px solid #e6b75c;border-radius:28px}.immersive-gate img{width:120px;border-radius:50%;border:3px solid #ffdc82}.immersive-gate h2{font-size:clamp(25px,4vw,42px);color:#ffe1a0;margin:8px 0}.immersive-gate small{color:#ffdc82}html:not([data-dual-page=account]) .immersive-gate{display:none}body[data-space=kids] #cloud{max-width:900px;margin:0 auto 20px}body[data-space=kids] .sig-shortcuts{display:none!important}body[data-space=kids] .magic-mission{background:linear-gradient(90deg,#30164cfa,#30164c88),url('/kids/art/world6.webp') center/cover!important}body[data-space=kids] #game{background:linear-gradient(#281746e8,#281746e8),url('/kids/art/world1.webp') center/cover!important}body[data-space=kids] .magic-count{background:#4a2d72}body[data-space=kids] .certificate{color:#443a22;background:#fffdf2}body[data-space=kids] .p61-header button{font-size:12px}.gateway main{max-width:1100px;padding-top:32px}.gateway .intro{background:#291548b8;border:1px solid #e6b75c;border-radius:24px;padding:22px;color:#fff3d3}.gateway .intro small,.gateway .intro p{color:#ffdf9a}.gateway .world.kids{background:linear-gradient(90deg,#32164bd9,#32164b44),url('/kids/art/world1.webp') center/cover;color:#fff3d3;border:2px solid #e6b75c}.gateway .world.kids img{border-radius:50%;border:3px solid #ffdc82;width:140px;object-fit:cover}.gateway .world.kids small{color:#ffdc82}.gateway .world.kids span,.gateway .parentlink{background:#633593;color:#fff;border:1px solid #e6b75c}.gateway .world.academy{border:1px solid #e6b75c}.gateway .worlds{margin:20px 0}.gateway .world{min-height:300px}.gateway .parentlink{background:#2e164c}
@media(max-width:800px){body[data-space=kids] main{padding:10px 12px 110px}.immersive-stage{grid-template-columns:1fr;gap:8px;min-height:0}.immersive-stage .dual-hero{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;text-align:left;align-items:center}.immersive-stage .dual-hero img{grid-row:1/5;width:110px!important;aspect-ratio:.85}.immersive-stage .dual-hero small{margin:0;font-size:10px}.immersive-stage .dual-hero h2{font-size:23px;margin:0}.immersive-stage .dual-hero p{font-size:13px;margin:0;padding:6px}.immersive-stage .dual-hero button{margin:0;font-size:12px}.magic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.magic-world strong{font-size:13px}.magic-world img{aspect-ratio:1.25}body[data-space=kids] .p61-nav{justify-content:flex-start;bottom:5px;border-radius:20px;padding:6px;width:98vw}body[data-space=kids] .p61-nav button{min-width:76px;font-size:10px;flex:0 0 auto}.nav-gem{font-size:23px}.immersive-gate{padding:12px;gap:12px}.immersive-gate img{width:85px}.immersive-quick button{font-size:12px;padding:10px!important}.dual-metrics>div{padding:6px!important}.gateway .worlds{grid-template-columns:1fr}.gateway .world{min-height:250px}}@media(prefers-reduced-motion:reduce){.immersive-stage .dual-hero img{animation:none!important}}@media print{body[data-space=kids]{background:white!important;color:black!important}body[data-space=kids] .p61-nav,.immersive-stage,.immersive-quick,.immersive-gate{display:none!important}body[data-space=kids] main{padding:0}body[data-space=kids] .panel{background:white!important;color:black!important}}