.sqg-app{--sqg-green:#4c9a2a;--sqg-green-dark:#357a1e;--sqg-green-light:#e6f4df;--sqg-brown:#8a5a34;--sqg-brown-light:#f2e6d8;--sqg-yellow:#f5b942;--sqg-yellow-dark:#e0a02c;--sqg-red:#e0563f;--sqg-white:#ffffff;--sqg-text:#3c3226;--sqg-radius:12px;--sqg-shadow:0 4px 14px rgba(76, 154, 42, 0.18);box-sizing:border-box;max-width:760px;margin:2rem auto;padding:1.5rem;background:var(--sqg-white);border:2px solid var(--sqg-green-light);border-radius:var(--sqg-radius);box-shadow:var(--sqg-shadow);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--sqg-text)}.sqg-app *,.sqg-app *::before,.sqg-app *::after{box-sizing:border-box}.sqg-header{text-align:center;margin-bottom:1.25rem}.sqg-title{margin:0 0 .25rem;font-size:1.6rem;color:var(--sqg-green-dark)}.sqg-subtitle{margin:0;font-size:1rem;color:var(--sqg-brown)}.sqg-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.85rem 1.4rem;font-size:1.05rem;font-weight:700;border:none;border-radius:var(--sqg-radius);cursor:pointer;transition:transform 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease;background:var(--sqg-yellow);color:var(--sqg-text);box-shadow:0 3px 0 var(--sqg-yellow-dark)}.sqg-btn:hover{transform:translateY(-2px)}.sqg-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--sqg-yellow-dark)}.sqg-btn-primary{background:var(--sqg-green);color:#fff;box-shadow:0 3px 0 var(--sqg-green-dark)}.sqg-btn-secondary{background:var(--sqg-brown-light);color:var(--sqg-brown);box-shadow:0 3px 0 #d8c3a5}.sqg-btn-small{padding:.5rem .9rem;font-size:.9rem}.sqg-btn-play{font-size:1.3rem;padding:1rem 2rem}.sqg-actions{display:flex;justify-content:center;margin-top:1.25rem}.sqg-mode-switch{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.25rem;flex-wrap:wrap}.sqg-mode-btn{padding:.6rem 1.1rem;border:2px solid var(--sqg-green-light);background:var(--sqg-white);border-radius:999px;font-weight:700;color:var(--sqg-green-dark);cursor:pointer;transition:all 0.15s ease}.sqg-mode-btn:hover{background:var(--sqg-green-light)}.sqg-mode-btn.is-active{background:var(--sqg-green);border-color:var(--sqg-green);color:#fff}.sqg-mode-panel{display:none}.sqg-mode-panel.is-active{display:block}.sqg-palette{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.25rem}.sqg-plant-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:84px;padding:.7rem .6rem;background:var(--sqg-brown-light);border:3px solid #fff0;border-radius:var(--sqg-radius);cursor:pointer;font-weight:700;color:var(--sqg-brown);transition:all 0.15s ease}.sqg-plant-btn:hover{transform:translateY(-2px)}.sqg-plant-btn.is-selected{border-color:var(--sqg-yellow);background:#fff6e2;box-shadow:0 0 0 3px rgb(245 185 66 / .4)}.sqg-plant-emoji{font-size:2rem;line-height:1}.sqg-plant-label{font-size:.85rem}.sqg-beet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;background:var(--sqg-brown);padding:.6rem;border-radius:var(--sqg-radius)}.sqg-beet-cell{aspect-ratio:1 / 1;background:var(--sqg-brown-light);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;transition:transform 0.1s ease,background-color 0.15s ease;border:2px dashed rgb(138 90 52 / .35)}.sqg-beet-cell:hover{background:#ecddc4}.sqg-beet-cell.is-filled{border-style:solid;background:var(--sqg-green-light);cursor:pointer}.sqg-beet-cell.sqg-pop{animation:sqg-pop 0.25s ease}@keyframes sqg-pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}100%{transform:scale(1)}}.sqg-message{min-height:3rem;margin-top:1rem;padding:.85rem 1rem;border-radius:var(--sqg-radius);font-weight:600;text-align:center;opacity:0;transform:translateY(-6px);transition:opacity 0.25s ease,transform 0.25s ease}.sqg-message.is-visible{opacity:1;transform:translateY(0)}.sqg-message.is-good{background:var(--sqg-green-light);color:var(--sqg-green-dark)}.sqg-message.is-bad{background:#fce4e0;color:#b83c28}.sqg-animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.1rem}.sqg-animal-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem .4rem;background:var(--sqg-green-light);border:3px solid #fff0;border-radius:var(--sqg-radius);cursor:pointer;font-weight:700;color:var(--sqg-green-dark);transition:all 0.15s ease}.sqg-animal-btn:hover{transform:translateY(-2px);background:#d9edcd}.sqg-animal-btn.is-active{border-color:var(--sqg-yellow);background:#fff6e2}.sqg-animal-emoji{font-size:2.1rem;line-height:1}.sqg-animal-label{font-size:.85rem}.sqg-factbox{background:var(--sqg-brown-light);border-radius:var(--sqg-radius);padding:1rem 1.2rem;color:var(--sqg-brown);font-size:1.02rem;min-height:3.5rem}.sqg-quiz-score{text-align:center;font-weight:700;color:var(--sqg-green-dark);margin-bottom:.75rem}.sqg-quiz-sound-area{display:flex;justify-content:center;margin-bottom:1.25rem}.sqg-quiz-answers{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.sqg-answer-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;background:var(--sqg-white);border:3px solid var(--sqg-green-light);border-radius:var(--sqg-radius);font-weight:700;font-size:1rem;color:var(--sqg-text);cursor:pointer;transition:all 0.15s ease}.sqg-answer-btn:hover{background:var(--sqg-green-light)}.sqg-answer-btn .sqg-answer-emoji{font-size:2rem}.sqg-answer-btn.is-correct{background:var(--sqg-green-light);border-color:var(--sqg-green);color:var(--sqg-green-dark)}.sqg-answer-btn.is-wrong{background:#fce4e0;border-color:var(--sqg-red);animation:sqg-shake 0.4s ease}.sqg-answer-btn:disabled{cursor:default;opacity:.85}@keyframes sqg-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.sqg-quiz-feedback{text-align:center;font-weight:700;margin-top:1rem;min-height:2.2rem;font-size:1.2rem}.sqg-quiz-feedback.is-correct{color:var(--sqg-green-dark)}.sqg-quiz-feedback.is-wrong{color:#b83c28}.sqg-confetti{display:inline-block;animation:sqg-confetti-pop 0.6s ease}@keyframes sqg-confetti-pop{0%{transform:scale(0) rotate(0deg);opacity:0}50%{transform:scale(1.4) rotate(15deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}.sqg-memory-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:700;color:var(--sqg-green-dark);flex-wrap:wrap;gap:.5rem}.sqg-memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;position:relative}.sqg-memory-card{aspect-ratio:3 / 4;perspective:1000px;cursor:pointer}.sqg-memory-card-inner{position:relative;width:100%;height:100%;transition:transform 0.6s;transform-style:preserve-3d}.sqg-memory-card.is-flipped .sqg-memory-card-inner,.sqg-memory-card.is-matched .sqg-memory-card-inner{transform:rotateY(180deg)}.sqg-memory-card-front,.sqg-memory-card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:var(--sqg-radius);backface-visibility:hidden;font-size:2.1rem}.sqg-memory-card-back{background:linear-gradient(145deg,var(--sqg-green),var(--sqg-green-dark));color:#fff;font-size:1.8rem;transform:rotateY(180deg)}.sqg-memory-card-front{background:var(--sqg-brown-light);border:2px solid var(--sqg-brown)}.sqg-memory-card.is-matched .sqg-memory-card-front{background:var(--sqg-green-light);border-color:var(--sqg-green)}.sqg-memory-win{position:absolute;inset:0;background:rgb(255 255 255 / .92);display:flex;align-items:center;justify-content:center;border-radius:var(--sqg-radius);z-index:5}.sqg-memory{position:relative}.sqg-memory-win-box{text-align:center;padding:1.5rem}.sqg-memory-win-title{font-size:1.5rem;font-weight:800;color:var(--sqg-green-dark);margin-bottom:.25rem}@media (max-width:560px){.sqg-app{margin:1rem .25rem;padding:1rem}.sqg-title{font-size:1.3rem}.sqg-beet-grid{grid-template-columns:repeat(3,1fr)}.sqg-animal-grid{grid-template-columns:repeat(2,1fr)}.sqg-quiz-answers{grid-template-columns:1fr}.sqg-memory-grid{grid-template-columns:repeat(3,1fr)}.sqg-plant-btn{min-width:70px}}