:root{--teal:#39bcb3;--purple:#8061e8;--coral:#ff746c;--yellow:#ffd44f;--ink:#30374e;--cream:#fffaf0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 20%,#dff8f1 0 7%,transparent 7.5%),radial-gradient(circle at 92% 38%,#ffe1e5 0 8%,transparent 8.5%),var(--cream);color:var(--ink);font-family:"Nunito",sans-serif}button,a{font:inherit}header{height:68px;max-width:1080px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}header a{text-decoration:none;font-weight:800}.brand{font:700 22px "Baloo 2"}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--yellow)}.brand b{color:var(--purple)}main{max-width:1020px;margin:auto;padding:25px 16px 70px}.intro{text-align:center}.intro>p{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:2px}.intro h1{font:800 clamp(48px,7vw,80px)/.9 "Baloo 2";margin:14px}.intro h1 span{color:var(--coral)}.intro h2{font-size:19px;color:#747a8d}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:27px 0}.themes button{border:3px solid #eee5d9;background:#fff;border-radius:22px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;color:#697185;cursor:pointer}.themes i{height:42px;font:800 31px "Baloo 2";font-style:normal}.themes b{font:800 17px "Baloo 2"}.themes small{font-size:10px}.themes button.selected{border-color:var(--teal);background:#e9faf6;color:#248e88;box-shadow:0 6px 0 #b2e6df}.game{position:relative;background:#fff;border:2px solid #eee7dc;border-radius:31px;padding:18px;box-shadow:0 22px 65px #49386c18;overflow:hidden}.status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:3px 10px 8px}.status small{display:block;font-size:9px;letter-spacing:1.3px;color:#9296a5}.status b{font-size:19px}.status strong{font:800 21px "Baloo 2";color:var(--teal)}.status button{justify-self:end;border:0;border-radius:13px;background:#e8f8f4;color:#258d86;padding:10px 13px;font-weight:900;cursor:pointer}.instruction{text-align:center;color:#9a9ead;font-size:11px;font-weight:900;letter-spacing:1px;margin:8px}.pieces,.targets{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:810px;margin:auto;min-height:150px}.piece,.target{height:145px;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:center}.piece{border:0;background:#fff1d1;box-shadow:0 7px 0 #e8cb83;font-size:68px;cursor:grab;touch-action:none;position:relative;z-index:2;transition:transform .2s,opacity .2s}.piece.number,.piece.letter{font:800 72px "Baloo 2";color:var(--purple)}.piece.dragging{position:fixed;width:150px;height:145px;z-index:20;pointer-events:none;transform:scale(1.08) rotate(3deg);box-shadow:0 18px 45px #27203e45}.piece.matched{opacity:0;pointer-events:none}.target{border:4px dashed #aeb4b6;background:#f0f3ef;color:#aeb4b6;font-size:62px;transition:.2s}.target span{filter:grayscale(1);opacity:.38}.target b{font:800 57px "Baloo 2";opacity:.45}.target small{font-size:11px;font-weight:900;margin-top:4px}.target.ready{border-color:var(--teal);background:#e4faf4;transform:scale(1.04)}.target.done{border-style:solid;border-color:#5fd18a;background:#e8faee;color:#2b9b58}.target.done span{filter:none;opacity:1}.target.done b{opacity:1;color:#2b9b58}#celebrate{position:absolute;z-index:10;inset:0;background:#37b8afeF;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}#celebrate[hidden]{display:none}#celebrate>div{font-size:75px}#celebrate h2{font:800 48px "Baloo 2";margin:5px}#celebrate p{margin-top:0;font-size:18px}#celebrate button{border:0;border-radius:16px;background:var(--yellow);padding:12px 20px;margin:5px;font-weight:900;color:var(--ink)}#celebrate #chooseBtn{background:#fff}.safe{max-width:700px;margin:24px auto 0;padding:17px 22px;border-radius:19px;background:#edf9f4;display:flex;align-items:center;justify-content:center;gap:12px}.safe>span{font-size:27px}.safe b{font-size:14px}.safe p{margin:2px 0 0;font-size:12px;color:#66746e}#toast{position:fixed;z-index:30;left:50%;bottom:-80px;transform:translateX(-50%);background:var(--coral);color:#fff;padding:13px 20px;border-radius:18px;font-weight:900;transition:.3s}#toast.show{bottom:23px}#confetti i{position:fixed;z-index:40;top:-20px;width:11px;height:18px;animation:fall 1.4s linear forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(700deg)}}@media(max-width:650px){main{padding:12px 8px 45px}.themes{grid-template-columns:1fr 1fr;gap:8px}.themes button{padding:7px}.game{padding:9px;border-radius:23px}.status{grid-template-columns:1fr auto}.status strong{grid-column:1/-1;grid-row:1;text-align:center;font-size:17px}.status>div,.status>button{grid-row:2}.pieces,.targets{gap:7px;min-height:95px}.piece,.target{height:92px;border-radius:15px;font-size:42px}.piece.number,.piece.letter{font-size:47px}.target b{font-size:40px}.target small{display:none}.piece.dragging{width:90px;height:92px}.instruction{margin:6px}.safe{text-align:left}#celebrate h2{font-size:36px}}