@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{font-family:Nunito,Arial,sans-serif;font-size:18px;line-height:1.5;color:#173075;background:#173075;--ink:#173075;--teal:#08736e;--pink:#a62964;--yellow:#ffe06c}*{box-sizing:border-box}body{margin:0;background:#173075 url('lab.webp') center top/cover fixed;min-height:100vh}button{font:inherit;cursor:pointer;color:inherit;min-height:52px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,summary:focus-visible{outline:4px solid #cf287b;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:12px max(16px,calc((100vw - 1240px)/2));background:#173075;color:white;border-bottom:4px solid #ffe06c}header button{background:none;border:0;color:white;font-weight:900}#brand{font-family:'Baloo 2',sans-serif;font-size:1.3rem;text-align:left}#sound{border:2px solid #9cdff4;border-radius:16px;padding:.3rem 1rem;white-space:nowrap}#sound[aria-pressed=true]{background:#70e1d9;color:#173075}main{max-width:1240px;margin:22px auto;padding:28px;background:#f5fcff;border:4px solid #79e4de;border-radius:28px;box-shadow:0 12px 0 #082d61aa}h1,h2,h3{font-family:'Baloo 2',Arial,sans-serif;line-height:1.08;margin:.4rem 0 .75rem}h1{font-size:clamp(2rem,4.5vw,3.5rem);letter-spacing:-.02em}h2{font-size:1.75rem}p{margin:.6rem 0 1rem}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#a62964}.welcome{display:flex;align-items:center;gap:2rem;background:#dbf8f4;border:2px solid #78cdc8;border-radius:22px;padding:1.5rem 2rem}.welcome p{max-width:600px;font-size:1.1rem}.friend{object-fit:cover;aspect-ratio:1}.welcome-friend{width:190px;border-radius:50%;border:5px solid white;margin-left:auto}.primary{background:#a62964;color:white;border:0;border-bottom:5px solid #6a1745;border-radius:16px;padding:.65rem 1.4rem;font-weight:900;font-size:1.1rem}.primary:hover{background:#891f53}.primary:disabled{opacity:.6}.secondary{background:white;border:2px solid #173075;border-radius:14px;padding:.55rem .9rem;font-weight:800}.secondary:hover{background:#e3f4ff}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 1rem}.map-heading h2{margin:0}.map-heading span{font-size:.9rem}.map-heading>strong{background:#ffe06c;padding:.7rem 1rem;border-radius:14px;white-space:nowrap}.level-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.level-card{display:flex;align-items:flex-start;text-align:left;flex-direction:column;gap:.5rem;border:2px solid #173075;border-bottom-width:6px;border-radius:18px;background:#ffdc8d;padding:1rem;min-height:185px}.level-card:nth-child(4n+2){background:#ffccdf}.level-card:nth-child(4n+3){background:#bdf09b}.level-card:nth-child(4n+4){background:#ccddff}.level-card strong{font-family:'Baloo 2';font-size:1.2rem;line-height:1.15}.level-card>span:last-child{font-size:.8rem}.level-card:disabled{background:#e0e7f1;color:#52617e;border-color:#a3aec3}.level-card.done{border-color:#08736e}.level-number{background:white;border-radius:12px;min-width:44px;height:44px;display:grid;place-items:center;font-weight:900}.collection{margin-top:2rem;padding:1.4rem;background:#e9e3ff;border-radius:20px;border:2px solid #b8a5ed}.collection h2 span{font-family:Nunito;font-size:1rem}.friend-row{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.friend-card{display:flex;align-items:center;flex-direction:column;text-align:center;gap:.2rem}.friend-card img{width:100%;border:4px solid white;border-radius:50%;filter:saturate(.2);opacity:.65}.friend-card.unlocked img{filter:none;opacity:1;border-color:#08736e}.friend-card strong{font-family:'Baloo 2';font-size:1.3rem}.friend-card span{font-size:.8rem}.grownup{margin-top:1.5rem;padding:1rem;background:white;border:1px solid #cad5e7;border-radius:14px}summary{font-weight:900;cursor:pointer;padding:.4rem 0}footer{text-align:center;background:#173075;color:white;padding:1.2rem;font-size:.85rem;margin-top:2rem}.play-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.level-pill{font-weight:900;background:#ffe06c;border-radius:30px;padding:.6rem 1rem}.play-heading{display:flex;align-items:center;gap:1rem;margin:1rem 0}.play-heading h1{font-size:clamp(2rem,4vw,2.8rem)}.play-heading p{margin-bottom:0}.guide{width:115px;border-radius:24px;margin-left:auto;border:3px solid #62cfc9}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1.2rem;align-items:start}.play-board{background:white;border:2px solid #adc2db;border-radius:22px;padding:1.4rem;min-width:0}.help{background:#ffe99b;border:2px solid #dfbe51;border-radius:20px;padding:1.2rem;font-size:.95rem}.help h2{font-size:1.5rem}.help details{border-top:2px solid #d8bb59;margin-top:1rem;padding-top:.5rem}.help-foot{font-weight:800;color:#6e4218;margin-top:1.5rem}.rule{padding:1rem;background:#e0f2ff;border-radius:14px;font-weight:800;margin-bottom:1rem}.count-strip{font-weight:900;text-align:center;margin:.7rem 0;color:#08736e}.hunt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.jar{background:#eef8ff;border:2px solid #739bc8;border-bottom-width:5px;border-radius:16px;padding:.65rem .2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:108px}.jar>span{font-size:2.1rem;font-weight:900;line-height:1.25}.jar small{font-size:.78rem}.jar.found{background:#bcf2cb;border-color:#08736e;color:#155e4a}.feedback{font-weight:800;color:#8e225a;min-height:1.5em;margin:1rem 0 0}.ingredient-shelf{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.ingredient{background:#ffecb2;border:2px solid #d2a52e;border-bottom-width:5px;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:.65rem .1rem;gap:.3rem;min-width:0}.ingredient>span{font-size:2rem;line-height:1.2}.ingredient strong{font-size:.8rem}.ingredient.used{background:#e0f2f0;border-color:#5faaa3}.draggable{touch-action:none;user-select:none;-webkit-user-select:none}.selected{outline:4px solid #b62e72!important;outline-offset:2px;background-color:#ffd6ea!important}.small-title{font-size:1.2rem;margin:1.4rem 0 .8rem}.recipe-slots{display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));gap:.6rem}.recipe-slot{border:3px dashed #6093b5;background:#e9f7ff;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .1rem;min-height:140px;min-width:0}.recipe-slot small{background:#173075;color:white;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-weight:900}.recipe-slot>span{font-size:2rem;line-height:1.4}.recipe-slot strong{font-size:.8rem}.check{display:block;margin:1.2rem auto 0;min-width:220px}.puzzle-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.puzzle-top p{font-size:.9rem;margin-bottom:0}.reference{width:115px;border:3px solid #173075;border-radius:12px}.jigsaw{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:5px;max-width:530px;aspect-ratio:1;margin:auto;padding:5px;background:#173075;border-radius:12px;overflow:hidden}.tile{aspect-ratio:1;min-height:0;border:0;border-radius:6px;background-repeat:no-repeat;padding:0;min-width:0}.tile.selected{outline-offset:-5px!important}.puzzle-count{display:block;text-align:center;font-size:.9rem;font-weight:800;margin-top:.8rem}.sequence-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.lights{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:580px;margin:auto}.light{min-height:160px;border:3px solid #173075;border-bottom-width:7px;border-radius:22px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:1rem;gap:.3rem;transition:transform .15s,box-shadow .15s}.light>span{font-size:3rem;line-height:1.2}.light small{font-size:.95rem;font-weight:900}.light-0{background:#ffb9dd}.light-1{background:#b1d5ff}.light-2{background:#ffe26e}.light-3{background:#c0ee90}.light:disabled{color:#173075;opacity:1}.light.lit{outline:6px solid #173075;outline-offset:-12px;box-shadow:inset 0 0 0 14px white;transform:scale(.95)}.sequence-progress{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.sequence-progress span{width:40px;height:40px;display:grid;place-items:center;border:2px solid #8aa5c1;border-radius:50%;font-weight:900}.sequence-progress .filled{background:#bff0c6;border-color:#08736e}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.match-column{display:flex;flex-direction:column;gap:.7rem}.match-card{padding:.7rem .4rem;background:#dbf5ff;border:2px solid #537db0;border-bottom-width:5px;border-radius:15px;min-height:74px;font-size:1.3rem;font-weight:900}.match-card.answer{background:#ffe7a6}.match-card.matched{background:#baf0ce;border-color:#08736e;color:#175344}.clue-lines{font-size:1.3rem;font-weight:900;background:#fff2c3;padding:1rem;border-radius:14px;margin-bottom:1rem;display:grid;gap:.4rem;text-align:center}.code-display{display:flex;justify-content:center;gap:.7rem;margin:1rem}.code-display span{width:58px;height:66px;border:3px solid #173075;border-radius:12px;background:#f1f8ff;display:grid;place-items:center;font-size:1.7rem;font-weight:900}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:390px;margin:auto}.keypad button{background:#e5e4ff;border:2px solid #6878bd;border-bottom-width:5px;border-radius:14px;font-size:1.5rem;font-weight:900;min-height:64px}.keypad #clear{font-size:1rem}.keypad button:active{background:#ffdaeb}.drag-ghost{position:fixed!important;z-index:10000;pointer-events:none!important;opacity:.85;box-shadow:0 8px 24px #17307566;min-height:0!important;transform:scale(1.05)}dialog{width:calc(100% - 2rem);max-width:650px;max-height:90dvh;overflow:auto;border:5px solid #70e1d9;border-radius:28px;background:#f5fcff;color:#173075;padding:1.5rem}dialog::backdrop{background:#101d4abf}#close{float:right;min-height:48px;min-width:48px;border:0;border-radius:50%;background:#173075;color:white}.victory{clear:both;text-align:center}.victory h2{font-size:2.4rem}.reward-friend{width:200px;border:5px solid #ffe06c;border-radius:50%;margin:.5rem}.victory p{font-size:1.05rem}.victory button{margin:.4rem}.win-star{font-size:6rem;color:#d57a00;line-height:1.5}.storage-note{background:#ffe8c3;padding:1rem;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){main{margin:16px 12px;padding:20px}.level-map{grid-template-columns:repeat(4,minmax(0,1fr))}.play-layout{grid-template-columns:minmax(0,1fr) 215px}.help{padding:.9rem}.ingredient-shelf{grid-template-columns:repeat(3,1fr)}.ingredient{flex-direction:row;justify-content:center;gap:.5rem;padding:.5rem}.ingredient strong{font-size:.85rem}}@media(max-width:850px){.play-layout{grid-template-columns:1fr}.help{display:block}.help-foot{display:none}.help h2{font-size:1.3rem}.help p{margin:.3rem 0}.help details{margin-top:.6rem}.welcome{padding:1.2rem;gap:1rem}.welcome-friend{width:135px}.level-map{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-row{grid-template-columns:repeat(3,1fr)}.friend-card img{max-width:130px}.play-board{padding:1.2rem}.level-card{min-height:170px}.guide{width:90px}.lights{max-width:560px}.light{min-height:145px}}@media(max-width:540px){:root{font-size:16px}header{padding:8px 12px;gap:.4rem}#brand{font-size:1rem}#sound{font-size:.85rem;padding:.3rem .65rem}main{margin:10px 7px;padding:14px;border-width:3px}.welcome-friend{display:none}.welcome h1{font-size:2.5rem}.level-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.map-heading{align-items:flex-start}.map-heading>strong{padding:.5rem;font-size:.85rem}.level-card{min-height:160px;padding:.8rem}.play-nav{gap:.4rem}.play-nav button{font-size:.8rem;padding:.4rem .5rem}.level-pill{font-size:.8rem;padding:.5rem}.play-heading .guide{width:68px}.play-heading h1{font-size:2rem}.play-board{padding:.8rem}.hunt-grid{gap:.4rem}.jar{min-height:95px}.jar small{font-size:.75rem}.ingredient-shelf{gap:.4rem}.ingredient{gap:.3rem}.recipe-slots{gap:.3rem}.recipe-slot{min-height:110px}.recipe-slot strong{font-size:.75rem}.recipe-slot>span{font-size:1.7rem}.match-grid{gap:.9rem}.match-card{font-size:1.15rem;min-height:70px}.reference{width:90px}.sequence-top{flex-direction:column}.lights{gap:.7rem}.light{min-height:135px}.jigsaw{gap:4px;padding:4px}.clue-lines{font-size:1.2rem}.code-display{gap:.5rem}.friend-card span{font-size:.8rem}.victory h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){.light{transition:none}.light.lit{transform:none}}@media(pointer:coarse){button{min-height:56px}.tile{min-height:0}}

.feedback:not(:empty){background:#ffefb5;border:2px solid #d29b20;border-radius:12px;padding:1rem;font-size:1.1rem}.inline-success{text-align:center;background:#d4f8df;padding:2rem;border-radius:18px}