:root{--navy:#0d2b59;--blue:#4f9ed8;--gold:#e4b94e;--cream:#fffaf0;--paper:#fffdf7;--ink:#18365d;--muted:#66788d;--line:#d9e6ec;--shadow:0 18px 48px rgba(69,83,99,.14);--green:#76a968;--pink:#e6a7bd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.96) 0 88px,transparent 90px),linear-gradient(180deg,#e8f8ff 0%,#fffdf5 52%,#f4e8c8 100%)}button,a{font:inherit}.header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px clamp(12px,3vw,38px);background:rgba(255,255,255,.95);border-bottom:1px solid #dceaf2;backdrop-filter:blur(14px)}.brand img{display:block;width:120px;max-width:27vw;height:auto}.nav{display:flex;gap:2px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:8px 9px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.7rem;font-weight:850}.nav a:hover,.nav a:focus-visible{background:#fff0b5;color:#745000}.badge{background:#ffe18a;padding:7px 10px;border-radius:12px;font-weight:950;font-size:.7rem;color:#644900}.kids-switcher{width:min(1080px,calc(100% - 20px));margin:11px auto 7px;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.kids-switcher a{padding:8px 12px;border-radius:999px;text-decoration:none;background:white;border:1px solid #d9e6ec;color:#315b83;font-size:.72rem;font-weight:900;box-shadow:0 5px 14px rgba(70,92,111,.07)}.kids-switcher a.active{background:#fff0b5;border-color:#e7c55f;color:#735000}.hero{text-align:center;padding:14px 14px 8px}.eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:#f1edff;border:1px solid #d8ccef;color:#665691;font-size:.69rem;font-weight:1000;letter-spacing:.06em}.hero h1{margin:7px 0 4px;font-size:clamp(1.8rem,5vw,3rem);line-height:1;color:var(--navy)}.hero p{max-width:780px;margin:0 auto;color:#506b89;font-weight:750;line-height:1.35;font-size:.84rem}.wrap{width:min(1100px,calc(100% - 20px));margin:0 auto;padding:5px 0 28px}.game-shell{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,237,.98));border:1px solid #d9e6ec;border-radius:24px;box-shadow:var(--shadow);padding:12px}.topbar{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-bottom:9px}.game-actions{display:flex;gap:7px;flex-wrap:wrap}.game-btn,.new-game{border:1px solid #cfdce6;background:#f7fbfd;color:#315b83;border-radius:13px;padding:9px 12px;cursor:pointer;font-weight:900;font-size:.76rem}.new-game{background:#fff3c8;border-color:#eac764;color:#795400}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.stat{background:#f4f7f9;border:1px solid #dce5ea;border-radius:13px;padding:7px 9px;text-align:center;min-width:0}.stat strong{display:block;color:var(--navy);font-size:.95rem;white-space:nowrap}.stat span{display:block;font-size:.58rem;font-weight:950;color:#718198;text-transform:uppercase;letter-spacing:.055em}.hearts{letter-spacing:.08em}.message{text-align:center;min-height:22px;font-weight:950;color:#5b728c;margin:0 0 7px;font-size:.8rem}.watch-panel{display:grid;grid-template-columns:minmax(180px,270px) 1fr;gap:13px;align-items:center;margin:0 auto 11px;padding:12px;border-radius:20px;background:linear-gradient(145deg,#eef9ff,#fff8dc);border:1px solid #d8e7eb}.flash-card{width:min(230px,100%);aspect-ratio:1;border-radius:24px;overflow:hidden;margin:auto;background:white;border:1px solid #d6e8ef;box-shadow:0 12px 30px rgba(70,92,111,.12);position:relative;display:grid;place-items:center}.flash-card img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.92);transition:.18s ease}.flash-card.show img{opacity:1;transform:scale(1)}.flash-card:after{content:"✦";position:absolute;font-size:3rem;color:#9cc8e2;opacity:.4}.flash-card.show:after{display:none}.watch-copy h2{margin:0 0 6px;color:var(--navy);font-size:1.25rem}.watch-copy p{margin:0;color:#5f748b;font-size:.78rem;font-weight:750;line-height:1.45}.sequence-progress{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.seq-dot{width:17px;height:17px;border-radius:999px;background:#dfeaf0;border:1px solid #c7d9e3;display:grid;place-items:center;color:white;font-size:.5rem;font-weight:1000}.seq-dot.seen{background:#77b6dc;border-color:#5da4d0}.seq-dot.correct{background:#82b774;border-color:#659658}.seq-dot.wrong{background:#e7a4a4;border-color:#d27d7d}.choice-title{text-align:center;margin:4px 0 8px;color:#5b728c;font-size:.72rem;font-weight:1000;letter-spacing:.055em;text-transform:uppercase}.choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.choice{border:0;background:none;padding:0;aspect-ratio:1;border-radius:17px;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 6px 15px rgba(70,92,111,.1);transition:.15s ease}.choice img{width:100%;height:100%;object-fit:cover;display:block}.choice:disabled{cursor:default;filter:saturate(.72);opacity:.78}.choice:not(:disabled):hover,.choice:not(:disabled):focus-visible{transform:translateY(-2px);outline:3px solid #79b9df;outline-offset:2px}.choice.tap{box-shadow:0 0 0 4px #83b979,0 8px 20px rgba(83,134,72,.2)}.choice.bad{animation:shake .32s ease;box-shadow:0 0 0 4px #e39b9b}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.footer{text-align:center;padding:15px 12px 30px;color:#6c7782;font-size:.72rem}.overlay{position:fixed;inset:0;z-index:50;background:rgba(9,35,67,.52);display:none;place-items:center;padding:18px;backdrop-filter:blur(7px)}.overlay.show{display:grid}.result-card{width:min(460px,100%);background:#fffdf7;border-radius:28px;padding:26px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.26);border:1px solid #ead9aa}.result-icon{font-size:3rem}.result-card h2{margin:6px 0;color:var(--navy);font-size:1.75rem}.result-card p{color:#58708a;line-height:1.5;font-weight:750}.result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result-actions button{border:0;border-radius:14px;padding:11px 15px;font-weight:1000;cursor:pointer}.primary{background:linear-gradient(135deg,#62b6e8,#3d8aca);color:white}.secondary{background:#f4f8fb;color:#315b83;border:1px solid #d8e5ec!important}.best{margin-top:9px;color:#8a6c32;font-size:.74rem;font-weight:800}
@media(max-width:760px){.header{grid-template-columns:auto auto}.nav{grid-column:1/-1;grid-row:2}.badge{justify-self:end}.kids-switcher{margin:6px auto 4px;gap:4px}.kids-switcher a{padding:6px 8px;font-size:.61rem}.hero{padding:7px 8px 4px}.hero .eyebrow{display:none}.hero h1{font-size:1.42rem;margin:2px 0}.hero p{font-size:.66rem;line-height:1.22}.wrap{width:min(100% - 8px,1100px);padding-top:2px}.game-shell{padding:7px;border-radius:17px}.topbar{grid-template-columns:1fr;gap:5px}.game-actions{justify-content:center}.stats{order:-1}.stat{padding:4px}.stat strong{font-size:.76rem}.stat span{font-size:.44rem}.game-btn,.new-game{padding:7px 8px;font-size:.63rem}.message{font-size:.66rem;min-height:17px;margin-bottom:4px}.watch-panel{grid-template-columns:106px 1fr;padding:7px;gap:8px;margin-bottom:6px}.flash-card{width:100px;border-radius:15px}.watch-copy h2{font-size:.9rem;margin-bottom:3px}.watch-copy p{font-size:.59rem;line-height:1.25}.sequence-progress{gap:3px;margin-top:5px}.seq-dot{width:12px;height:12px}.choice-title{font-size:.55rem;margin:2px 0 5px}.choices{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr))}.choice{border-radius:10px}.footer{font-size:.6rem;padding:8px}.result-card{padding:19px}}
@media(orientation:landscape) and (max-height:560px){.header{position:static;padding:4px 7px;min-height:40px;grid-template-columns:auto minmax(0,1fr)}.brand img{width:76px}.nav{grid-column:2;grid-row:1}.nav a{padding:4px 6px;font-size:.59rem}.badge{display:none}.kids-switcher{margin:3px auto}.kids-switcher a{padding:4px 7px;font-size:.58rem}.hero{display:none}.wrap{padding:0 0 4px}.game-shell{padding:5px 7px}.topbar{grid-template-columns:auto 1fr auto;margin-bottom:3px}.stats{order:0}.stat{padding:3px}.game-btn,.new-game{padding:5px 7px;font-size:.58rem}.message{font-size:.6rem;min-height:14px;margin-bottom:2px}.watch-panel{grid-template-columns:92px 1fr;padding:5px;margin-bottom:4px}.flash-card{width:82px;border-radius:12px}.watch-copy h2{font-size:.78rem}.watch-copy p{font-size:.54rem}.sequence-progress{margin-top:3px}.seq-dot{width:10px;height:10px}.choice-title{display:none}.choices{grid-template-columns:repeat(15,minmax(0,1fr));gap:3px}.choice{border-radius:7px}.footer{display:none}}


/* V35 — shared Kids UX: viewport-first memory game */
html body.book-heaven[data-page="remember-order"] .celestial-page-panel{width:min(97vw,1700px)!important;max-width:1700px!important}
html body.book-heaven[data-page="remember-order"] .wrap{width:min(100%,1640px)!important;padding-bottom:10px}
html body.book-heaven[data-page="remember-order"] .game-shell{width:100%!important}
html body.book-heaven[data-page="remember-order"] .flash-card{width:min(230px,18vw,29dvh)!important}
html body.book-heaven[data-page="remember-order"] .choices{max-width:none!important;justify-content:center;align-content:center;margin-inline:auto}
html body.book-heaven[data-page="remember-order"] .watch-copy h2{padding:5px 9px;border-radius:10px;background:#fff8d9;display:inline-block}
@media(orientation:landscape) and (max-height:700px){
  html body.book-heaven[data-page="remember-order"] .celestial-page-panel{width:calc(100% - 10px)!important;max-width:none!important;padding:5px 7px!important;margin:4px auto!important}
  html body.book-heaven[data-page="remember-order"] .celestial-masthead{padding-bottom:4px!important;margin-bottom:3px!important}
  html body.book-heaven[data-page="remember-order"] .celestial-masthead .cm-welcome,html body.book-heaven[data-page="remember-order"] .celestial-masthead .cm-sub{display:none!important}
  html body.book-heaven[data-page="remember-order"] .celestial-masthead .cm-brand{font-size:26px!important}
  html body.book-heaven[data-page="remember-order"] .celestial-masthead .cm-page{font-size:10px!important}
  html body.book-heaven[data-page="remember-order"] .kids-switcher{margin:2px auto 3px;gap:3px}
  html body.book-heaven[data-page="remember-order"] .kids-switcher a{padding:4px 6px;font-size:.55rem}
  html body.book-heaven[data-page="remember-order"] .wrap{padding:0 0 4px}
  html body.book-heaven[data-page="remember-order"] .game-shell{padding:5px 7px;border-radius:13px}
  html body.book-heaven[data-page="remember-order"] .topbar{margin-bottom:2px}
  html body.book-heaven[data-page="remember-order"] .watch-panel{grid-template-columns:minmax(76px,15dvh) 1fr;gap:6px;padding:5px;margin-bottom:3px}
  html body.book-heaven[data-page="remember-order"] .flash-card{width:min(105px,19dvh)!important;border-radius:11px}
  html body.book-heaven[data-page="remember-order"] .watch-copy h2{font-size:.72rem;margin:0;padding:3px 6px}
  html body.book-heaven[data-page="remember-order"] .watch-copy p{font-size:.52rem;margin:2px 0}
  html body.book-heaven[data-page="remember-order"] .sequence-progress{margin-top:2px;gap:3px}.seq-dot{width:9px;height:9px}
  html body.book-heaven[data-page="remember-order"] .choice-title{font-size:.58rem;margin:2px 0}
  html body.book-heaven[data-page="remember-order"] .footer,html body.book-heaven[data-page="remember-order"] .celestial-footer{display:none!important}
}


html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overscroll-behavior-x:none!important}
body.v89-kids-area{
  background:linear-gradient(180deg,rgba(249,253,255,.70),rgba(255,252,244,.62) 48%,rgba(249,253,255,.66)),
  url("theme-backgrounds/bright-gateway-world.webp") center top/cover no-repeat fixed,#f6fbff!important;
  color:#203f68!important
}
.v89-page-shell,.v89-kids-shell{
  width:min(1100px,calc(100% - 18px))!important;max-width:calc(100vw - 18px)!important;min-width:0!important;
  margin:0 auto!important;padding:8px 0 28px!important;background:transparent!important;border:0!important;
  box-shadow:none!important;overflow-x:hidden!important
}
.v89-kids-shell *,.v89-page-shell *{min-width:0}
.v89-kids-area h1,.v89-kids-area h2,.v89-kids-area h3{color:#12376c}
.v89-kids-area p{color:#49647f}
.v89-kids-area img,.v89-kids-area canvas,.v89-kids-area svg{max-width:100%}
.v89-kids-area button{box-shadow:none}
@media(max-width:700px){
  body.v89-kids-area{background-attachment:scroll!important}
  .v89-kids-shell,.v89-page-shell{width:calc(100% - 10px)!important}
}
@media (orientation:portrait),(orientation:landscape){
  .v89-core-footer{display:block!important;visibility:visible!important;opacity:1!important}
}
.hero{text-align:center!important}.hero h1{color:#12376c!important;font-family:Georgia,serif!important}
.game-card,.stats,.flash-card,.choices{background:transparent!important;border:0!important;box-shadow:none!important}.game-card,.flash-card{border-top:1px solid rgba(151,104,24,.16)!important}
#choices{max-width:100%!important}.overlay{max-width:100vw!important;overflow-x:hidden!important}