:root{color:#23140d;background:#fff8e7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#ffdf87 0,#0000 24%),radial-gradient(circle at 100% 100%,#b7f7c8 0,#0000 26%),#fff8e7;min-height:100vh;margin:0}button{font:inherit;-webkit-tap-highlight-color:transparent}.app{width:min(1040px,100%);margin:0 auto;padding:14px 14px 98px}.app-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:#ff7a1a;border-radius:18px;place-items:center;width:52px;height:52px;font-size:28px;display:grid;box-shadow:0 10px 24px #ff7a1a40}h1{letter-spacing:-.03em;margin:0;font-size:clamp(24px,5vw,40px)}.brand p{color:#6b4a3c;margin:2px 0 0;font-weight:700}.score{color:#7c2d12;background:#fff;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 13px;font-weight:950;display:flex;box-shadow:0 10px 24px #5a280a14}.top-card,.quiz-card,.facts-card,.intro-card{background:#ffffffe0;border:1px solid #ff7a1a2e;border-radius:28px;margin-bottom:14px;padding:20px;box-shadow:0 18px 40px #5a280a14}.intro-card{padding:15px 18px}.intro-card h2{margin:0 0 4px;font-size:24px}.intro-card p{color:#6b4a3c;margin:0;font-weight:700}.top-card{grid-template-columns:1fr auto;align-items:center;gap:16px;display:grid}.mini-badge{color:#166534;background:#dcfce7;border-radius:999px;margin-bottom:10px;padding:7px 12px;font-weight:950;display:inline-flex}.top-card h2,.quiz-card h2,.facts-card h2{letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(28px,7vw,48px);line-height:1.03}.top-card p,.quiz-card p,.facts-card p{color:#6b4a3c;margin:0;font-weight:650;line-height:1.55}.random-btn{color:#fff;cursor:pointer;background:#ff7a1a;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:13px 16px;font-weight:950;display:inline-flex;box-shadow:0 12px 22px #ff7a1a38}.controls{gap:13px;margin-bottom:14px;display:grid}.controls label{color:#5b341f;margin:0 0 8px 2px;font-size:14px;font-weight:950;display:block}.pill-row{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.pill{color:#7c2d12;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 6px 16px #7c2d1214}.pill.active{color:#fff;background:#ff7a1a}.animal-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:12px;display:grid}.animal-tile{text-align:center;cursor:pointer;background:#fff;border:1px solid #ff7a1a1f;border-radius:24px;padding:12px;position:relative;box-shadow:0 14px 28px #5a280a14}.image-wrap{place-items:center;margin-bottom:8px;display:grid;position:relative}.animal-tile img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 14px #00000014);width:min(128px,100%)}.sound-icon{color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;bottom:7px;right:7px;box-shadow:0 8px 18px #22c55e40}.animal-tile strong{letter-spacing:-.02em;font-size:21px;display:block}.animal-tile small{color:#6b4a3c;min-height:20px;margin-top:2px;font-weight:650;display:block}.animal-tile.playing{outline:3px solid #22c55e;transform:translateY(-2px)}.animal-tile.playing img{animation:.5s infinite alternate bounce}.quiz-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer{cursor:pointer;background:#fff8e7;border:2px solid #0000;border-radius:22px;min-height:145px;padding:12px;font-weight:950}.answer img{object-fit:contain;width:88px;height:88px;margin:0 auto 7px;display:block}.answer.correct{background:#dcfce7;border-color:#22c55e}.answer.wrong{background:#fee2e2;border-color:#ef4444}.result{color:#166534;text-align:center;background:#dcfce7;border-radius:18px;margin-top:14px;padding:12px;font-weight:950}.memory-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.memory{color:#ff7a1a;background:#fff8e7;border:0;border-radius:20px;min-height:104px;font-size:42px;font-weight:950;box-shadow:inset 0 0 0 2px #ffe0b8}.memory img{object-fit:contain;width:78px;height:78px}.facts-list{gap:10px;margin-top:14px;display:grid}.fact{background:#fff8e7;border:1px solid #ffe0b8;border-radius:18px;align-items:flex-start;gap:10px;padding:13px;font-weight:800;display:flex}.parent-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:14px;display:grid}.parent-grid div{background:#fff8e7;border:1px solid #ffe0b8;border-radius:20px;padding:16px}.parent-grid h3{margin:7px 0 4px}.small-note{font-size:14px;margin-top:16px!important}.bottom-tabs{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ff7a1a29;border-radius:22px;gap:5px;width:min(760px,100% - 18px);padding:7px;display:flex;position:fixed;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 16px 40px #3214002e}.bottom-tabs button{color:#6b4a3c;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:16px;min-width:78px;padding:11px 12px;font-size:13px;font-weight:950}.bottom-tabs button.active{color:#fff;background:#ff7a1a}@keyframes bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.04)}}@media (width<=560px){.app{padding:12px 12px 96px}.top-card,.quiz-card,.facts-card,.intro-card{border-radius:24px;padding:17px}.top-card,.quiz-head{grid-template-columns:1fr;display:grid}.random-btn{width:100%}.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.animal-tile{border-radius:22px;padding:10px}.animal-tile img{width:112px}.animal-tile strong{font-size:19px}.answer-grid{gap:10px}.answer{border-radius:20px;min-height:132px;padding:10px}.memory-grid{gap:8px}.memory{min-height:82px}.memory img{width:62px;height:62px}.bottom-tabs button{padding:10px;font-size:12px}.score{padding:9px;font-size:13px}}