:root{--green: #2f7d32;--green-dark: #1b5e20;--sky: #e3f4ff;--sand: #f4e1b5;--text: #2b2b2b;font-family:Noto Sans Kannada,system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--sky) 0%,#c8ecc9 70%,#9bd39e 100%)}button{font:inherit;cursor:pointer;border:2px solid var(--green);background:#fff;color:var(--green-dark);border-radius:12px;padding:.5rem 1rem;transition:transform .1s,background .2s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--green);color:#fff}button.big{font-size:1.25rem;padding:.8rem 2rem}button.selected{background:var(--green);color:#fff}.app{max-width:960px;margin:0 auto;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topbar nav{display:flex;gap:.5rem}.logo{font-weight:800;font-size:1.2rem;border:none;background:transparent}.card{background:#ffffffeb;border-radius:20px;padding:1.5rem;box-shadow:0 10px 30px #00000014;text-align:center}.hero{font-size:3.5rem;letter-spacing:.5rem}h1,h2{color:var(--green-dark);margin:.5rem 0}.actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}.story-emoji{font-size:5rem;animation:pop .4s ease-out}.story-text{font-size:1.2rem;line-height:1.9;max-width:640px;margin:0 auto}.moral{margin:1rem auto 0;max-width:640px;padding:.75rem 1rem;background:#fff7d6;border-left:5px solid #f2b705;border-radius:8px;font-weight:600}.dots{display:flex;justify-content:center;gap:.4rem;margin-top:1rem}.dot{width:10px;height:10px;border-radius:50%;background:#c7d7c8}.dot.active{background:var(--green)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}.choice{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;text-align:center;color:var(--text)}.choice.selected{background:#e8f5e9;color:var(--text);box-shadow:0 0 0 3px var(--green)}.choice-emoji{font-size:3.5rem}.choice small{color:#555}.segmented{display:inline-flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.hud{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.timer{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.track-stage{padding:.75rem .5rem .5rem;background:transparent}.track{position:relative;border-radius:18px;overflow:hidden;border:3px solid #9a7a3d;box-shadow:none;background:#e4d29c}.lane{position:relative;height:120px;background:repeating-linear-gradient(90deg,#e8d79a 0 40px,#e0c878 40px 80px);border-bottom:3px dashed rgba(255,255,255,.85)}.lane:last-child{border-bottom:none}.lane-label{position:absolute;top:8px;left:10px;font-size:.8rem;font-weight:700;background:#ffffffd9;padding:.1rem .5rem;border-radius:999px}.shade{position:absolute;top:0;bottom:0;background:#48914b40;display:flex;align-items:center;justify-content:center}.tree-icon{font-size:2.5rem}.finish{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:2.2rem}.runner{position:absolute;bottom:12px;transform:translate(-50%);transition:left .05s linear;z-index:2}.runner-shadow{position:absolute;left:50%;bottom:-6px;width:58px;height:12px;transform:translate(-50%);border-radius:50%;background:#0000002e}.runner-emoji{position:relative;display:inline-block;font-size:3rem;transform:scaleX(-1);transform-origin:center bottom}.runner.walking .runner-emoji{animation:tortoiseWalk .9s ease-in-out infinite}.runner.running .runner-emoji{animation:rabbitRun .28s ease-in-out infinite}.runner.sleeping .runner-emoji{transform:scaleX(-1) rotate(-75deg)}.zzz{position:absolute;top:-20px;left:60%;font-size:1.3rem;animation:float 1.4s infinite}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:6rem;font-weight:800;color:var(--green-dark);background:#ffffff80}.countdown.small{font-size:2.4rem}.message{min-height:2rem;font-size:1.1rem;font-weight:600;margin:.9rem 0 .4rem;animation:pop .35s ease-out}.meter{max-width:480px;margin:.5rem auto;text-align:left}.meter-bar{height:16px;background:#e0e0e0;border-radius:10px;overflow:hidden;margin-top:.25rem}.meter-fill{height:100%;background:linear-gradient(90deg,#81c784,#fbc02d);transition:width .1s}.meter-fill.danger{background:linear-gradient(90deg,#fbc02d,#e53935)}.controls{display:flex;justify-content:center;gap:1rem;margin-top:.75rem}.pad{min-width:150px;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pad.wide{min-width:320px}.pad:active{background:var(--green);color:#fff}.hint{min-height:1.5rem;color:#c62828;font-weight:600}.lesson{font-size:1.2rem;font-weight:600}.save-form{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.save-form input{font:inherit;padding:.5rem .75rem;border-radius:10px;border:2px solid #bbb;min-width:220px}.success{color:var(--green-dark);font-weight:600}.error{color:#c62828;font-weight:600}.leaderboard.compact{margin-top:2rem;border-top:2px dashed #c8e6c9;padding-top:1rem}.stats{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;color:#555}table{width:100%;max-width:560px;margin:1rem auto 0;border-collapse:collapse}th,td{padding:.5rem;border-bottom:1px solid #e0e0e0}th{color:var(--green-dark)}@keyframes tortoiseWalk{0%{transform:scaleX(-1) rotate(-4deg) translateY(0)}25%{transform:scaleX(-1) rotate(3deg) translateY(1px)}50%{transform:scaleX(-1) rotate(-5deg) translateY(0)}75%{transform:scaleX(-1) rotate(4deg) translateY(1px)}to{transform:scaleX(-1) rotate(-4deg) translateY(0)}}@keyframes rabbitRun{0%{transform:scaleX(-1) rotate(-7deg) translateY(0)}25%{transform:scaleX(-1) rotate(5deg) translateY(-4px)}50%{transform:scaleX(-1) rotate(-8deg) translateY(0)}75%{transform:scaleX(-1) rotate(6deg) translateY(-3px)}to{transform:scaleX(-1) rotate(-7deg) translateY(0)}}@keyframes float{0%{opacity:0;transform:translateY(6px)}50%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}