:root{--ink:#24342f;--muted:#64736d;--cream:#f7f3e9;--paper:#fffdf8;--sage:#467467;--sage-dark:#31594f;--line:#ddd9cc}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 8%,#e8efe5 0 13%,transparent 34%),var(--cream);color:var(--ink);font-family:var(--font-geist-sans),Arial,sans-serif;margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(#9a998d .55px,#0000 .55px);background-size:7px 7px;position:fixed;inset:0}button,input{font:inherit}.topbar{border-bottom:1px solid #4674672b;justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 28px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brandMark{background:var(--sage);color:#fff;border-radius:50% 50% 48% 52%;place-items:center;width:42px;height:42px;font-size:21px;display:grid;transform:rotate(-3deg);box-shadow:0 5px #cbd9d2}.brand b,.brand small{display:block}.brand b{font-family:Georgia,serif;font-size:19px}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.datePill{border:1px solid var(--line);color:var(--muted);background:#fffdf8b3;border-radius:999px;padding:9px 14px;font-size:13px}.setupShell{width:min(1080px,100% - 40px);margin:0 auto;padding:56px 0 80px;position:relative}.intro{max-width:690px;margin-bottom:32px}.eyebrow{color:var(--sage-dark);text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px;font-size:12px;font-weight:750;display:inline-block}h1{letter-spacing:-.035em;margin:0 0 15px;font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);font-weight:500;line-height:1.04}.intro p{color:var(--muted);max-width:620px;margin:0;font-size:16px;line-height:1.65}.hymnGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hymnCard{border:1px solid var(--line);background:#fffdf8eb;border-radius:20px 20px 24px;padding:19px;box-shadow:0 12px 35px #313f390f}.cardTop{align-items:center;gap:9px;margin-bottom:22px;display:flex}.cardTop i{width:27px;height:27px;color:var(--sage-dark);background:#e7eee9;border-radius:9px;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid}.cardTop b{font-size:15px}.fieldLabel{letter-spacing:.04em;color:#78837e;text-transform:uppercase;margin:13px 0 6px;font-size:11px;font-weight:800;display:block}input{width:100%;color:var(--ink);background:#fff;border:1px solid #cfcfc3;border-radius:12px;outline:none;padding:12px 13px}input:focus{border-color:var(--sage);box-shadow:0 0 0 3px #dbe9e3}.autoName{color:#969990;background:#f1efe7;border-radius:12px;align-items:center;min-height:47px;padding:10px 12px;font-size:13px;line-height:1.25;display:flex}.autoName.found{color:var(--sage-dark);background:#e8f0eb;font-weight:700}.primaryButton{background:var(--sage-dark);color:#fff;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:18px;min-height:54px;margin:30px auto 0;padding:0 23px;font-weight:750;display:flex;box-shadow:0 7px #bdd0c7}.primaryButton:hover{transform:translateY(-1px)}.primaryButton span{font-size:20px}.helper{text-align:center;color:#838b86;margin-top:18px;font-size:12px}@media (max-width:850px){.hymnGrid{grid-template-columns:1fr 1fr}.setupShell{padding-top:42px}}@media (max-width:540px){.topbar{height:72px;padding:0 18px}.datePill{display:none}.setupShell{width:min(100% - 28px,1080px);padding-top:34px}.hymnGrid{grid-template-columns:1fr;gap:11px}.hymnCard{padding:16px 18px}.intro{margin-bottom:24px}h1{font-size:38px}.brand small{display:none}}@media (prefers-reduced-motion:no-preference){.hymnCard{animation:.45s both rise}.hymnCard:nth-child(2){animation-delay:60ms}.hymnCard:nth-child(3){animation-delay:.12s}.hymnCard:nth-child(4){animation-delay:.18s}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}}
.brand{text-align:left;cursor:pointer;background:0 0;border:0}.primaryButton:disabled{opacity:.45;cursor:not-allowed;transform:none}.activityShell{width:min(980px,100% - 36px);margin:0 auto;padding:42px 0 80px}.progress{gap:7px;max-width:420px;margin:0 auto 28px;display:flex}.progress span{background:#dcded6;border-radius:99px;flex:1;height:6px}.progress span.active{background:var(--sage)}.focusCard{border:1px solid var(--line);text-align:center;background:#fffdf8f0;border-radius:28px;max-width:790px;margin:auto;padding:clamp(26px,5vw,58px);box-shadow:0 20px 55px #313f3914}.focusCard h1{max-width:630px;margin:8px auto 15px}.focusCard h2,.searchLayout h2{letter-spacing:-.025em;margin:8px 0 24px;font:500 clamp(28px,4vw,44px)/1.1 Georgia,serif}.focusCard p{color:var(--muted);max-width:570px;margin:0 auto;line-height:1.6}.bigNote{width:94px;height:94px;color:var(--sage);background:#e7eee9;border-radius:38% 62% 55% 45%;place-items:center;margin:0 auto 27px;font-size:43px;display:grid;transform:rotate(-4deg);box-shadow:0 8px #d1ddd7}.singCard .primaryButton,.finishCard .primaryButton{margin-top:28px}.answers{text-align:left;gap:11px;display:grid}.answers button{width:100%;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5d5c9;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-weight:650;transition:all .18s;display:flex}.answers button:hover:not(:disabled){border-color:var(--sage);transform:translate(3px)}.answers i{background:#f0efe8;border-radius:10px;place-items:center;width:32px;height:32px;font-size:12px;font-style:normal;display:grid}.answers .right{color:#285a3a;background:#e5f2e8;border-color:#4f8a65}.answers .wrong{color:#7e3d31;background:#faeae5;border-color:#c98472}.result{border-radius:18px;flex-direction:column;gap:5px;margin-top:18px;padding:17px;display:flex}.result.success{color:#285a3a;background:#e3f1e7}.result.try{color:#755d33;background:#f5ede0}.result span{font-size:13px}.result button{color:inherit;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:9px;font-weight:800}.searchLayout{border:1px solid var(--line);background:#fffdf8f0;border-radius:28px;grid-template-columns:minmax(240px,320px) 1fr;align-items:start;gap:36px;padding:clamp(22px,4vw,42px);display:grid;box-shadow:0 20px 55px #313f3914}.muted{color:var(--muted);line-height:1.55}.wordList{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.wordList button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d5d5c9;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:700}.wordList button.checked{background:var(--sage);color:#fff;border-color:var(--sage);text-decoration:line-through}.gridWrap{min-width:0}.letterGrid{aspect-ratio:1;background:#fff;border:1px solid #d8d7cb;border-radius:18px;grid-template-columns:repeat(15,1fr);padding:12px;display:grid;box-shadow:inset 0 0 30px #4674670d}.letterGrid span{color:#344a43;place-items:center;font-size:clamp(9px,1.4vw,16px);font-weight:800;display:grid}.gridWrap .primaryButton{margin-top:20px}.finishCard{overflow:hidden}.sunburst{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:106px;height:106px;margin:0 auto 24px;font-size:42px;display:grid;box-shadow:0 0 0 10px #f6e8c8,0 0 0 20px #fbf4e5}.badges{flex-wrap:wrap;justify-content:center;gap:9px;margin:24px 0;display:flex}.badges span{color:var(--sage-dark);background:#e7eee9;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:800}@media (max-width:720px){.activityShell{padding-top:28px}.searchLayout{grid-template-columns:1fr;gap:24px}.focusCard{border-radius:22px}.letterGrid{border-radius:14px;padding:7px}.letterGrid span{font-size:clamp(8px,2.5vw,13px)}}
:root{--ink:#263d47;--muted:#667982;--cream:#fff8e9;--paper:#fffefa;--sage:#3aa98d;--sage-dark:#217b6d;--line:#e4dfcf;--coral:#ff806c;--sun:#ffc857;--sky:#76c7dc;--lav:#a994dd}body{background:radial-gradient(circle at 9% 15%,#ffc85747 0 6%,#0000 6.3%),radial-gradient(circle at 88% 13%,#76c7dc40 0 11%,#0000 11.3%),linear-gradient(155deg,#fff9e8 0%,#f6fcf9 46%,#fff2eb 100%);min-height:100vh;overflow-x:hidden}body:before{opacity:.18;background-image:radial-gradient(#458578 .7px,#0000 .7px);background-size:13px 13px}.skyBits{pointer-events:none;z-index:-1;position:fixed;inset:0}.skyBits i{color:var(--sun);font-size:24px;font-style:normal;animation:5s ease-in-out infinite floaty;position:absolute}.skyBits i:first-child{top:30%;left:5%}.skyBits i:nth-child(2){color:var(--coral);animation-delay:-2s;top:36%;right:7%}.skyBits i:nth-child(3){color:var(--sky);font-size:16px;bottom:10%;left:8%}.skyBits i:nth-child(4){color:var(--lav);animation-delay:-1s;bottom:15%;right:4%}.topbar{border:0;height:88px}.brandMark{background:linear-gradient(145deg,var(--coral),#ff9e72);border-radius:15px;transform:rotate(-5deg);box-shadow:0 6px #f1c5ac}.brand b{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.02em;font-weight:900}.datePill{background:#fff;border:2px solid #e8dfcb;font-weight:750;box-shadow:0 4px #ede4d4}.setupShell{padding-top:38px}.intro{text-align:center;max-width:760px;margin:0 auto 34px}.eyebrow{color:var(--sage-dark);letter-spacing:.09em;background:#dff5ed;border-radius:99px;padding:7px 11px}.intro h1,.focusCard h1{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.055em;font-weight:950}.intro p{margin:auto;font-size:17px}.hymnGrid{gap:17px}.hymnCard{background:#fff;border:2px solid #eee5d2;border-radius:26px;transition:all .2s;box-shadow:0 9px #efe5d3,0 16px 36px #36585012}.hymnCard:hover{transform:translateY(-3px)rotate(-.4deg)}.hymnCard:nth-child(2){box-shadow:0 9px #d9ede7}.hymnCard:nth-child(3){box-shadow:0 9px #fde0d9}.hymnCard:nth-child(4){box-shadow:0 9px #e5def5}.cardTop i{color:#bc7b00;background:#fff1bf;border-radius:13px;width:36px;height:36px;font-size:17px}.hymnCard:nth-child(2) .cardTop i{color:#25866f;background:#ddf5ed}.hymnCard:nth-child(3) .cardTop i{color:#ce5c48;background:#ffe3dd}.hymnCard:nth-child(4) .cardTop i{color:#7660ad;background:#eae3fa}input{border:2px solid #dedbcf;font-size:17px;font-weight:850}.autoName{background:#f7f4eb}.autoName.found{color:#177561;background:#e1f6ef}.primaryButton{background:linear-gradient(145deg,#2da88c,#217b6d);border-radius:18px;padding:0 27px;font-size:16px;transition:all .15s;box-shadow:0 7px #145f54}.primaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px #145f54}.primaryButton:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px #145f54}.activityShell{padding-top:28px}.progress span{background:#e6dfd1;height:10px}.progress span.active{background:linear-gradient(90deg,var(--sun),var(--coral));box-shadow:0 2px #e8af4c}.focusCard,.searchLayout{background:#fffefa;border:2px solid #eee2cb;border-radius:34px;box-shadow:0 11px #eadfca,0 25px 55px #314e4714}.bigNote{color:#b26b00;background:linear-gradient(145deg,#ffe68e,#ffc857);border-radius:26px;box-shadow:0 8px #efb741}.mascot{color:#6d54ac;background:#eae3fa;border-radius:20px;place-items:center;width:58px;height:58px;margin:0 auto 15px;font-size:29px;font-weight:950;display:grid;transform:rotate(5deg);box-shadow:0 6px #d6cbed}.focusCard h2,.searchLayout h2{font-family:var(--font-geist-sans),sans-serif;letter-spacing:-.04em;font-weight:950}.answers button{border:2px solid #e4dfd2;border-radius:19px;font-size:15px;font-weight:800;box-shadow:0 4px #e9e4d9}.answers i{background:#fff6d9;width:40px;height:40px;font-size:20px}.answers .right{background:#daf7e9;border-color:#3eb58a;animation:.65s both correctBounce;box-shadow:0 5px #94d7bd}.answers .wrong{animation:.4s both littleShake}.result{border-radius:22px;position:relative;overflow:hidden}.result.success{background:linear-gradient(135deg,#daf7e9,#fff4ba)}.result.success b{font-size:22px}.celebrate{color:var(--coral);word-spacing:34px;font-size:18px;animation:1s ease-in-out infinite party;position:absolute;inset:6px 12px auto}.celebrate span{color:var(--sky)}.searchLayout{grid-template-columns:minmax(225px,290px) 1fr}.scoreBubble{color:#7b5b00;background:#fff2bd;border-radius:18px;align-items:center;gap:10px;margin:20px 0 15px;padding:12px 15px;display:flex}.scoreBubble b{background:var(--sun);color:#fff;border-radius:50%;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.scoreBubble span{font-weight:850}.wordList{gap:8px}.wordList span{color:var(--ink);background:#fff;border:2px solid #e8e2d4;border-radius:99px;padding:8px 11px;font-size:12px;font-weight:850;transition:all .25s;display:inline-flex}.wordList span.checked{color:#16735e;background:#dff6ec;border-color:#71cbb0;text-decoration:line-through}.wordList span.pop{z-index:3;animation:1.2s both wordFound;position:relative}.letterGrid{touch-action:none;-webkit-user-select:none;user-select:none;aspect-ratio:1;background:#fafffd;border:3px solid #cce8e1;border-radius:24px;padding:10px;box-shadow:0 7px #b8ddd4,inset 0 0 30px #4bb59912}.letterGrid span{pointer-events:auto;border-radius:50%;font-size:clamp(10px,1.55vw,17px);transition:background .12s,transform .12s}.letterGrid span.selected{color:#654c00;background:#ffcf5e;transform:scale(1.08);box-shadow:0 0 0 2px #fff,0 0 0 4px #f0b83d}.letterGrid span.discovered{color:#075747;background:#75d7bb;animation:.45s both cellPop}.foundToast{color:#fff;background:#ff806c;border-radius:16px;width:max-content;max-width:100%;margin:16px auto 0;padding:12px 17px;font-weight:900;animation:1.3s both toastPop;box-shadow:0 6px #d95c4a}.tinyHint{text-align:center;color:var(--muted);font-size:12px;font-weight:700}.sunburst{background:linear-gradient(145deg,#ffd65e,#ff9b57);animation:3s ease-in-out infinite spinStar;box-shadow:0 0 0 10px #fff0b9,0 0 0 20px #fff8df}.badges span{background:#e5f8f2;border:2px solid #c8e9df;font-size:14px}.finishCard{background:radial-gradient(circle at 12% 15%,#fff0b3 0 5%,#0000 5.5%),radial-gradient(circle at 88% 22%,#dff3ff 0 6%,#0000 6.5%),#fffefa}@keyframes floaty{50%{transform:translateY(-12px)rotate(12deg)}}@keyframes correctBounce{40%{transform:scale(1.035)}70%{transform:scale(.99)}}@keyframes littleShake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes party{50%{transform:translateY(5px)rotate(2deg)}}@keyframes wordFound{0%{opacity:.2;transform:scale(.7)}40%{color:#6a4c00;background:#ffc857;transform:scale(1.28)rotate(-4deg)}to{transform:scale(1)}}@keyframes cellPop{50%{transform:scale(1.18)}}@keyframes toastPop{0%{opacity:0;transform:scale(.6)}25%{transform:scale(1.08)}80%{opacity:1}to{opacity:0}}@keyframes spinStar{50%{transform:rotate(12deg)scale(1.07)}}@media (max-width:720px){.topbar{height:74px}.activityShell{width:min(100% - 20px,980px)}.searchLayout{grid-template-columns:1fr;padding:18px 12px 25px}.mission{text-align:center}.mission .muted{max-width:390px;margin-inline:auto}.scoreBubble,.wordList{justify-content:center}.letterGrid{border-radius:18px;padding:5px}.letterGrid span{font-size:clamp(10px,3.15vw,15px)}.focusCard{padding:25px 18px}.answers button{padding:12px 10px}.answers i{width:34px;height:34px}.skyBits{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.lifeBar{background:#fff;border:2px solid #ffd0d0;border-radius:99px;align-items:center;gap:5px;padding:8px 13px;display:flex;box-shadow:0 4px #f2d4d4}.lifeBar>span{color:#ff5d6c;font-size:22px;animation:1.7s infinite heartBeat}.lifeBar b{font-size:18px}.lifeBar small{color:var(--muted);font-weight:750}.hymnNav{grid-template-columns:repeat(4,1fr);gap:8px;width:min(620px,100% - 28px);margin:7px auto 0;display:grid}.hymnNav button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.hymnNav i{background:#e9e5d9;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}.hymnNav button.current i{background:var(--sun);color:#735000;box-shadow:0 3px #dfaa38}.hymnNav button.complete i{color:#fff;background:#54c6a5}.activityShell{padding-top:25px}.missionButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff795f,#ff9c5f);border:0;border-radius:20px;justify-content:center;align-items:center;gap:12px;margin:25px auto 0;padding:16px 24px;font-size:17px;font-weight:950;animation:1.8s infinite missionGlow;display:flex;box-shadow:0 7px #d95a44}.missionButton span{font-size:23px}.missionButton:active{transform:translateY(5px);box-shadow:0 2px #d95a44}.megaShake{animation:.55s both megaShake!important}.clozeCard{max-width:900px}.clozeCard>p{margin-top:-12px;margin-bottom:22px}.clozeList{text-align:left;gap:14px;display:grid}.clozeRow{background:#fffaf0;border:2px solid #ece4d5;border-radius:22px;padding:15px 17px}.sentence{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:48px;font-size:18px;font-weight:800;display:flex;position:relative}.dropZone{color:#6c9b8f;letter-spacing:.05em;background:#ebfaf5;border:3px dashed #79c9b5;border-radius:13px;place-items:center;min-width:105px;min-height:41px;display:grid}.clozeRow.solved{background:#e9fbf2;border-color:#7fd5b8}.clozeRow.solved .dropZone{color:#fff;background:#55c6a4;border-style:solid;animation:.6s both answerLand}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:11px;display:flex}.chips button{touch-action:none;color:var(--ink);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #d9d2c2;border-radius:13px;padding:10px 14px;font-weight:900;box-shadow:0 4px #ddd6c8}.chips button:active{cursor:grabbing;transform:scale(.95)}.chips button.chipWrong{background:#ffe8e5;animation:.5s both chipReturn}.paperPop{text-align:center;color:#ff806c;word-spacing:45px;animation:1s both paperBurst;position:absolute;inset:-12px 0 auto}.dragGhost{z-index:1001;pointer-events:none;color:#624800;background:#ffc857;border-radius:14px;padding:12px 17px;font-weight:950;position:fixed;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 8px 18px #0002}.fingerLens{color:#fff;letter-spacing:.14em;opacity:0;background:#263d47;border-radius:25px;place-items:center;width:min(360px,85%);height:52px;margin:0 auto 10px;font-size:28px;font-weight:950;transition:all .16s;display:grid;transform:translateY(10px)scale(.8);box-shadow:0 7px #172a32}.fingerLens.show{opacity:1;transform:translateY(0)scale(1)}.grid12{max-width:590px;margin:auto;grid-template-columns:repeat(12,1fr)!important}.grid12 span{font-size:clamp(12px,1.8vw,19px)}.searchActions{grid-template-columns:1fr 1.3fr;align-items:end;gap:12px;margin-top:20px;display:grid}.searchActions .primaryButton{width:100%;margin:0}.laterButton{color:#655292;cursor:pointer;background:#f0ebff;border:2px solid #9f91ca;border-radius:18px;height:54px;font-weight:900;box-shadow:0 5px #d5caef}.tinyHint{margin:12px 0 0}.fxLayer{z-index:2000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx{position:absolute;inset:0}.fx i{left:var(--x);top:var(--y);font-style:normal;position:absolute}.fx.good i{color:hsl(calc(var(--i)*37),85%,58%);font-size:calc(12px + (var(--i) % 3)*5px);animation:1.7s cubic-bezier(.1,.7,.2,1) both confettiFly;animation-delay:calc(var(--i)*-18ms)}.fx.good i:nth-child(4n){font-size:32px;animation-name:balloonFly}.fx.bad i{animation:1.6s both sadBounce;animation-delay:calc(var(--i)*40ms);font-size:30px}.fx.heart b{left:var(--x);top:var(--y);color:#ff5064;text-shadow:0 2px #fff;font-size:32px;animation:1.25s cubic-bezier(.2,.7,.3,1) both heartTravel;position:absolute}.fx.word i{color:#ffd044;animation:1.2s both sparkFly;animation-delay:calc(var(--i)*20ms);font-size:24px}@keyframes heartBeat{50%{transform:scale(1.2)}}@keyframes missionGlow{50%{transform:translateY(-2px)scale(1.02);box-shadow:0 9px #d95a44,0 0 25px #ffb28c}}@keyframes megaShake{15%,45%,75%{transform:translate(-11px)rotate(-1deg)}30%,60%,90%{transform:translate(11px)rotate(1deg)}}@keyframes answerLand{0%{transform:scale(.65)}55%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes chipReturn{35%{transform:translate(16px)rotate(5deg)}70%{transform:translate(-9px)rotate(-3deg)}}@keyframes paperBurst{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.3)translateY(-15px)}to{opacity:0;transform:translateY(-30px)}}@keyframes confettiFly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(calc((var(--i) - 10)*55px),calc(-180px + (var(--i)%5)*100px)) rotate(700deg);opacity:0}}@keyframes balloonFly{0%{opacity:1;transform:translate(0)scale(.4)}to{transform:translate(calc((var(--i) - 10)*45px),-750px) scale(1.15);opacity:0}}@keyframes sadBounce{0%{opacity:0;transform:translate(0)scale(.4)}25%{opacity:1}55%{transform:translate(calc((var(--i) - 5)*75px),calc(-80px - (var(--i)%4)*45px)) scale(1.15)}to{transform:translate(calc((var(--i) - 5)*90px),520px) rotate(25deg);opacity:0}}@keyframes heartTravel{0%{transform:translate(-50%,-50%)scale(.5)}35%{transform:translate(-50%,-90px)scale(1.5)}to{top:38px;left:calc(100% - 70px);transform:scale(.45)}}@keyframes sparkFly{0%{left:var(--x);top:var(--y);opacity:1;transform:scale(.3)}to{left:calc(var(--x) + (var(--i) - 8)*38px);top:calc(var(--y) - 150px + (var(--i)%5)*55px);opacity:0;transform:rotate(360deg)scale(1.2)}}@media (max-width:600px){.hymnNav{gap:2px}.hymnNav button{gap:2px;font-size:9px;display:grid}.hymnNav i{margin:auto}.lifeBar{padding:6px 10px}.lifeBar small{display:none}.clozeCard{padding-inline:12px}.sentence{font-size:15px}.dropZone{min-width:88px}.grid12 span{font-size:clamp(12px,4vw,17px)}.searchActions{gap:8px}.laterButton,.searchActions .primaryButton{padding-inline:9px;font-size:13px}.missionButton{font-size:15px}.fx.good i:nth-child(4n){font-size:26px}}
.searchActions .primaryButton{text-align:center;justify-content:center;width:100%;margin:0}.celebrationStage{position:relative}.hymnWinCard{background:radial-gradient(circle at 10% 16%,#fff0a8 0 4%,#0000 4.4%),radial-gradient(circle at 90% 20%,#d7f5ff 0 5%,#0000 5.4%),linear-gradient(145deg,#fffefa,#fff5d8);border-color:#ffc857;animation:.75s cubic-bezier(.2,.8,.2,1) both winEntrance;position:relative;overflow:hidden;box-shadow:0 12px #f1c66b,0 28px 65px #846c3230}.hymnWinCard:before,.hymnWinCard:after{content:"★  ●  ◆  ★  ●";color:#ff806c;word-spacing:30px;font-size:25px;animation:1.5s ease-in-out infinite bannerDance;position:absolute}.hymnWinCard:before{top:8%;left:4%;transform:rotate(-10deg)}.hymnWinCard:after{color:#76c7dc;animation-delay:-.7s;bottom:12%;right:2%;transform:rotate(9deg)}.trophyCloud{justify-content:center;align-items:center;gap:18px;margin-bottom:22px;display:flex}.trophyCloud b{background:linear-gradient(145deg,#ffe889,#ffc857);border-radius:38px;place-items:center;width:110px;height:110px;font-size:52px;animation:1.4s ease-in-out infinite trophyHop;display:grid;box-shadow:0 9px #e8ae39}.trophyCloud span{font-size:45px;animation:1.8s ease-in-out infinite balloonBob}.trophyCloud span:last-child{animation-delay:-.8s}.hymnWinCard h1{max-width:720px;font-size:clamp(37px,6vw,62px)}.hymnWinCard>p{font-size:17px}.wonLives{color:#cb394b;background:#ffe6e8;border:2px solid #ffb4bd;border-radius:22px;flex-direction:column;gap:8px;width:max-content;max-width:100%;margin:25px auto 8px;padding:16px 20px;display:flex;box-shadow:0 6px #f2bdc2}.wonLives span{letter-spacing:4px;font-size:23px;animation:1.3s ease-in-out infinite heartWave}.wonLives b{font-size:17px}.hymnWinCard .missionButton{z-index:2;position:relative}@keyframes winEntrance{0%{opacity:0;transform:scale(.72)rotate(-2deg)}55%{transform:scale(1.04)rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes trophyHop{50%{transform:translateY(-12px)rotate(7deg)}}@keyframes balloonBob{50%{transform:translateY(-17px)rotate(-8deg)}}@keyframes bannerDance{50%{letter-spacing:5px;opacity:.55}}@keyframes heartWave{50%{filter:saturate(1.4);transform:scale(1.09)}}@media (max-width:600px){.hymnWinCard{padding-inline:17px}.hymnWinCard:before,.hymnWinCard:after{word-spacing:9px;font-size:15px}.trophyCloud b{width:84px;height:84px;font-size:42px}.trophyCloud span{font-size:32px}.wonLives span{letter-spacing:1px;font-size:16px}}
body{background:radial-gradient(circle at 8% 10%,#ffc85747 0 8%,#0000 8.3%),radial-gradient(circle at 92% 8%,#3cb5ab33 0 12%,#0000 12.3%),linear-gradient(150deg,#fffaf0 0%,#eef9f6 48%,#fff0ea 100%)}.topbar{z-index:900;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffaf0ed;border-bottom:1px solid #d9e7e2;position:sticky;top:0}.brandLogo{object-fit:cover;border-radius:15px;width:54px;height:54px;box-shadow:0 4px #77bfb5}.hymnNav{z-index:890;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0f0;border-radius:0 0 20px 20px;padding:8px 10px 10px;position:sticky;top:88px;box-shadow:0 5px 13px #1c574f14}.languagePicker{flex-wrap:wrap;justify-content:center;gap:10px;margin:25px auto 0;display:flex}.languagePicker button{color:#315b55;cursor:pointer;background:#fff;border:2px solid #c8ded8;border-radius:18px;min-width:142px;padding:10px 14px;font-weight:900;transition:all .18s;box-shadow:0 5px #d6e5e1}.languagePicker button small{color:#718b86;margin-top:3px;font-size:10px;display:block}.languagePicker button.active{color:#fff;background:#086d70;border-color:#086d70;transform:translateY(-2px);box-shadow:0 5px #064d50}.languagePicker button.active small{color:#d7f3ef}.catalogSource{color:#08787a;width:max-content;margin:22px auto 0;font-size:12px;font-weight:800;display:block}.celebrationStage{place-items:center;min-height:calc(100dvh - 175px);padding-top:18px;display:grid}.finishCard{margin-block:auto}.primaryButton,.missionButton{text-align:center;justify-content:center}.hymnCard{border-color:#cfe1dc}.hymnCard:nth-child(odd){background:linear-gradient(145deg,#fff,#f3fbf8)}.hymnCard:nth-child(2n){background:linear-gradient(145deg,#fff,#fff7ef)}@media (max-width:600px){.topbar{top:0}.brandLogo{border-radius:12px;width:43px;height:43px}.hymnNav{top:74px}.celebrationStage{min-height:calc(100dvh - 145px);padding:10px 0}.languagePicker{grid-template-columns:1fr;width:100%;max-width:300px;display:grid}.languagePicker button{width:100%}.hymnWinCard{max-height:calc(100dvh - 155px);overflow:auto}.brand b{font-size:16px}}
.friendlyHeader{background:linear-gradient(120deg,#fff1ccf7,#e1f8f1f7 52%,#ffe0d8f7);border:2px solid #fffc;border-bottom:0;border-radius:30px 30px 42px 42px;width:min(1160px,100% - 24px);height:88px;margin:8px auto 0;padding:0 24px;overflow:visible;box-shadow:0 8px #47918426,0 13px 28px #2d5b521c}.friendlyHeader:after{content:"";pointer-events:none;background:radial-gradient(circle at 8px 0,#d8eee8 8px,#0000 8.5px) 0 0/32px 16px repeat-x;height:16px;position:absolute;bottom:-8px;left:5%;right:5%}.brandWords b{letter-spacing:-.04em;color:#ec7765;text-shadow:0 2px #fff;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:23px}.brandWords b em{color:#2b817a;font-style:normal}.brandWords small{letter-spacing:.02em;font-weight:800}.hymnNav{border-radius:0 0 28px 28px;width:min(780px,100% - 28px);margin:0 auto;top:104px}.welcomeShell{place-items:center;min-height:calc(100dvh - 105px);padding:34px 16px 70px;display:grid}.welcomeCard{text-align:center;background:linear-gradient(145deg,#fffdf6f7,#f0fbf7f5);border:2px solid #ffffffe6;border-radius:46px 38px 52px 40px;width:min(820px,100%);padding:36px clamp(20px,6vw,68px) 42px;position:relative;overflow:hidden;box-shadow:0 15px #f3b7702e,0 28px 70px #2d5b5221}.welcomeCard:before,.welcomeCard:after{content:"";z-index:0;border-radius:50%;width:150px;height:150px;position:absolute}.welcomeCard:before{background:#ffd98866;top:-55px;left:-70px}.welcomeCard:after{background:#f6a99755;bottom:-68px;right:-65px}.welcomeCard>*{z-index:1;position:relative}.welcomeCard>img{object-fit:cover;border-radius:30px;width:112px;height:112px;margin-bottom:14px;box-shadow:0 8px #a9d8cf}.welcomeCard h1{color:#275d57;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(30px,5vw,52px)}.motto{background:linear-gradient(120deg,#fff3d6,#e9f8f3 55%,#ffe7e1);border-radius:26px;margin:20px auto 18px;padding:18px;transform:rotate(-.5deg)}.motto p{margin:3px 0;line-height:1.2}.motto .line1{color:#e36f5e;font:800 clamp(18px,3vw,27px)/1.2 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.motto .line2{color:#287d75;font:italic 700 clamp(17px,2.6vw,24px)/1.2 Georgia,serif}.motto .line3{color:#d18732;letter-spacing:.01em;font:800 clamp(16px,2.5vw,23px)/1.2 Trebuchet MS,sans-serif}.motto .line4{color:#7b62a8;font:900 clamp(18px,3vw,28px)/1.2 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.welcomeText{color:#5f746f;max-width:600px;margin:0 auto;line-height:1.55}.welcomeLanguages{margin-top:20px}.welcomeStart{background:linear-gradient(135deg,#08787a,#315b55);margin-top:24px;padding-inline:30px;font-size:18px;box-shadow:0 8px #f0aa62}.changeLanguage{color:#08787a;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:6px 0;font-weight:800}.primaryButton:disabled{opacity:.45;cursor:not-allowed;transform:none}.catalogSource{margin-bottom:18px}@media (max-width:600px){.friendlyHeader{border-radius:22px 22px 30px 30px;width:calc(100% - 12px);height:74px;margin-top:4px;padding:0 12px}.friendlyHeader:after{bottom:-7px}.brandWords b{font-size:17px}.brandWords small{font-size:9px}.hymnNav{top:85px}.welcomeShell{min-height:calc(100dvh - 82px);padding:20px 10px 48px}.welcomeCard{border-radius:30px 25px 38px 28px;padding:24px 14px 30px}.welcomeCard>img{border-radius:22px;width:84px;height:84px}.welcomeCard h1{font-size:31px}.motto{padding:14px 9px}.welcomeText{font-size:14px}.welcomeStart{width:100%;max-width:330px}.lifeBar small{display:none}}.welcomeShell{background:radial-gradient(circle at 14% 13%,#2f78c72d 0 12%,#0000 31%),radial-gradient(circle at 88% 72%,#164d8933 0 15%,#0000 34%);min-height:100dvh}.welcomeCard{background:linear-gradient(145deg,#fffdf6fa,#dceffbfa);border-color:#b4d5ea;box-shadow:0 15px #26689f33,0 28px 70px #15436933}.welcomeCard:before{background:#6eb6e766}.welcomeCard:after{background:#245e9b42}.welcomeCard>img{box-shadow:0 8px #75add1}.welcomeCard h1{color:#174f7c}.motto{background:linear-gradient(120deg,#fff3d6,#dceefa 55%,#e5e1ff);margin-bottom:8px}.mottoBy{color:#32688f;letter-spacing:.04em;margin:0 auto 18px;font:italic 800 14px Georgia,serif}.welcomeText{color:#47677d}.focusCard,.hymnCard{box-shadow:0 10px #2a69991f,0 22px 45px #1c4a6c1a!important}.activityShell:before{content:"";z-index:-1;background:linear-gradient(145deg,#0000 10%,#216fa81c 48%,#0000 80%);position:fixed;inset:95px 0 0}.missionButton{background:linear-gradient(135deg,#176da6,#245284)!important;box-shadow:0 7px #9dc7e1!important}.hymnNav button.current{color:#185d8c!important;background:0 0!important}.hymnNav button.current i{color:#fff!important;background:#3188c2!important;box-shadow:0 4px #195c8d!important}.scoreBubble{color:#fff!important;background:linear-gradient(145deg,#1c73aa,#234f83)!important}.dropZone{background:#e5f3fc!important;border-color:#3a89bd!important}@media (max-width:600px){.welcomeShell{min-height:100dvh}}.hymnAudio{justify-content:center;margin:12px auto 20px;display:flex}.hymnAudio button{color:#174f7c;cursor:pointer;text-align:left;background:linear-gradient(145deg,#e6f4fc,#cde8f7);border:2px solid #8bbbd8;border-radius:22px;grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon detail";align-items:center;column-gap:12px;min-width:min(330px,100%);padding:11px 18px;display:grid;box-shadow:0 6px #8bbbd8}.hymnAudio button>span{grid-area:icon;font-size:28px}.hymnAudio button>b{grid-area:title;font-size:15px}.hymnAudio button>small{color:#46748f;grid-area:detail;font-weight:700}.hymnAudio button.playing{color:#fff;background:linear-gradient(145deg,#247db5,#174f7c);box-shadow:0 6px #0f395a}.hymnAudio button.playing small{color:#d9effc}.hymnAudio button:disabled{filter:grayscale(.55);opacity:.55;cursor:not-allowed;box-shadow:0 3px #b8c5ca}.landingCard{width:min(980px,100%)}.landingSteps{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px auto 6px;display:grid}.landingSteps article{background:linear-gradient(145deg,#fff,#e8f5fc);border:2px solid #bbd9ea;border-radius:22px;align-items:flex-start;gap:11px;padding:16px 14px;display:flex;box-shadow:0 5px #bbd9ea}.landingSteps i{color:#fff;background:#277eae;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-style:normal;font-weight:950;display:grid;box-shadow:0 3px #18557c}.landingSteps b{color:#174f7c;margin:1px 0 5px;font-size:15px;display:block}.landingSteps p{color:#547181;margin:0;font-size:12px;line-height:1.4}.landingCard .welcomeLanguages{margin-top:21px}@media (max-width:760px){.landingSteps{grid-template-columns:1fr;gap:9px}.landingSteps article{padding:12px}.landingCard{padding-inline:15px}}.hymnAudio button.reverenceLocked{color:#665f51;background:linear-gradient(145deg,#f4f1e8,#e8e2d3);border-color:#c8bfa9;box-shadow:0 5px #c8bfa9}.hymnAudio button.reverenceLocked small{color:#827967}.reverenceOverlay{z-index:3000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#112f3c8c;place-items:center;padding:18px;animation:.2s both noticeIn;display:grid;position:fixed;inset:0}.reverencePopup{text-align:center;background:linear-gradient(150deg,#fffdf6,#e8f5fa);border:3px solid #c7e2ec;border-radius:34px;width:min(440px,100%);padding:28px 25px 24px;animation:.28s both popupIn;box-shadow:0 12px #124b6633,0 28px 70px #0c283b55}.reverenceIcon{background:#dff1f7;border-radius:50%;place-items:center;width:74px;height:74px;margin:-5px auto 13px;font-size:40px;display:grid;box-shadow:0 6px #acd2df}.reverencePopup h2{color:#174f7c;margin:0 auto 11px;font:800 clamp(24px,5vw,34px)/1.08 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.reverencePopup p{color:#536e7b;margin:0 auto 15px;line-height:1.5}.reverencePopup>small{color:#7d7462;font-weight:850;display:block}.reverencePopup>button{color:#fff;cursor:pointer;background:#277eae;border:0;border-radius:16px;margin:20px auto 0;padding:13px 25px;font-weight:900;box-shadow:0 5px #18557c}@keyframes noticeIn{0%{opacity:0}}@keyframes popupIn{0%{opacity:0;transform:translateY(12px)scale(.96)}}.landingCard .welcomeLanguages{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(540px,100%);max-width:none;display:grid}.landingCard .welcomeLanguages button{border-radius:16px;width:100%;min-width:0;min-height:64px;padding:8px 6px;font-size:clamp(11px,2.2vw,14px);line-height:1.15}.landingCard .welcomeLanguages button small{white-space:nowrap;margin-top:5px;font-size:10px}.setupShell .hymnGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(760px,100%);margin-inline:auto}.setupShell .hymnCard{flex-direction:column;justify-content:center;height:286px;padding:20px;display:flex}.setupShell .cardTop{justify-content:center;margin:0 0 8px}.setupShell .fieldLabel,.setupShell .hymnCard input{text-align:center}.setupShell .autoName{text-align:center;justify-content:center;height:58px;min-height:58px;overflow:hidden}@media (max-width:540px){.landingCard .welcomeLanguages{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.landingCard .welcomeLanguages button{padding-inline:3px}.setupShell .hymnGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setupShell .hymnCard{height:258px;padding:12px 10px}.setupShell .cardTop{flex-direction:column;gap:4px}.setupShell .fieldLabel{margin-top:8px;font-size:9px}.setupShell .hymnCard input{padding:9px 6px}.setupShell .autoName{height:56px;min-height:56px;padding:7px 5px;font-size:11px}}.playChoices{flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin-top:22px;display:flex}.playChoices .welcomeStart{margin:0}.multiButton,.lobbyActions button,.copyCode{color:#624300;cursor:pointer;background:linear-gradient(145deg,#ffcf5e,#f2a93b);border:0;border-radius:17px;padding:15px 20px;font-weight:950;box-shadow:0 6px #d99128}.lobbyShell{place-items:center;min-height:calc(100dvh - 100px);padding:30px 15px 70px;display:grid}.lobbyCard{text-align:center;background:linear-gradient(145deg,#fffdf6,#e8f6fc);border:3px solid #c8e2ee;border-radius:40px;width:min(650px,100%);padding:34px clamp(18px,5vw,50px);box-shadow:0 11px #acd3e3,0 25px 60px #225b7940}.lobbyPeople{margin-bottom:10px;font-size:42px;display:block}.lobbyCard h1{color:#175b86;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif}.lobbyCard>label,.lobbyActions label{color:#476b7d;text-transform:uppercase;letter-spacing:.05em;gap:7px;font-size:12px;font-weight:900;display:grid}.lobbyCard input{text-align:center;text-transform:none;font-size:20px}.lobbyActions{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin:20px 0;display:grid}.lobbyActions>button:first-child{grid-area:1/1}.lobbyActions>span{grid-column:2}.lobbyActions>label,.lobbyActions>button:last-child{grid-column:3}.lobbyActions button:disabled{opacity:.45}.roomCode{color:#15577e;letter-spacing:.18em;background:#fff;border:3px dashed #2e82ad;border-radius:18px;width:max-content;margin:14px auto 10px;padding:12px 22px;font-size:clamp(28px,7vw,46px);font-weight:1000}.copyCode{padding:9px 15px;font-size:12px}.playerCloud{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px auto;display:flex}.playerCloud span{color:#245e57;background:#fff;border:2px solid #b9ded3;border-radius:99px;padding:9px 13px;font-weight:900}.roomError{color:#ba3b36;font-weight:850}.rankButton{color:#6e5200;cursor:pointer;background:#fff2b8;border:0;border-radius:14px;margin-left:auto;margin-right:12px;padding:9px 13px;font-weight:950}.rankOverlay{z-index:4000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#102f3c99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.rankCard{text-align:center;background:linear-gradient(150deg,#fffdf6,#eaf7fb);border:3px solid #d4e6ed;border-radius:32px;width:min(440px,100%);padding:27px;position:relative;box-shadow:0 10px #174f7060}.rankCard h2{color:#174f7c;margin:0 0 18px;font-size:30px}.rankClose{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:14px}.rankCard ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.rankCard li{text-align:left;background:#fff;border:2px solid #dae7e8;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.rankCard li.me{background:#fff4c5;border-color:#f0c755}.rankCard li>b{color:#fff;background:#2c81ad;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.rankCard li>strong{color:#d84e61}@media (max-width:600px){.playChoices{display:grid}.playChoices>*{width:100%}.lobbyActions{grid-template-columns:1fr}.lobbyActions>*{grid-area:auto/1!important}.rankButton span{display:none}.friendlyHeader .rankButton{margin-left:auto}.lobbyCard{padding-inline:17px}}:root{--font-geist-sans:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif}.landingCard>img{border-radius:34px;width:132px;height:132px;margin:0 auto 18px;display:block}.landingCard>h1{color:#1c6385;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:900}.landingSteps{gap:14px}.landingSteps article{text-align:center;background:linear-gradient(150deg,#eaf7ff,#fff8df);border:0;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:122px;padding:15px 13px;box-shadow:0 7px #b8dcea}.landingSteps article:nth-child(2){background:linear-gradient(150deg,#e8f8f1,#fff);box-shadow:0 7px #b9ded1}.landingSteps article:nth-child(3){background:linear-gradient(150deg,#fff0e9,#fff9dd);box-shadow:0 7px #f0c8ac}.landingSteps i{flex-basis:34px}.landingSteps b{font-size:16px}.landingSteps p{max-width:230px;font-size:12px}.multiButton,.lobbyActions button,.copyCode{background:linear-gradient(145deg,#ffdc72,#ffad5c);border:2px solid #ffffffbf;border-radius:22px;padding:15px 22px;transition:all .16s;box-shadow:0 7px #df8841}.multiButton:hover,.lobbyActions button:hover:not(:disabled),.copyCode:hover{transform:translateY(-2px)}.lobbyLogo{object-fit:cover;border-radius:28px;width:104px;height:104px;margin:0 auto 12px;display:block;box-shadow:0 7px #a9d8cf}.avatarPicker{grid-template-columns:repeat(8,1fr);gap:7px;margin:5px auto 22px;display:grid}.avatarPicker button{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #cae0e7;border-radius:18px;font-size:clamp(24px,5vw,34px);transition:all .15s;box-shadow:0 4px #c6dce3}.avatarPicker button.selected{background:#fff1a9;border-color:#f1be42;transform:translateY(-3px)scale(1.06);box-shadow:0 5px #e0a627}.lobbyCard>label{max-width:360px;margin-inline:auto}.lobbyActions>button{min-height:58px}.playerCloud span{font-size:16px}@media (max-width:760px){.landingSteps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.landingSteps article{border-radius:21px;min-height:142px;padding:11px 7px}.landingSteps b{font-size:13px}.landingSteps p{font-size:10px}.landingSteps i{flex-basis:30px;width:30px;height:30px}.avatarPicker{grid-template-columns:repeat(4,1fr);max-width:300px}.landingCard>img{width:112px;height:112px}}.landingSteps i{aspect-ratio:1;border-radius:50%;flex:0 0 clamp(30px,4vw,38px);width:clamp(30px,4vw,38px);min-width:clamp(30px,4vw,38px);height:clamp(30px,4vw,38px);min-height:clamp(30px,4vw,38px)}@media (max-width:600px){.playChoices{flex-direction:column;gap:22px;width:100%;display:flex!important}.playChoices .welcomeStart,.playChoices .multiButton{flex:none;justify-content:center;align-items:center;max-width:100%;transition:none;display:flex;width:min(100%,360px)!important;margin:0 auto!important;transform:none!important}.playChoices .welcomeStart:hover,.playChoices .welcomeStart:active,.playChoices .multiButton:hover,.playChoices .multiButton:active{transform:none!important}}.podiumShell{place-items:center;min-height:calc(100dvh - 105px);padding:28px 14px 60px;display:grid}.podiumCard{text-align:center;background:linear-gradient(145deg,#eaf8fd,#fff9da 55%,#ffe9df);border:3px solid #c8e3ec;border-radius:40px;width:min(760px,100%);padding:30px clamp(16px,5vw,45px);box-shadow:0 11px #a8d2df,0 28px 65px #1c587238}.podiumTitle{font-size:64px;animation:1.5s ease-in-out infinite podiumBounce}.podiumCard h1{color:#1a6684;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:950}.podiumCard>p{color:#507184;font-weight:800}.podiumLive{justify-content:center;align-items:flex-end;gap:12px;min-height:245px;margin:22px auto;display:flex}.podiumLive .place{color:#314d59;border-radius:28px 28px 14px 14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(190px,31%);padding:18px 8px;display:flex}.podiumLive .place1{background:linear-gradient(#fff2a6,#ffd154);order:2;min-height:225px;box-shadow:0 8px #e4a92d}.podiumLive .place2{background:linear-gradient(#f7fbfd,#cfdde3);order:1;min-height:180px;box-shadow:0 8px #a9bbc3}.podiumLive .place3{background:linear-gradient(#ffe4c7,#e9a66e);order:3;min-height:150px;box-shadow:0 8px #c97b46}.podiumLive article>span{font-size:34px}.podiumLive article>i{font-size:38px;font-style:normal}.podiumLive article>b{text-overflow:ellipsis;max-width:100%;overflow:hidden}.podiumLive article>small{color:#ca4356;font-weight:900}.waitingLine{flex-wrap:wrap;justify-content:center;gap:7px;margin:10px auto 20px;display:flex}.waitingLine span{color:#52707c;background:#fff;border:2px dashed #9dc4d1;border-radius:99px;padding:8px 12px;font-weight:800}.podiumActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.podiumActions button{cursor:pointer;border:0;border-radius:19px;padding:14px 22px;font-weight:950}.sharePodium{color:#fff;background:linear-gradient(145deg,#2d8eb0,#176a8a);box-shadow:0 6px #10536d}.playAgain{color:#624300;background:linear-gradient(145deg,#ffdc72,#ffad5c);box-shadow:0 6px #d98138}@keyframes podiumBounce{50%{transform:translateY(-7px)rotate(4deg)}}.sharePodium{justify-content:center;align-items:center;gap:9px;display:inline-flex}.sharePodium svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sharePodium:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.podiumImageOverlay{z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12313dc7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.podiumImageOverlay>div{width:min(680px,94vw);max-height:94dvh;position:relative}.podiumImageOverlay img{object-fit:contain;border-radius:28px;width:100%;max-height:90dvh;display:block;box-shadow:0 28px 80px #071f2aaa}.podiumImageOverlay button{z-index:2;color:#174f66;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;line-height:1;position:absolute;top:12px;right:12px;box-shadow:0 5px 16px #1238}@media (max-width:600px){.podiumCard{padding-inline:10px}.podiumLive{gap:6px;min-height:210px}.podiumLive .place{width:32%;padding-inline:3px}.podiumLive .place1{min-height:195px}.podiumLive .place2{min-height:158px}.podiumLive .place3{min-height:135px}.podiumLive article>b{font-size:12px}.podiumLive article>i{font-size:30px}.podiumActions{display:grid}.podiumActions button{width:min(300px,80vw)}}.setupShell .hymnCard{height:342px}.collectionLabel{text-align:center;color:#658092;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:950;display:block}.collectionSwitch{background:#e4eff4;border-radius:16px;grid-template-columns:1fr 1fr;gap:5px;width:100%;margin:0 auto 15px;padding:4px;display:grid}.collectionSwitch button{color:#54717f;cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:0;padding:9px 5px;font-size:12px;font-weight:950}.collectionSwitch button.active{color:#fff;background:linear-gradient(145deg,#267fac,#17627f);box-shadow:0 4px #0e4c67}.catalogLinks{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:15px;display:flex}.catalogLinks .catalogSource{margin:0}.numberInputWrap{display:block;position:relative}.numberInputWrap input{padding-right:45px}.numberInputWrap>i{color:#17627f;pointer-events:none;background:#dceffa;border-radius:9px;place-items:center;width:27px;height:27px;font:900 19px/1 Georgia,serif;display:grid;position:absolute;top:50%;right:13px;transform:translateY(-50%)rotate(-8deg);box-shadow:0 2px #9bc8df}@media (max-width:540px){.setupShell .hymnCard{height:310px}.collectionSwitch{margin-bottom:10px}.collectionSwitch button{padding-inline:2px;font-size:10px}.collectionLabel{font-size:9px}}.gridHintBar{z-index:3;justify-content:flex-end;height:30px;margin:0 5px -2px;display:flex;position:relative}.hintButton{color:#6d5300;cursor:pointer;white-space:nowrap;background:linear-gradient(145deg,#fff8d5,#ffe89a);border:2px solid #f1c95f;border-radius:12px 12px 5px 5px;align-items:center;gap:5px;margin:0;padding:5px 9px;display:inline-flex;box-shadow:0 2px #e0ae38}.hintButton>span{font-size:17px}.hintButton>b{font-size:10px}.hintButton>small{color:#a32645;border-left:1px solid #d4ad42;padding-left:5px;font-size:9px;font-weight:950}.hintButton:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.letterGrid span.hinted{z-index:2;color:#604600;background:#ffe46f;animation:1.35s ease-in-out infinite hintGlow;position:relative;transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 0 6px #f4bd32,0 0 20px #ffd749}@keyframes hintGlow{0%,to{filter:brightness(.98);transform:scale(1.06)}50%{filter:brightness(1.12);transform:scale(1.2)}}@media (max-width:600px){.searchLayout{gap:10px}.gridHintBar{margin-bottom:-6px;top:-4px;right:-4px}}.littlePuzzle{text-align:center;align-content:center;place-items:center;gap:12px;min-height:calc(100dvh - 56px);padding:8px 0 20px;display:grid}.puzzleHeading span{color:#17658d;background:#dff2f8;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:950;display:inline-block}.puzzleHeading h1{color:#175c80;margin:6px 0 3px;font:950 clamp(24px,5vw,38px)/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.puzzleHeading p{color:#577787;margin:0;font-size:13px;font-weight:800}.puzzleBoard{aspect-ratio:2/3;background:#b8deeb;border:4px solid #fff;border-radius:28px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:5px;width:min(460px,100vw - 28px,60dvh);padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:0 9px #79b6cc,0 20px 45px #184d6635}.puzzleBoard>button{cursor:pointer;touch-action:manipulation;background-repeat:no-repeat;background-size:200% 300%;border:0;border-radius:14px;min-width:0;min-height:0;transition:transform .18s,filter .18s,box-shadow .18s;box-shadow:inset 0 0 0 2px #fff9}.puzzleBoard>button.selected{z-index:2;filter:brightness(1.2)saturate(1.15);position:relative;transform:scale(.94);box-shadow:inset 0 0 0 5px #ffd04e,0 0 0 3px #fff,0 0 24px #ffd04e}.littlePuzzle.solved .puzzleBoard>button{border-radius:0;gap:0;animation:.55s both puzzlePieceWin}.littlePuzzle.solved .puzzleBoard{border-color:#ffdd67;gap:0;padding:0;box-shadow:0 9px #eebd39,0 0 40px #ffd75288}.puzzleParty{z-index:4;color:#fff;text-shadow:0 2px 5px #123;background:linear-gradient(#123f5a22,#123f5a99);flex-direction:column;justify-content:center;align-items:center;padding:20px;animation:.6s .6s both puzzlePartyIn;display:flex;position:absolute;inset:0}.puzzleParty b{font-size:clamp(22px,6vw,36px)}.puzzleParty span{margin-top:7px;font-weight:900}.puzzleTools{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.puzzleTools>button{color:#684900;cursor:pointer;background:#ffcf5f;border:0;border-radius:15px;padding:10px 15px;font-weight:950;box-shadow:0 4px #dc9e2b}.puzzleTools>div{color:#52717f;align-items:center;gap:7px;font-size:11px;font-weight:850;display:flex}.puzzleTools i{background:#b9cbd2;border-radius:50%;width:13px;height:13px}.puzzleTools i.active{background:#ffbd3b;animation:1s infinite heartBeat;box-shadow:0 0 0 4px #fff1b6}@keyframes puzzlePieceWin{50%{filter:brightness(1.18);transform:scale(.98)}}@keyframes puzzlePartyIn{0%{opacity:0;transform:scale(.86)}}@media (max-width:600px){.activityShell:has(.littlePuzzle){width:100%;padding:0}.littlePuzzle{gap:8px}.puzzleBoard{border-radius:23px;gap:4px}.puzzleHeading h1{font-size:25px}.puzzleHeading p{font-size:12px}.coloringSheet{width:min(100vw - 18px,52dvh)!important;max-height:none!important}}.coloringSheet.tapFill canvas{z-index:3;cursor:pointer}.tapInstruction{color:#25627a;background:#e5f5fa;border-radius:13px;place-items:center;gap:2px;padding:7px 2px;display:grid}.tapInstruction b{font-size:25px;animation:1.25s ease-in-out infinite tapBounce}.tapInstruction span{font-size:8px;font-weight:950}.modeSwitch{cursor:pointer;border:2px solid #0000;width:100%}.modeSwitch.active{color:#6e5000;background:#fff1ad;border-color:#ffd25b;box-shadow:0 3px #d6ad45}.modeSwitch:not(.active) b{animation:none}.fillTools .paintActions button:disabled{opacity:.38;cursor:not-allowed}.fillTools .paintActions button:not(:disabled):active{transform:translateY(2px)}@keyframes tapBounce{50%{transform:translateY(4px)scale(.9)}}.coloringSheet.tapFill{overflow:hidden}.coloringPan{overscroll-behavior:contain;touch-action:none;background:#fff;width:100%;height:100%;position:relative;overflow:auto}.coloringSheet.tapFill canvas{touch-action:none;transform-origin:0 0;max-width:none;max-height:none;position:absolute;inset:0 auto auto 0}.zoomTools{grid-template-columns:25px 1fr 25px;align-items:center;gap:3px;display:grid}.zoomTools button{color:#175f7c;cursor:pointer;background:#dceff5;border:0;border-radius:9px;place-items:center;width:25px;height:28px;padding:0;font-size:20px;font-weight:950;display:grid}.zoomTools button:disabled{opacity:.35}.zoomTools b{color:#4f6f7d;font-size:9px}.moreColorsButton{color:#704f00;cursor:pointer;background:linear-gradient(145deg,#ffeaa1,#ffc95c);border:0;border-radius:12px;place-items:center;gap:0;min-height:43px;padding:3px;font-size:22px;display:grid;box-shadow:0 3px #d6a93d}.moreColorsButton span{font-size:8px;font-weight:950}.undoArrow{font-size:29px;line-height:.68}.moreColorsOverlay{z-index:5000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#163e50a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.moreColorsCard{text-align:center;background:linear-gradient(145deg,#fffdf3,#edfaff);border:3px solid #d8edf2;border-radius:30px;width:min(380px,100%);padding:25px 20px 22px;position:relative;box-shadow:0 15px 50px #082d41aa}.moreColorsCard>span{font-size:42px}.moreColorsCard h2{color:#175c80;margin:3px 0 18px;font:950 22px/1.1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.moreColorsCard>div{grid-template-columns:repeat(4,50px);justify-content:center;gap:12px;display:grid}.moreColorsCard>div button{cursor:pointer;border:4px solid #fff;border-radius:50%;width:50px;height:50px;box-shadow:0 3px #aebfc5,0 0 0 1px #bed0d5}.moreColorsCard>div button.active{transform:scale(1.12);box-shadow:0 0 0 4px #ffd65a,0 4px #c99e2a}.closeColors{color:#185d79;cursor:pointer;background:#dceff5;border:0;border-radius:50%;width:35px;height:35px;font-size:25px;font-weight:950;position:absolute;top:10px;right:12px}@media (max-width:600px){.fillTools{z-index:20;flex-wrap:wrap;position:sticky;bottom:7px}.zoomTools{width:84px}.tapInstruction{min-width:46px}.moreColorsButton{width:42px;min-height:42px}.fillTools .paintActions{gap:4px;display:flex}.fillTools .paintActions button{width:42px;min-height:42px}.moreColorsCard>div{grid-template-columns:repeat(4,46px);gap:10px}.moreColorsCard>div button{width:46px;height:46px}}.coloringPreview{text-align:center;align-content:center;place-items:center;gap:10px;min-height:calc(100dvh - 40px);padding:8px 0 18px;display:grid}.coloringHeading>span{color:#745600;background:#fff1bc;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:950;display:inline-block}.coloringHeading h1{color:#175c80;margin:5px 0 2px;font:950 clamp(23px,4vw,36px)/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.coloringHeading p{color:#597684;margin:0;font-size:12px;font-weight:850}.coloringWorkspace{grid-template-columns:auto 82px;align-items:center;gap:12px;display:grid}.coloringSheet{aspect-ratio:2/3;background:#fff;border:5px solid #fff;border-radius:25px;width:min(420px,100vw - 130px,56dvh);position:relative;overflow:hidden;box-shadow:0 8px #83bdd2,0 20px 45px #174d6633}.coloringSheet canvas,.coloringSheet img{width:100%;height:100%;position:absolute;inset:0}.coloringSheet canvas{z-index:1;touch-action:none;cursor:crosshair}.coloringSheet img{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:multiply}.paintBox{background:#f8fdff;border:3px solid #c9e3eb;border-radius:25px;gap:12px;padding:10px 8px;display:grid;box-shadow:0 6px #a6cfdd}.colorPalette{grid-template-columns:repeat(2,28px);justify-content:center;gap:7px;display:grid}.colorPalette button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px #b6c6cb,0 0 0 1px #bdd0d5}.colorPalette button.active{transform:scale(1.18);box-shadow:0 0 0 3px #ffd65a,0 3px #c99e2a}.brushSizes{grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;display:grid}.brushSizes>span{color:#50707d;grid-column:1/-1;font-size:9px;font-weight:950}.brushSizes button{cursor:pointer;background:#e7f2f5;border:0;border-radius:8px;place-items:center;width:21px;height:25px;padding:0;display:grid}.brushSizes button.active{background:#ffe89c}.brushSizes i{background:#235f78;border-radius:50%;max-width:18px;max-height:18px;display:block}.paintActions{gap:7px;display:grid}.paintActions button{color:#1d5f7b;cursor:pointer;background:#dceff5;border:0;border-radius:12px;place-items:center;gap:1px;min-height:42px;padding:5px 2px;font-size:18px;font-weight:950;display:grid}.paintActions button.active{color:#714c00;background:#ffd977}.paintActions span{font-size:8px}.coloringPreview button{touch-action:manipulation}@media (max-width:600px){.activityShell:has(.coloringPreview){width:100%;padding:0}.coloringPreview{padding:8px 8px 16px;display:block}.coloringHeading{margin-bottom:7px}.coloringHeading h1{font-size:24px}.coloringWorkspace{flex-direction:column;gap:8px;display:flex}.coloringSheet{border-radius:20px;width:min(100vw - 18px,66.67dvh - 126.673px);max-height:calc(100dvh - 190px)}.paintBox{border-radius:20px;justify-content:center;align-items:center;gap:7px;width:min(520px,100%);padding:8px;display:flex;box-shadow:0 4px #a6cfdd}.colorPalette{flex-wrap:wrap;gap:4px;max-width:132px;display:flex}.colorPalette button{width:27px;height:27px}.brushSizes{width:78px}.paintActions{gap:5px;display:flex}.paintActions button{width:46px;min-height:44px}.coloringHeading p{font-size:11px}}.pinchOnly{color:#47707f;background:#edf7fa;border-radius:11px;place-items:center;min-height:35px;padding:3px;font-size:9px;font-weight:950;display:grid}.colorWheelCard>div.colorWheel{touch-action:none;background:radial-gradient(circle,#fff 0%,#fff0 69%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:7px solid #fff;border-radius:50%;width:min(240px,68vw);height:min(240px,68vw);margin:0 auto;display:block;position:relative;box-shadow:0 5px 18px #174d6644}.colorWheel i{pointer-events:none;border:4px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 6px #1238}.colorWheelCard>div.chosenColor{border:4px solid #fff;border-radius:50%;width:42px;height:42px;margin:14px auto 8px;box-shadow:0 2px 8px #2345}.colorWheelCard .useColor{color:#fff;cursor:pointer;background:#197f7c;border:0;border-radius:15px;width:58px;height:42px;font-size:24px;font-weight:950;box-shadow:0 4px #0c5555}.fillTools .paintActions{grid-template-columns:repeat(2,1fr)}.fillTools .paintActions button{min-width:31px;font-size:25px}.fillTools .paintActions button:disabled{opacity:.3}@media (max-width:600px){.pinchOnly{min-width:42px;padding:2px}.fillTools .paintActions{grid-template-columns:repeat(4,39px);gap:4px;display:grid}.fillTools .paintActions button{width:39px;min-width:39px;min-height:40px}.modeSwitch{max-width:70px}.modeSwitch span{line-height:1.05}}.paintActions button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.fillTools .paintActions .savePainting{color:#176d55;background:#dff5e8;grid-column:1/-1}.fillTools .paintActions .savePainting:active{background:#bce9d0}@media (max-width:600px){.fillTools .paintActions{grid-template-columns:repeat(5,36px)}.fillTools .paintActions button{width:36px;min-width:36px}.fillTools .paintActions .savePainting{grid-column:auto}.paintActions button svg{width:23px;height:23px}}.fillTools{width:230px;padding:9px;position:relative}.toolbarInner{opacity:1;transform-origin:50%;grid-template-columns:134px 78px;align-items:start;gap:8px;max-height:280px;transition:max-height .36s,opacity .25s,transform .36s cubic-bezier(.2,.8,.2,1);display:grid;transform:scale(1)}.paintColorsGroup{grid-template-columns:1fr 42px;gap:6px;display:grid}.paintColorsGroup .colorPalette{grid-column:1/-1;grid-template-columns:repeat(4,27px);justify-content:start;gap:6px;margin-left:-3px}.paintColorsGroup .moreColorsButton{width:42px;min-height:40px}.paintColorsGroup .modeSwitch{grid-column:1/-1;width:100%;min-height:39px;padding:3px}.fillTools .paintActions button{width:36px;min-width:36px;min-height:40px}.toolsBubble{cursor:pointer;background:linear-gradient(145deg,#ffe687,#ffbe48);border:3px solid #fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:27px;display:none;position:relative;box-shadow:0 6px #d48e25,0 10px 24px #174d6644}.toolsBubble i{border:3px solid #fff;border-radius:50%;width:17px;height:17px;position:absolute;bottom:3px;right:2px;box-shadow:0 1px 4px #1236}.fillTools.toolsHidden{width:70px;box-shadow:none;background:0 0;border-color:#0000;padding:4px}.toolsHidden .toolbarInner{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:scale(.25)rotate(-5deg)}.toolsHidden .toolsBubble{animation:.42s .18s both toolsBubbleIn;display:grid}@keyframes toolsBubbleIn{0%{opacity:0;transform:scale(.35)rotate(-18deg)}70%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)}}.savePromptOverlay{z-index:5100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#153f51a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.savePromptCard{text-align:center;background:linear-gradient(145deg,#fffcef,#eaf9ff);border:4px solid #fff;border-radius:31px;width:min(360px,100%);padding:25px 22px;animation:.35s both saveCardIn;box-shadow:0 15px 50px #082d4199}.savePromptCard>span{font-size:54px}.savePromptCard h2{color:#176481;margin:5px 0 9px;font:950 23px/1.1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.savePromptCard p{color:#567482;margin:0 0 18px;font-size:13px;font-weight:800;line-height:1.4}.savePromptCard>div{justify-content:center;gap:10px;display:flex}.savePromptCard button{color:#315f70;cursor:pointer;background:#dcecf1;border:0;border-radius:15px;min-width:48px;padding:11px 16px;font-size:17px;font-weight:950}.savePromptCard .saveYes{color:#694900;background:#ffd467;box-shadow:0 4px #d69b2d}@keyframes saveCardIn{0%{opacity:0;transform:translateY(25px)scale(.85)}}@media (max-width:600px){.coloringWorkspace{grid-template-columns:1fr}.coloringSheet{width:min(100vw - 18px,52dvh)}.fillTools,.fillTools.toolsHidden{width:min(440px,100%)}.toolbarInner{grid-template-columns:minmax(0,1fr) 82px;gap:7px;width:100%}.paintColorsGroup{grid-template-columns:minmax(0,1fr) 40px}.paintColorsGroup .colorPalette{grid-template-columns:repeat(4,26px);margin-left:-5px}.paintColorsGroup .colorPalette button{width:26px;height:26px}.fillTools .paintActions{grid-template-columns:repeat(2,38px)}.fillTools .paintActions button{width:38px;min-width:38px}.fillTools .paintActions .savePainting{grid-column:1/-1}.fillTools.toolsHidden{place-items:center;height:66px;display:grid;position:sticky;bottom:8px}.toolsHidden .toolsBubble{display:grid}.modeSwitch{max-width:none}}.coloringWorkspace{grid-template-columns:auto 250px}.coloringSheet{width:min(420px,100vw - 300px,56dvh)}.fillTools{width:250px}.fillTools .paintActions button{width:31px;min-width:31px}.fillTools .paintActions .savePainting{grid-column:auto}@media (max-width:600px){.coloringWorkspace{grid-template-columns:1fr}.coloringSheet{width:min(100vw - 18px,52dvh)}.fillTools,.fillTools.toolsHidden{width:min(440px,100%)}.toolbarInner{grid-template-columns:minmax(0,1fr) 105px}.fillTools .paintActions{grid-template-columns:repeat(3,31px)}.fillTools .paintActions button{width:31px;min-width:31px}.fillTools .paintActions .savePainting{grid-column:auto}}.fillTools{width:276px;display:block}.toolbarInner{grid-template-columns:164px 96px;gap:7px}.paintColorsGroup{grid-template-rows:auto auto;grid-template-columns:116px 42px;align-items:center}.paintColorsGroup .colorPalette{grid-area:1/1/3;grid-template-columns:repeat(4,25px);gap:5px;margin-left:-2px}.paintColorsGroup .colorPalette button{width:25px;height:25px}.paintColorsGroup .moreColorsButton{grid-area:1/2;width:40px;min-height:38px}.paintColorsGroup .modeSwitch{grid-area:2/2;width:40px;min-height:38px;padding:2px}.paintColorsGroup .modeSwitch b{font-size:18px}.paintColorsGroup .modeSwitch span{font-size:6px;line-height:1}.fillTools .paintActions{grid-template-columns:repeat(3,28px);gap:5px}.fillTools .paintActions button{width:28px;min-width:28px;min-height:38px;padding:4px}.paintActions button svg{width:21px;height:21px}.colorWheelCard>div.colorWheel{background:radial-gradient(circle,#fff 0% 8%,#fff0 70%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}@media (max-width:600px){.activityShell:has(.coloringPreview){min-height:100svh;overflow:hidden}.coloringPreview{flex-direction:column;height:100svh;min-height:0;padding:6px 7px 8px;display:flex;overflow:hidden}.coloringHeading{flex:none;margin-bottom:5px}.coloringHeading h1{font-size:clamp(21px,6vw,26px)}.coloringHeading p{font-size:10px}.coloringWorkspace{flex-direction:column;flex:auto;justify-content:flex-start;gap:7px;min-height:0;display:flex}.coloringSheet{flex:0 auto;width:min(100vw - 18px,66.67svh - 163.342px)!important;max-height:calc(100svh - 245px)!important}.fillTools,.fillTools.toolsHidden{flex:none;width:min(360px,100vw - 14px);min-height:112px;padding:8px;display:block}.toolbarInner{grid-template-columns:minmax(0,164px) 96px;justify-content:center;gap:7px}.paintColorsGroup{grid-template-columns:116px 42px}.fillTools .paintActions{grid-template-columns:repeat(3,28px);align-content:center}.fillTools.toolsHidden{width:68px;height:64px;min-height:64px;padding:3px;display:grid}.toolsHidden .toolbarInner{display:grid}.toolsBubble{width:55px;height:55px}}@media (max-width:1100px){.activityShell:has(.coloringPreview){min-height:100svh;overflow:hidden}.coloringPreview{flex-direction:column;height:100svh;min-height:0;padding:5px 7px 1mm;display:flex;overflow:hidden}.coloringHeading{flex:none;margin-bottom:4px}.coloringWorkspace{flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:5px;width:100%;min-height:0;display:flex}.coloringSheet{flex:0 auto;width:min(100vw - 20px,66.67svh - 154.674px,540px)!important;max-height:calc(100svh - 232px)!important}.fillTools,.fillTools.toolsHidden{flex:none;width:min(440px,100vw - 14px);margin-top:auto;margin-bottom:0;padding:8px;position:relative;bottom:auto}.toolbarInner{grid-template-columns:164px 96px;justify-content:center}.fillTools.toolsHidden{place-items:center;width:68px;height:64px;min-height:64px;padding:3px;display:grid}.toolsHidden .toolsBubble{display:grid}}@media (max-width:600px){.coloringSheet{width:min(100vw - 16px,66.67svh - 150.008px)!important;max-height:calc(100svh - 225px)!important}.coloringHeading{margin-bottom:2px}.coloringWorkspace{gap:4px}.fillTools,.fillTools.toolsHidden{margin-bottom:0}}@media (min-width:601px) and (max-width:1100px){.coloringPreview{padding-bottom:max(5mm,env(safe-area-inset-bottom))}.coloringSheet{width:min(100vw - 20px,66.67svh - 166.675px,540px)!important;max-height:calc(100svh - 250px)!important}.fillTools,.fillTools.toolsHidden{margin-bottom:0}}.brushSizeButton{position:relative}.brushSizeButton .sizeMark{background:#ffd058;border-radius:50%;position:absolute;bottom:2px;right:2px;box-shadow:0 0 0 2px #fff}.brushSizeButton .sizeMark.size10{width:5px;height:5px}.brushSizeButton .sizeMark.size16{width:8px;height:8px}.brushSizeButton .sizeMark.size24{width:11px;height:11px}.brushSliderPanel{z-index:30;background:linear-gradient(145deg,#fffdf5,#edfaff);border:3px solid #c7e2eb;border-radius:22px;width:230px;padding:14px 14px 10px;animation:.25s both brushPanelIn;position:absolute;bottom:calc(100% + 9px);right:8px;box-shadow:0 8px #89bdce,0 15px 35px #164b6460}.closeBrushSlider{color:#245f75;cursor:pointer;background:#e1f0f4;border:0;border-radius:50%;width:28px;height:28px;padding:0;font-size:20px;font-weight:950;position:absolute;top:6px;right:7px}.brushPreview{place-items:center;height:48px;margin-bottom:3px;display:grid}.brushPreview i{border:2px solid #fff;border-radius:50%;max-width:40px;max-height:40px;display:block;box-shadow:0 1px 6px #164b6470}.brushSliderPanel input{accent-color:#187d88;cursor:pointer;touch-action:pan-x;width:100%;height:30px;margin:0}.brushSliderPanel>div:last-child{color:#52717e;justify-content:space-between;align-items:center;display:flex}.brushSliderPanel small{font-size:16px}.brushSliderPanel b{color:#17627b;background:#e1f1f5;border-radius:9px;min-width:37px;padding:3px 7px;font-size:11px}.brushSliderPanel strong{font-size:19px}@keyframes brushPanelIn{0%{opacity:0;transform:translateY(10px)scale(.9)}}@media (max-width:600px){.brushSliderPanel{width:min(250px,100vw - 34px);animation:.25s both brushPanelMobileIn;right:50%;transform:translate(50%)}@keyframes brushPanelMobileIn{0%{opacity:0;transform:translate(50%)translateY(10px)scale(.9)}}}:is(html:has(.coloringPreview),body:has(.coloringPreview)){overscroll-behavior:none;height:100%;max-height:100%;overflow:hidden}.activityShell:has(.coloringPreview){height:100svh!important;min-height:100svh!important;max-height:100svh!important;margin:0!important;padding-bottom:0!important;overflow:hidden!important}.activityShell:has(.coloringPreview) .coloringPreview{margin:0;overflow:hidden;height:100%!important;min-height:0!important;max-height:100%!important}.activityShell:has(.coloringPreview) .coloringWorkspace{min-height:0;overflow:hidden}.activityShell:has(.coloringPreview) .coloringPan{overscroll-behavior:contain;overflow:auto}@media (min-width:601px) and (max-width:1100px){.coloringSheet{width:min(100vw - 20px,66.67svh - 172.009px,540px)!important;max-height:calc(100svh - 258px)!important}.fillTools{transform:none}}@media (max-width:600px){.fillTools{transform:translateY(-1mm)}}@media (min-width:601px) and (max-width:1100px){.coloringPreview{padding-top:0}.coloringHeading{margin-top:0;margin-bottom:1px}.coloringWorkspace{gap:2mm}}.colorWheelCard>div.paletteTabs{background:#deeff4;border-radius:14px;gap:4px;width:min(240px,68vw);height:auto;margin:0 auto 12px;padding:4px;display:flex}.colorWheelCard>div.paletteTabs button{color:#477181;width:auto;height:34px;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:5px 8px;font-size:10px;font-weight:950}.colorWheelCard>div.paletteTabs button.active{color:#17677c;background:#fff;box-shadow:0 2px #a8cbd5}.colorWheelCard>div.colorSquare{touch-action:none;background:linear-gradient(#fff 0%,#fff0 50%,#000 100%),linear-gradient(90deg,red 0%,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red 100%);border:7px solid #fff;border-radius:22px;width:min(250px,70vw);height:min(220px,60vw);margin:0 auto;display:block;position:relative;box-shadow:0 5px 18px #174d6644}.colorSquare i{pointer-events:none;border:4px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 7px #123a}@media (min-width:601px) and (max-width:1100px){.fillTools{border-bottom:4px solid #b7dce7;padding-bottom:11px;box-shadow:0 7px #86bdcf,0 11px 25px #174d6630}}.brushDismissOverlay{z-index:29;cursor:default;background:0 0;border:0;padding:0;position:fixed;inset:0}.closeBrushSlider{text-align:center;text-indent:0;place-items:center;line-height:1;display:grid}@media (min-width:601px) and (max-width:1100px){.activityShell:has(.coloringPreview) .coloringWorkspace{box-sizing:border-box;padding-bottom:4mm;overflow:visible}.fillTools{margin-bottom:0;transform:none}.activityShell:has(.coloringPreview){height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:0!important}.activityShell:has(.coloringPreview) .coloringPreview{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;height:100%!important;max-height:100%!important}.coloringHeading{flex-shrink:0}.coloringWorkspace{flex:auto;min-height:0;overflow:visible;padding-bottom:0!important}.coloringSheet{flex:auto;width:min(100vw - 20px,66.67dvh - 188.009px,540px)!important;max-height:calc(100dvh - 282px)!important}.fillTools{flex:none;margin-top:auto;margin-bottom:0;transform:none}.coloringSheet{flex:0 auto}}@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){.activityShell:has(.coloringPreview) .coloringPreview{padding-top:max(34px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.coloringSheet{width:min(100vw - 20px,66.67dvh - 212.011px,540px)!important;max-height:calc(100dvh - 318px)!important}.coloringHeading{margin-bottom:5px}.coloringWorkspace{gap:2mm}}@media (min-width:601px) and (max-width:1366px) and (orientation:landscape) and (pointer:coarse){.activityShell:has(.coloringPreview){height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:0!important;overflow:hidden!important}.activityShell:has(.coloringPreview) .coloringPreview{padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden;height:100%!important;min-height:0!important}.coloringHeading{flex:none;margin:0 0 10px}.coloringHeading h1{font-size:clamp(24px,3.2vw,34px)}.coloringHeading p{font-size:11px}.activityShell:has(.coloringPreview) .coloringWorkspace{flex:auto;grid-template-columns:minmax(300px,520px) 292px;justify-content:center;align-items:center;gap:24px;width:100%;min-height:0;display:grid;overflow:visible;padding:0!important}.coloringSheet{flex:none;grid-column:1;margin:0;width:min(66.67dvh - 113.339px,100vw - 390px,520px)!important;max-height:calc(100dvh - 170px)!important}.fillTools{grid-column:2;align-self:center;overflow:visible;width:286px!important;margin:0!important;padding:10px 9px 12px!important;transform:none!important}.toolbarInner{grid-template-columns:164px 96px;justify-content:center}.fillTools .paintActions{grid-template-columns:repeat(3,28px)}.brushSliderPanel{right:0}}.puzzleParty>button{color:#674500;cursor:pointer;touch-action:manipulation;background:linear-gradient(145deg,#ffe26f,#ffb83e);border:3px solid #fff;border-radius:17px;margin-top:16px;padding:11px 18px;font-size:14px;font-weight:950;animation:1.25s infinite heartBeat;box-shadow:0 5px #d58c28,0 8px 20px #173c5566}.puzzleParty>button:active{transform:translateY(3px);box-shadow:0 2px #d58c28}.traditionalPuzzle{text-align:center;align-content:center;place-items:center;gap:10px;min-height:calc(100dvh - 48px);padding:8px 0 20px;display:grid}.traditionalHeading>span{color:#735400;background:#fff0b7;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:950;display:inline-block}.traditionalHeading h1{color:#175c80;margin:5px 0 2px;font:950 clamp(23px,4vw,36px)/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.traditionalHeading p{color:#597684;margin:0;font-size:12px;font-weight:850}.traditionalLayout{justify-content:center;align-items:center;gap:18px;display:flex}.jigsawBoard{aspect-ratio:2/3;background:#d9edf3;border:5px solid #fff;border-radius:28px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);width:min(410px,100vw - 340px,57dvh);padding:7px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #7fb9ce,0 18px 40px #174d6635}.jigsawBoard:before{content:"";opacity:.1;background:url(/primary-2-puzzle.png) 50%/100% 100% no-repeat;border-radius:18px;position:absolute;inset:7px}.jigsawSlot,.loosePiece{z-index:1;cursor:pointer;touch-action:manipulation;background-repeat:no-repeat;background-size:200% 300%;border:0;min-width:0;min-height:0;padding:0;position:relative}.jigsawSlot{opacity:.17;outline-offset:-3px;outline:2px dashed #357994;transition:opacity .25s,filter .25s,transform .25s}.jigsawSlot i{color:#176985;text-shadow:0 1px #fff;place-items:center;font-size:24px;font-style:normal;font-weight:950;display:grid;position:absolute;inset:0}.jigsawSlot.placed{opacity:1;outline:2px solid #fff;animation:.4s both jigsawPlace}.jigsawSlot.wrong{animation:.42s megaShake}.shape0{clip-path:polygon(0 0,100% 0,100% 34%,89% 34%,89% 66%,100% 66%,100% 100%,64% 100%,64% 89%,36% 89%,36% 100%,0 100%)}.shape1{clip-path:polygon(0 0,100% 0,100% 100%,64% 100%,64% 89%,36% 89%,36% 100%,0 100%,0 66%,11% 66%,11% 34%,0 34%)}.shape2{clip-path:polygon(0 0,36% 0,36% 11%,64% 11%,64% 0,100% 0,100% 34%,89% 34%,89% 66%,100% 66%,100% 100%,0 100%)}.shape3{clip-path:polygon(0 0,36% 0,36% 11%,64% 11%,64% 0,100% 0,100% 100%,0 100%,0 66%,11% 66%,11% 34%,0 34%)}.shape4{clip-path:polygon(0 0,100% 0,100% 34%,89% 34%,89% 66%,100% 66%,100% 100%,0 100%)}.shape5{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 66%,11% 66%,11% 34%,0 34%)}.pieceTray{background:#eff9fc;border:4px solid #fff;border-radius:27px;width:270px;padding:12px;box-shadow:0 7px #94c6d5,0 14px 30px #174d6630}.trayTitle{color:#29647b;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:950;display:flex}.trayTitle span{font-size:13px}.trayTitle small{background:#d8edf3;border-radius:99px;padding:4px 7px;font-size:9px}.loosePieces{grid-template-columns:repeat(2,105px);justify-content:center;gap:14px;display:grid}.loosePiece{aspect-ratio:1;filter:drop-shadow(0 5px 2px #174d6640);background-color:#fff;width:105px;transition:transform .2s,filter .2s}.loosePiece.selected{filter:drop-shadow(0 0 6px #ffd137)drop-shadow(0 6px 2px #b9841f);transform:translateY(-6px)scale(1.06)}.jigsawReset{color:#17627c;cursor:pointer;background:#dceff5;border:0;border-radius:13px;width:44px;height:40px;margin-top:12px;font-size:24px;font-weight:950}.jigsawWin{z-index:5;color:#fff;text-shadow:0 2px 4px #123;background:#123f5a8a;align-content:center;place-items:center;gap:14px;padding:20px;animation:.45s both puzzlePartyIn;display:grid;position:absolute;inset:0}.jigsawWin b{font-size:clamp(22px,5vw,34px)}.jigsawWin button{color:#654500;cursor:pointer;background:#ffd158;border:3px solid #fff;border-radius:17px;padding:11px 17px;font-weight:950;box-shadow:0 5px #d59128}@keyframes jigsawPlace{0%{opacity:.3;transform:scale(1.15)}70%{filter:brightness(1.2)}}@media (max-width:600px){.activityShell:has(.traditionalPuzzle){width:100%;padding:0}.traditionalPuzzle{min-height:100dvh;padding:7px 8px 16px;display:block}.traditionalHeading{margin-bottom:7px}.traditionalHeading h1{font-size:24px}.traditionalHeading p{font-size:11px}.traditionalLayout{flex-direction:column;gap:12px;display:flex}.jigsawBoard{border-radius:23px;width:min(100vw - 24px,48dvh)}.pieceTray{width:min(430px,100vw - 20px);padding:10px}.loosePieces{grid-template-columns:repeat(3,minmax(70px,92px));gap:9px}.loosePiece{width:100%;max-width:92px}.trayTitle{margin-bottom:7px}.jigsawReset{margin-top:8px}}@media (min-width:601px) and (max-width:1100px) and (orientation:portrait){.traditionalLayout{flex-direction:column}.jigsawBoard{width:min(430px,52dvh)}.pieceTray{width:min(520px,100vw - 30px)}.loosePieces{grid-template-columns:repeat(3,100px)}}.traditionalPuzzle .jigsawSlot,.traditionalPuzzle .loosePiece{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M0 0H38C34 5 33 11 36 16C40 23 49 23 54 17C58 11 55 5 51 0H100V38C95 34 89 33 84 36C77 40 77 49 83 54C89 58 95 55 100 51V100H62C66 95 67 89 64 84C60 77 51 77 46 83C42 89 45 95 49 100H0V62C5 66 11 67 16 64C23 60 23 51 17 46C11 42 5 45 0 49Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M0 0H38C34 5 33 11 36 16C40 23 49 23 54 17C58 11 55 5 51 0H100V38C95 34 89 33 84 36C77 40 77 49 83 54C89 58 95 55 100 51V100H62C66 95 67 89 64 84C60 77 51 77 46 83C42 89 45 95 49 100H0V62C5 66 11 67 16 64C23 60 23 51 17 46C11 42 5 45 0 49Z'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;clip-path:none!important}.traditionalPuzzle .jigsawSlot{box-shadow:none;filter:drop-shadow(0 0 2px #2d708e);outline:none}.traditionalPuzzle .jigsawSlot.placed{filter:drop-shadow(0 0 2px #fff);outline:none}.traditionalPuzzle .loosePiece{filter:drop-shadow(0 5px 3px #174d6655)}.traditionalPuzzle .loosePiece.selected{filter:drop-shadow(0 0 7px #ffd137)drop-shadow(0 7px 3px #b9841f)}.jigsawBoard{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.jigsawSlot,.loosePiece{background-size:300% 300%}.jigsawDragGhost{z-index:6000;aspect-ratio:2/3;pointer-events:none;filter:drop-shadow(0 8px 5px #163e5066);background-repeat:no-repeat;background-size:300% 300%;width:76px;position:fixed;transform:translate(-50%,-55%)scale(1.08);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M0 0H38C34 5 33 11 36 16C40 23 49 23 54 17C58 11 55 5 51 0H100V38C95 34 89 33 84 36C77 40 77 49 83 54C89 58 95 55 100 51V100H62C66 95 67 89 64 84C60 77 51 77 46 83C42 89 45 95 49 100H0V62C5 66 11 67 16 64C23 60 23 51 17 46C11 42 5 45 0 49Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='black' d='M0 0H38C34 5 33 11 36 16C40 23 49 23 54 17C58 11 55 5 51 0H100V38C95 34 89 33 84 36C77 40 77 49 83 54C89 58 95 55 100 51V100H62C66 95 67 89 64 84C60 77 51 77 46 83C42 89 45 95 49 100H0V62C5 66 11 67 16 64C23 60 23 51 17 46C11 42 5 45 0 49Z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pieceTray{position:relative}.jigsawReset{width:34px;height:32px;margin:0;font-size:19px;position:absolute;top:5px;right:8px}.trayTitle{padding-right:38px}.loosePieces{grid-template-columns:repeat(3,72px);gap:8px}.loosePiece{aspect-ratio:2/3;width:72px}@media (max-width:600px){.activityShell:has(.traditionalPuzzle){height:100dvh;min-height:100dvh;overflow:hidden}.traditionalPuzzle{flex-direction:column;height:100dvh;min-height:0;padding:5px 6px 7px;display:flex;overflow:hidden}.traditionalHeading{flex:none;margin-bottom:4px}.traditionalHeading>span{padding-block:3px}.traditionalHeading h1{margin-block:3px 1px;font-size:21px}.traditionalHeading p{font-size:10px}.traditionalLayout{flex-direction:column;flex:auto;justify-content:flex-start;gap:7px;min-height:0;display:flex}.jigsawBoard{border-width:4px;border-radius:20px;flex:0 auto;width:min(100vw - 34px,66.67dvh - 190.01px,250px);max-height:calc(100dvh - 285px);padding:5px}.pieceTray{border-width:3px;border-radius:20px;flex:none;width:min(350px,100vw - 12px);padding:7px 8px 8px}.trayTitle{margin-bottom:4px;padding-right:34px}.trayTitle span{font-size:11px}.loosePieces{grid-template-columns:repeat(5,minmax(42px,52px));align-items:center;gap:5px}.loosePiece{aspect-ratio:2/3;width:100%;max-width:52px}.jigsawReset{width:30px;height:28px;top:4px;right:6px}.jigsawDragGhost{width:58px}.jigsawSlot i{font-size:15px}}:is(body:has(.seekPreview) .topbar,body:has(.seekPreview) .hymnNav){display:none}.activityShell:has(.seekPreview){place-items:center;min-height:100dvh;padding:12px;display:grid}.seekPreview{text-align:center;justify-items:center;gap:10px;width:min(560px,100%);display:grid}.seekHeading span{color:#715300;background:#fff0b7;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:950;display:inline-block}.seekHeading h1{color:#175f83;margin:5px 0 1px;font:950 clamp(24px,5vw,38px)/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.seekHeading p{color:#557583;margin:0;font-size:13px;font-weight:850}.seekProgress{flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;display:flex}.seekProgress span{color:#456873;background:#fff;border:2px solid #d0e5e7;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:900;transition:all .3s}.seekProgress span.found{color:#176b4c;background:#dff8e9;border-color:#5fc994;text-decoration:line-through;transform:scale(.94)}.seekPicture{aspect-ratio:2/3;background:#fff;border:6px solid #fff;border-radius:28px;width:min(430px,100vw - 28px,61dvh);position:relative;overflow:hidden;box-shadow:0 8px #85c5d8,0 18px 40px #174d6630}.seekPicture>img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.seekPicture>button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:24px;padding:0;position:absolute}.seekPicture>button i{color:#fff;opacity:0;background:#3bc982;border-radius:50%;place-items:center;width:40px;height:40px;font-size:25px;font-style:normal;font-weight:950;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 0 7px #fff9}.seekPicture>button.found{outline-offset:-5px;background:#66e0a326;outline:4px solid #fff8}.seekPicture>button.found i{opacity:1;transition:all .35s cubic-bezier(.2,1.7,.4,1);transform:translate(-50%,-50%)scale(1)}.seekPicture>button b{z-index:4;color:#754e00;background:#ffd75e;border:3px solid #fff;border-radius:99px;width:130px;padding:8px;font-size:15px;animation:.85s both seekPop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #173c5555}.seekPicture.wrong{animation:.35s megaShake}.seekWin{z-index:8;color:#fff;text-shadow:0 2px 3px #17445c;background:#0c526fa8;align-content:center;place-items:center;gap:10px;padding:22px;animation:.45s both puzzlePartyIn;display:grid;position:absolute;inset:0}.seekWin div{font-size:45px}.seekWin b{font-size:clamp(30px,7vw,48px)}.seekWin span{font-size:16px;font-weight:850}.seekWin button{color:#674800;cursor:pointer;background:#ffd257;border:3px solid #fff;border-radius:17px;margin-top:8px;padding:11px 17px;font-weight:950;box-shadow:0 5px #d5932e}.seekCounter{color:#2d657a;align-items:center;gap:7px;font-weight:900;display:flex}.seekCounter b{color:#fff;background:#1d83ae;border-radius:50%;place-items:center;width:35px;height:35px;font-size:18px;display:grid;box-shadow:0 4px #135776}@keyframes seekPop{0%{opacity:0;transform:translate(-50%,-20%)scale(.4)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-90%)scale(.9)}}@media (max-width:600px){.activityShell:has(.seekPreview){height:100dvh;min-height:100dvh;padding:7px 8px 12px;overflow:hidden}.seekPreview{align-content:center;gap:7px;height:100%}.seekHeading h1{font-size:24px}.seekHeading p{font-size:11px}.seekProgress{gap:4px}.seekProgress span{padding:4px 7px;font-size:10px}.seekPicture{border-width:4px;border-radius:22px;width:min(100vw - 28px,66.67dvh - 140.007px,390px)}.seekCounter b{width:30px;height:30px;font-size:15px}.seekCounter{font-size:12px}}.setupStartChoices{justify-content:center;align-items:center;gap:12px;margin:20px auto 0;display:flex}.setupStartChoices>.primaryButton{margin:0;padding:13px 20px;font-size:15px}.kidsEntryButton{color:#654500;cursor:pointer;background:linear-gradient(145deg,#ffd96c,#ffae54);border:3px solid #fff;border-radius:18px;min-height:49px;padding:12px 18px;font-size:15px;font-weight:950;box-shadow:0 6px #dc873a,0 10px 22px #7b551b2d}.kidsEntryButton span{margin-right:5px;font-size:19px}.kidsEntryButton:disabled{opacity:.45;cursor:not-allowed}.littleGamesNav{z-index:80;top:max(7px,env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4fbfded;border:3px solid #fff;border-radius:26px;gap:8px;padding:6px 9px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px #9bcbd7,0 10px 24px #174d6633}.littleGamesNav button{color:#4b6d78;cursor:pointer;background:0 0;border:0;border-radius:18px;grid-template-columns:30px auto;align-items:center;gap:5px;min-width:84px;padding:4px 9px 4px 5px;font-size:11px;font-weight:950;display:grid}.littleGamesNav i{color:#4b6d78;background:#dcecef;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-style:normal;display:grid}.littleGamesNav button.active{color:#126c65;background:#dff5ef}.littleGamesNav button.active i{color:#fff;background:#198d91;box-shadow:0 3px #0e6269}.activityShell:has(.littleGamesNav){padding-top:58px}@media (max-width:540px){.setupStartChoices{gap:8px;margin-top:16px}.setupStartChoices>.primaryButton,.kidsEntryButton{border-radius:16px;min-height:45px;padding:10px 12px;font-size:12px}.littleGamesNav{gap:3px;padding:4px 6px}.littleGamesNav button{grid-template-columns:27px auto;min-width:72px;padding:3px 6px 3px 3px;font-size:10px}.littleGamesNav i{width:27px;height:27px}.activityShell:has(.littleGamesNav){padding-top:48px}}.landingCard .playChoices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(690px,100%);margin:22px auto 0;display:grid!important}.landingCard .playChoices>button{text-align:center;border:3px solid #fff;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:92px;line-height:1.08;border-radius:22px!important;width:100%!important;margin:0!important;padding:12px 10px!important;font-size:15px!important;display:flex!important;transform:none!important}.landingCard .playChoices>button>span{display:block}.littleEntryButton{color:#123f58;cursor:pointer;background:linear-gradient(145deg,#85d9c6,#3fa8b7);border:0;font-weight:950;box-shadow:0 7px #268399}.littleEntryButton>span{max-width:150px}.littleGalleryShell{min-height:100dvh;padding:24px clamp(12px,4vw,48px) 60px}.littleGalleryIntro{text-align:center;width:min(900px,100%);margin:0 auto 20px;position:relative}.littleGalleryIntro>button{color:#176985;cursor:pointer;background:#dff3f5;border:3px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:23px;font-weight:950;display:grid;position:absolute;top:4px;left:0;box-shadow:0 4px #9bcbd7}.littleGalleryIntro>span{color:#725300;background:#fff0b9;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:950;display:inline-block}.littleGalleryIntro h1{color:#175e80;margin:7px 0 3px;font:950 clamp(28px,5vw,46px)/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.littleGalleryIntro p{color:#557481;margin:0;font-size:13px;font-weight:800}.littleGalleryGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(1160px,100%);margin:auto;display:grid}.littleGalleryGrid>button{cursor:pointer;background:#f9ffff;border:4px solid #fff;border-radius:25px;min-width:0;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 7px #9acbd7,0 14px 30px #174d6622}.littleGalleryGrid>button:hover{transform:translateY(-4px);box-shadow:0 11px #9acbd7,0 18px 34px #174d6633}.littleGalleryGrid img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.littleGalleryGrid>button>span{text-align:left;grid-template-columns:28px 1fr;align-items:center;gap:4px;min-height:92px;padding:9px;display:grid}.littleGalleryGrid i{color:#725200;background:#ffe084;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;font-style:normal;font-weight:950;display:grid}.littleGalleryGrid b{color:#205e77;align-self:end;font-size:12px;line-height:1.15}.littleGalleryGrid small{color:#319276;align-self:start;font-size:9px;font-weight:950}:is(body:has(.littleGalleryShell) .topbar,body:has(.littleGalleryShell) .hymnNav){display:none}@media (max-width:800px){.littleGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.littleGalleryShell{padding-top:14px}.littleGalleryGrid>button>span{min-height:76px}.littleGalleryIntro{padding-inline:46px}.littleGalleryIntro>button{left:0}}@media (max-width:540px){.landingCard .playChoices{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important}.landingCard .playChoices>button{white-space:normal!important;border-radius:17px!important;min-height:86px!important;padding:8px 4px!important;font-size:11px!important}.landingCard .playChoices>button>span{max-width:100%;font-size:11px}.littleGalleryShell{padding-inline:9px}.littleGalleryGrid{gap:9px}.littleGalleryGrid>button{border-width:3px;border-radius:19px}.littleGalleryGrid b{font-size:11px}}.landingCard .playChoices .choiceIcon{max-width:none;line-height:1;display:block;font-size:29px!important}.landingCard .playChoices>button>b{max-width:160px;font-size:16px;line-height:1.12;display:block}.littleHomeButton{z-index:82;top:max(9px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));color:#17657a;cursor:pointer;background:linear-gradient(145deg,#ffe47c,#ffba55);border:3px solid #fff;border-radius:18px;place-items:center;width:48px;height:48px;padding:8px;display:grid;position:fixed;box-shadow:0 5px #d69035,0 9px 22px #174d6630}.littleHomeButton svg{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.littleHomeButton svg circle{fill:#ef7c68;stroke:#fff;stroke-width:2px}.activityShell:has(.seekPreview){padding-top:72px}.seekPreview{align-content:start}.seekHeading{padding-top:4px}@media (max-width:600px){.activityShell:has(.seekPreview){height:auto!important;min-height:100dvh!important;padding-top:67px!important;overflow:visible!important}.seekPreview{min-height:calc(100dvh - 80px);align-content:start!important;height:auto!important}.littleGamesNav{top:max(8px,env(safe-area-inset-top))}.littleHomeButton{top:max(9px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right));border-radius:15px;width:43px;height:43px}.littleGamesNav{left:calc(50% - 20px)}.landingCard .playChoices .choiceIcon{font-size:25px!important}.landingCard .playChoices>button>b{font-size:13px;line-height:1.08}}.littleGalleryBackButton{z-index:82;top:max(9px,env(safe-area-inset-top));right:max(68px,calc(env(safe-area-inset-right) + 56px));color:#17657a;cursor:pointer;background:linear-gradient(145deg,#dff5ef,#8cd7ca);border:3px solid #fff;border-radius:18px;place-items:center;width:48px;height:48px;padding:8px;display:grid;position:fixed;box-shadow:0 5px #58a99f,0 9px 22px #174d6630}.littleGalleryBackButton svg{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.littleGalleryBackButton svg circle{fill:#ef7c68;stroke:#fff;stroke-width:2px}.seekPicture>.seekCounter{z-index:6;pointer-events:none;display:block;position:absolute;bottom:11px;right:11px}.seekPicture>.seekCounter b{color:#fff;background:#1d83ae;border:3px solid #fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:19px;display:grid;box-shadow:0 5px #135776,0 7px 15px #174d6640}.seekPicture>.seekCounter span{display:none}@media (max-width:600px){.littleGalleryBackButton{top:max(9px,env(safe-area-inset-top));right:max(57px,calc(env(safe-area-inset-right) + 50px));border-radius:15px;width:43px;height:43px}.seekPicture>.seekCounter{bottom:8px;right:8px}.seekPicture>.seekCounter b{width:38px;height:38px;font-size:17px}}