:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173d35;background:#fff7e5}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}header{background:#f68118;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.65rem max(1rem,calc((100vw - 1100px)/2));gap:1rem}header a{color:#fff;text-decoration:none;font-weight:850}header>a{display:flex;align-items:center;gap:.7rem}header img{width:55px;height:55px;object-fit:cover;border-radius:50%;border:3px solid #fff}nav{display:flex;gap:.8rem}main{max-width:1100px;margin:auto;padding:1.2rem 1rem 4rem}.intro{display:grid;grid-template-columns:1fr auto;align-items:center;background:linear-gradient(135deg,#fff,#fff0b9);border:3px solid #efb93f;border-radius:28px;padding:1.4rem 2rem}.intro span,#levelLabel{color:#aa550d;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.intro h1{font-size:clamp(2rem,5vw,3.3rem);margin:.25rem 0}.intro img{width:125px;border-radius:50%;border:6px solid #ffbf39}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.1rem 0}.games button{border:3px solid #fff;border-radius:23px;padding:1.2rem;background:#fff;min-height:155px;box-shadow:0 7px 0 #dfc69a,0 12px 22px #56380f16;text-align:left;transition:.15s}.games button:hover{transform:translateY(-4px);border-color:#f7b638}.games b{display:block;font-size:2.8rem}.games strong,.games small{display:block}.games strong{font-size:1.08rem;margin:.4rem 0}.games small{color:#607169}.stage{background:#fff;border:3px solid #e6d5b5;border-radius:28px;padding:clamp(1rem,3vw,2rem);box-shadow:0 15px 35px #543a1918}.stage-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.stage-head h2{margin:.2rem 0;font-size:2rem}.stage-head>div:last-child{display:flex;align-items:center;gap:.6rem}.stage-head button,.stage-actions button{border:0;border-radius:12px;padding:.65rem .85rem;font-weight:850}.stars{background:#fff0ae;border-radius:99px;padding:.55rem .8rem;font-weight:900}.instruction{background:#fff4d8;border-left:7px solid #f1a523;border-radius:13px;padding:.8rem 1rem;font-weight:750}.message{text-align:center;min-height:34px;font-weight:900;color:#176657}.stage-actions{display:flex;justify-content:center;gap:.8rem;margin-top:1rem}.stage-actions button{background:#f3ead8}.stage-actions .next{background:#176657;color:#fff}.hidden{display:none!important}.puzzle-grid{width:min(540px,92vw);aspect-ratio:1;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#214e44;padding:5px;border-radius:18px}.piece{border:0;border-radius:8px;background-image:var(--img);background-size:300% 300%;background-position:var(--pos)}.piece.selected{outline:6px solid #ffcf37;z-index:2}.memory-grid{max-width:620px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.memory-card{aspect-ratio:1;border:0;border-radius:17px;background:#f68118;color:transparent;font-size:2.5rem;box-shadow:0 5px 0 #a94f0a}.memory-card.open,.memory-card.done{background:#fff1bc;color:#222}.memory-card.done{outline:4px solid #62b76e}.maze{display:grid;grid-template-columns:repeat(7,1fr);max-width:520px;margin:auto;border:8px solid #76451e;background:#76451e;gap:2px}.cell{aspect-ratio:1;background:#fff8db;display:grid;place-items:center;font-size:1.5rem}.cell.wall{background:#287b57}.maze-controls{display:grid;grid-template-columns:repeat(3,58px);justify-content:center;gap:.35rem;margin-top:1rem}.maze-controls button{height:55px;border:0;border-radius:14px;background:#f8c947;font-size:1.5rem}.maze-controls button:first-child{grid-column:2}.sort-area{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.items{grid-column:1/-1;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.sort-item{border:3px solid #f5c65a;border-radius:16px;background:#fff8d8;padding:.8rem;font-size:2.3rem}.sort-item.selected{outline:5px solid #176657}.basket{min-height:150px;border:4px dashed #9d7041;border-radius:22px;background:#f5ead3;padding:1rem;text-align:center}.basket strong{display:block}.dropped{font-size:2rem}.pattern-row,.match-row{display:flex;justify-content:center;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1.4rem}.pattern-token{width:68px;height:68px;border-radius:16px;display:grid;place-items:center;background:#fff0bd;font-size:2.4rem;border:3px solid #ead39a}.choice-row{display:flex;justify-content:center;gap:.8rem}.choice-row button{width:84px;height:84px;border:3px solid #eee;border-radius:18px;background:#fff;font-size:2.7rem}.match-target{font-size:5rem;filter:grayscale(1) brightness(.18);opacity:.75}.progress{margin-top:1.2rem;background:#fff;border:2px solid #eadabd;border-radius:22px;padding:1rem}.progress>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.progress span{background:#eef7ed;border-radius:13px;padding:.8rem;text-align:center}.celebrate{position:fixed;inset:0;pointer-events:none;overflow:hidden}.spark{position:absolute;top:-30px;font-size:2rem;animation:fall 2.2s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(550deg)}}@media(max-width:700px){.games{grid-template-columns:repeat(2,1fr)}.stage-head{display:block}.progress>div{grid-template-columns:1fr}.intro img{width:85px}.sort-area{grid-template-columns:1fr}.items{grid-column:auto}.memory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:450px){.games{grid-template-columns:1fr}.intro img{display:none}header strong{display:none}.puzzle-grid{width:100%}}