:root{--navy:#0d2b59;--ink:#18365d;--blue:#5aa9df;--gold:#e5b84b;--cream:#fffaf0;--paper:#fffdf8;--line:#d9e6ec;--muted:#63788d;--shadow:0 18px 48px rgba(69,83,99,.14)}
*{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 13% 10%,rgba(255,255,255,.95) 0 85px,transparent 87px),linear-gradient(180deg,#e9f8ff 0%,#fffdf4 55%,#f4e8c7 100%)}
button,a{font:inherit}.header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px clamp(12px,3vw,38px);background:rgba(255,255,255,.94);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(980px,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:.73rem;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:12px 14px 8px}.eyebrow{display:inline-block;padding:6px 11px;border-radius:999px;background:#edf8ff;border:1px solid #b8ddf0;color:#347ba8;font-size:.68rem;font-weight:1000;letter-spacing:.08em}.hero h1{margin:7px 0 5px;font-size:clamp(1.8rem,5vw,3rem);line-height:1;color:var(--navy)}.hero p{max-width:760px;margin:0 auto;color:#536f89;font-size:.84rem;line-height:1.4;font-weight:720}.wrap{width:min(1120px,calc(100% - 18px));margin:0 auto;padding:5px 0 28px}
.game-shell{background:rgba(255,253,248,.96);border:1px solid #dfd6b9;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:8px}.levels{display:flex;gap:6px;flex-wrap:wrap}.level,.new-game,.share-btn{border:1px solid #cfdde7;border-radius:13px;padding:9px 12px;background:white;color:#315b83;font-size:.76rem;font-weight:950;cursor:pointer}.level.active{background:#e8f7ff;border-color:#6db6df;box-shadow:0 0 0 2px rgba(109,182,223,.12)}.new-game{background:#fff2c5;border-color:#e7c35e;color:#765200}.share-btn{background:#f5f9fc}.stats{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.stat{min-width:76px;text-align:center;background:#f4f8fa;border:1px solid #dce7ec;border-radius:12px;padding:7px 9px}.stat strong{display:block;color:var(--navy);font-size:.96rem}.stat span{display:block;color:#718399;font-size:.57rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.top-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.message{text-align:center;min-height:22px;margin:1px 0 8px;color:#59738d;font-size:.8rem;font-weight:900}
.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-width:1020px;margin:0 auto}.card{position:relative;aspect-ratio:1/1;border:0;background:none;padding:0;cursor:pointer;perspective:900px;border-radius:16px;touch-action:manipulation;min-width:0}.card:focus-visible{outline:3px solid #5ca9dd;outline-offset:3px}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.7,.2,1)}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.back{background:linear-gradient(145deg,#64b3e4,#3f82c5);border:2px solid rgba(255,255,255,.84);box-shadow:0 7px 15px rgba(49,93,135,.18)}.back:before{content:"✦";position:absolute;font-size:3.5rem;color:rgba(255,255,255,.19)}.back-mark{position:relative;color:#fff;font-size:clamp(.55rem,1.1vw,.75rem);font-weight:1000;letter-spacing:.07em;text-shadow:0 2px 4px rgba(0,0,0,.16)}.front{transform:rotateY(180deg);background:#f6fbff;border:1px solid #cfe5ef;box-shadow:0 7px 16px rgba(88,91,75,.11)}.symbol-img{width:100%;height:100%;object-fit:cover;display:block}.meaning-face{padding:10px;background:radial-gradient(circle at 50% 22%,#fffdf0,#e9f8ff 82%);text-align:center}.meaning-label{display:block;color:#b1872e;font-size:clamp(.46rem,.8vw,.62rem);font-weight:1000;text-transform:uppercase;letter-spacing:.11em;margin-bottom:5px}.meaning-text{display:block;color:#17385f;font-size:clamp(.62rem,1.2vw,.9rem);font-weight:1000;line-height:1.12}.card.matched .front{box-shadow:0 0 0 4px #a9cf91,0 8px 20px rgba(71,117,55,.18);animation:matchGlow .55s ease}.card.matched{cursor:default}@keyframes matchGlow{50%{transform:scale(1.045)}}
.learn-overlay,.win-overlay{position:fixed;inset:0;z-index:60;background:rgba(9,35,67,.54);display:none;place-items:center;padding:16px;backdrop-filter:blur(7px)}.learn-overlay.show,.win-overlay.show{display:grid}.learn-card,.win-card{width:min(470px,100%);background:#fffdf7;border:1px solid #ead9aa;border-radius:28px;box-shadow:0 25px 80px rgba(0,0,0,.25);padding:22px;text-align:center}.learn-symbol{width:120px;height:120px;border-radius:22px;overflow:hidden;margin:0 auto 12px;border:1px solid #d8e8ee;box-shadow:0 10px 24px rgba(72,95,114,.12)}.learn-symbol img{width:100%;height:100%;object-fit:cover}.learn-card h2,.win-card h2{margin:4px 0;color:var(--navy);font-size:1.55rem}.learn-meaning{margin:5px 0 13px;color:#3d6685;font-weight:1000}.scripture-box{background:linear-gradient(145deg,#fff7d8,#f5fbff);border:1px solid #ead28b;border-radius:18px;padding:14px}.scripture-box .verse{margin:0;color:#344d66;font:italic 1rem/1.5 Georgia,"Times New Roman",serif}.scripture-box .ref{display:block;margin-top:7px;color:#a17725;font-weight:1000;font-size:.78rem}.learn-note{margin:10px 0 0;color:#648096;font-size:.75rem;font-weight:800}.continue-btn,.win-btn{margin-top:14px;border:0;border-radius:14px;background:linear-gradient(135deg,#64b6e6,#3d89c9);color:white;padding:11px 18px;font-weight:1000;cursor:pointer}.win-star{font-size:2.8rem}.win-card p{color:#567189;font-weight:750;line-height:1.45}.win-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.win-actions .secondary{background:#f4f8fa;color:#315b83;border:1px solid #d5e4ea}.footer{text-align:center;padding:22px 12px 34px;color:#6c7985;font-size:.72rem}
@media(max-width:900px){.topbar{grid-template-columns:1fr}.levels,.top-actions{justify-content:center}.board{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:620px){.header{grid-template-columns:auto auto;padding:6px 8px}.brand img{width:94px}.nav{grid-column:1/-1;grid-row:2}.nav a{font-size:.63rem;padding:6px 7px}.kids-switcher{margin:6px auto 4px;gap:4px}.kids-switcher a{padding:6px 8px;font-size:.62rem}.hero{padding:7px 8px 5px}.hero .eyebrow{display:none}.hero h1{font-size:1.45rem;margin:2px 0}.hero p{font-size:.67rem;line-height:1.25}.wrap{width:min(100% - 8px,1120px);padding-top:2px}.game-shell{padding:7px;border-radius:17px}.topbar{gap:5px}.level,.new-game,.share-btn{padding:7px 8px;font-size:.64rem}.stats{gap:4px}.stat{min-width:0;flex:1;padding:4px}.stat strong{font-size:.76rem}.stat span{font-size:.45rem}.message{font-size:.66rem;min-height:17px;margin-bottom:5px}.board{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.card,.face{border-radius:10px}.meaning-face{padding:5px}.meaning-label{font-size:.38rem;margin-bottom:2px}.meaning-text{font-size:clamp(.5rem,2.25vw,.67rem);line-height:1.04}.learn-card,.win-card{padding:17px;border-radius:22px}.learn-symbol{width:92px;height:92px}.scripture-box{padding:11px}.scripture-box .verse{font-size:.9rem}.footer{padding:10px}}


/* V35 — shared Kids UX: viewport-first Symbol & Meaning board */
html body.book-heaven[data-page="symbol-meaning"] .celestial-page-panel{width:min(97vw,1700px)!important;max-width:1700px!important}
html body.book-heaven[data-page="symbol-meaning"] .wrap{width:min(100%,1640px)!important;padding-bottom:10px}
html body.book-heaven[data-page="symbol-meaning"] .game-shell{width:100%!important}
html body.book-heaven[data-page="symbol-meaning"] .board{max-width:none!important;align-content:center;justify-content:center}
@media(orientation:landscape) and (max-height:700px){
  html body.book-heaven[data-page="symbol-meaning"] .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="symbol-meaning"] .hero{display:none!important}
  html body.book-heaven[data-page="symbol-meaning"] .celestial-masthead{padding-bottom:5px!important;margin-bottom:4px!important}
  html body.book-heaven[data-page="symbol-meaning"] .celestial-masthead .cm-welcome,html body.book-heaven[data-page="symbol-meaning"] .celestial-masthead .cm-sub{display:none!important}
  html body.book-heaven[data-page="symbol-meaning"] .celestial-masthead .cm-brand{font-size:27px!important}
  html body.book-heaven[data-page="symbol-meaning"] .celestial-masthead .cm-page{font-size:10px!important}
  html body.book-heaven[data-page="symbol-meaning"] .kids-switcher{margin:2px auto 3px;gap:3px}
  html body.book-heaven[data-page="symbol-meaning"] .kids-switcher a{padding:4px 6px;font-size:.56rem}
  html body.book-heaven[data-page="symbol-meaning"] .wrap{padding:0 0 4px}
  html body.book-heaven[data-page="symbol-meaning"] .game-shell{padding:5px 7px;border-radius:13px}
  html body.book-heaven[data-page="symbol-meaning"] .topbar{margin-bottom:2px;gap:4px;grid-template-columns:auto 1fr auto}
  html body.book-heaven[data-page="symbol-meaning"] .level,html body.book-heaven[data-page="symbol-meaning"] .new-game,html body.book-heaven[data-page="symbol-meaning"] .share-btn{padding:5px 7px;font-size:.58rem}
  html body.book-heaven[data-page="symbol-meaning"] .stat{padding:3px 5px;min-width:56px}.stat strong{font-size:.7rem}.stat span{font-size:.42rem}
  html body.book-heaven[data-page="symbol-meaning"] .message{margin-bottom:2px;min-height:14px;font-size:.59rem}
  html body.book-heaven[data-page="symbol-meaning"] .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-panel,.stats,.board-wrap{background:transparent!important;border:0!important;box-shadow:none!important}.game-panel,.board-wrap{border-top:1px solid rgba(151,104,24,.16)!important}
#board{max-width:100%!important}.learn-overlay,.win-overlay{max-width:100vw!important;overflow-x:hidden!important}