*{box-sizing:border-box}body{margin:0;background:#f7f4e8;color:#254438;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif}main{width:min(100% - 28px,470px);margin:auto;padding:18px 0 12px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;gap:10px;align-items:center}.sun{font-size:42px;color:#e9a725}h1{font-size:25px;line-height:1.05;letter-spacing:-1px;margin:0}h1 span{display:block}header p{font-size:11px;margin:5px 0 0;color:#718275}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation;color:#254438}button:focus-visible{outline:3px solid #ce6e24;outline-offset:3px}.icon{background:#ebe8d9;border-radius:15px;padding:10px;font-size:22px;display:flex;align-items:center;gap:4px}.icon span{font-size:10px}.stats{display:flex;justify-content:space-around;background:#fffdf7;border:1px solid #e4e2d3;border-radius:18px;padding:10px 0;margin-bottom:12px}.stats div{text-align:center;font-size:9px;letter-spacing:1px;font-weight:800;color:#738073}.stats strong{display:block;font-size:24px;color:#294b38;letter-spacing:0;margin-top:2px}.playfield{position:relative;border:5px solid #fffdf7;border-radius:22px;overflow:hidden;box-shadow:0 8px 25px #244f3118}canvas{width:100%;display:block;aspect-ratio:9/12;touch-action:none;background:#95c96d}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#1b44364d;backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.card{width:86%;text-align:center;border-radius:24px;padding:22px 17px;background:#fffdf2;box-shadow:0 12px 20px #16372d30}.badge{font-size:48px}h2{font-size:25px;letter-spacing:-.7px;margin:8px 0}.card p{font-size:14px;line-height:1.5;color:#667b67;margin:10px 0 20px}.primary{width:100%;background:#f7c74f;border-radius:14px;padding:15px;font-weight:900;font-size:18px;box-shadow:0 4px 0 #dcae39}.primary span{float:right}.card small{display:block;font-size:10px;margin-top:17px;color:#75836b}.pause{position:absolute;top:10px;right:10px;border-radius:12px;background:#fffdf0e8;width:44px;height:44px;font-size:20px;font-weight:bold}#toast{position:absolute;top:40%;left:5%;width:90%;background:#fff8d8;padding:20px;border-radius:20px;text-align:center;font-weight:900;font-size:22px}.controls{text-align:center}.controls p{font-size:12px;margin:12px 0 8px}.pad{display:flex;align-items:center;justify-content:center;gap:10px}.pad button{background:#fffdf7;border:1px solid #e0dfd0;border-bottom:4px solid #d9dcc6;border-radius:14px;width:65px;height:51px;font-size:27px;font-weight:800;user-select:none;-webkit-user-select:none}.pad button:active{background:#f7c74f;transform:translateY(2px)}.vertical{display:flex;gap:10px}.controls small,footer{font-size:10px;color:#798573}.controls small{display:block;margin:10px 0}footer{text-align:center;margin-top:14px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-height:800px){main{padding-top:10px}header{margin-bottom:10px}.playfield{width:min(100%,calc(35.25svh + 10px));margin:auto}h1{font-size:22px}.sun{font-size:35px}.stats{padding:6px 0;margin-bottom:8px}.stats strong{font-size:21px}footer{margin-top:8px}}@media(max-height:800px){.card{padding:12px}.badge{font-size:30px}h2{font-size:20px}.card p{font-size:12px;margin:8px 0 12px}.card small{margin-top:10px;font-size:9px}.primary{font-size:16px;padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}