.tennis-body{background:#eef6eb}.tennis-header{max-width:1080px;padding:20px 30px}.tennis-tag{padding:10px 16px;border-radius:24px;background:#fff0c4;font-weight:bold;font-size:14px}.tennis-main{max-width:1000px;margin:auto;padding:10px 28px 35px}.tennis-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tennis-heading h1{font-size:clamp(32px,4vw,46px);margin:0 0 20px}.tennis-heading>p{background:#eee6f7;border-radius:24px;padding:12px 18px;font-weight:bold}.tennis-game{position:relative;background:#fffdf8;border:2px solid #d6e3ce;border-radius:28px;padding:24px;overflow:hidden}.tennis-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:bold;margin-bottom:16px;color:#65567e}.tennis-court{height:330px;position:relative;border-radius:22px;background:#83b899;overflow:hidden;border:8px solid #c9dfb8}.court-lines{position:absolute;inset:42px 32px;border:3px solid #f7f8d6}.court-lines:before{content:'';position:absolute;inset:25% 0;border-top:3px solid #f7f8d6;border-bottom:3px solid #f7f8d6}.court-net{position:absolute;left:50%;top:30px;bottom:30px;width:6px;background:repeating-linear-gradient(0deg,#fff9df 0 5px,#697f75 5px 10px);box-shadow:5px 2px 0 #466b5c30;transform:rotate(4deg)}.court-player{position:absolute;bottom:20px;width:170px;height:255px;display:flex;flex-direction:column;align-items:center;z-index:2}.court-player img{width:100%;height:225px;object-fit:contain;filter:drop-shadow(0 7px 5px #244b4930)}.court-player span{font-size:14px;font-weight:bold;color:#334c40;background:#fffdf8df;border-radius:15px;padding:4px 10px;white-space:nowrap}.opponent{left:5%}.cat{right:5%}.court-message{position:absolute;left:20%;right:20%;top:8px;text-align:center;background:#fffdf8e8;border-radius:20px;padding:7px 12px;font-weight:bold;color:#5e506c;margin:0;z-index:4}.tennis-ball{position:absolute;left:23%;top:45%;z-index:3;color:#fff56e;font-size:46px;line-height:1;filter:drop-shadow(0 4px 3px #2f624d55);opacity:0}.serving .opponent img{animation:racket-swing .7s ease-in-out}.serving .tennis-ball{animation:ball-serve .95s ease-out forwards}.waiting .tennis-ball{opacity:1;left:61%;top:44%}.caught .cat img{animation:racket-swing .65s ease-in-out}.caught .tennis-ball{animation:ball-return .8s ease-in forwards}.missed .tennis-ball{animation:ball-miss .8s ease-in forwards}.tennis-console{text-align:center;padding:15px 0}.tennis-question{font:600 clamp(32px,5vw,46px)/1.3 Fredoka,ui-rounded,sans-serif;color:#705674;margin:8px 0 16px;min-height:60px}.tennis-answers{display:flex;justify-content:center;gap:18px}.tennis-answers button{font:600 30px/1.2 Fredoka,ui-rounded,sans-serif;min-width:100px;padding:16px;border:2px solid #dac8e8;border-radius:22px;background:#eee6f7;color:#5b456e;box-shadow:0 5px 0 #dac8e8}.tennis-answers button:focus-visible{outline:4px solid #6b9563;outline-offset:5px}.tennis-answers button:disabled{cursor:default;opacity:.6}.tennis-answers .correct{background:#dfefd9;border-color:#96b98b;color:#466d40;opacity:1}.tennis-answers .wrong{background:#ffe9ce;border-color:#d9b589;color:#805b34;opacity:1}#tennis-feedback{font-size:17px;font-weight:bold;color:#65567e;min-height:48px;margin:20px 0 10px}.tennis-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e3dfdb;padding-top:16px}.tennis-bottom p{font-size:14px;margin:0;max-width:75%}.tennis-overlay{position:absolute;inset:0;z-index:6;background:#fffdf8f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px}.tennis-overlay>img{width:110px;height:170px;object-fit:contain;margin-bottom:12px}.tennis-overlay h2{font-size:clamp(28px,4vw,38px);margin-bottom:14px}.tennis-overlay p{max-width:550px;font-size:17px}.tennis-rounds{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 24px}.tennis-rounds span{font-size:14px;background:#eee6f7;padding:8px 12px;border-radius:18px}.tennis-overlay[hidden],#tennis-next[hidden]{display:none}@keyframes racket-swing{50%{transform:rotate(-15deg) translateY(-7px)}}@keyframes ball-serve{0%{opacity:1;left:23%;top:42%}50%{top:22%}100%{opacity:1;left:61%;top:44%}}@keyframes ball-return{0%{opacity:1;left:61%;top:44%}35%{left:77%;top:42%}60%{top:18%}100%{opacity:0;left:18%;top:40%}}@keyframes ball-miss{0%{opacity:1;left:61%;top:44%}100%{opacity:0;left:98%;top:100%}}@media(max-width:650px){.tennis-header{padding:18px 14px}.tennis-header .brand{font-size:20px}.tennis-tag{font-size:12px;padding:8px}.tennis-main{padding:0 12px 25px}.tennis-heading{display:block;padding:10px}.tennis-heading>p{display:inline-block;margin:0 0 18px}.tennis-game{padding:15px}.tennis-court{height:275px;border-width:5px}.court-player{width:110px;height:195px;bottom:14px}.court-player img{height:169px}.court-player span{font-size:12px;padding:3px 6px}.opponent{left:1%}.cat{right:1%}.court-message{left:8%;right:8%;font-size:14px}.court-lines{inset:38px 15px}.tennis-answers{gap:12px}.tennis-answers button{min-width:0;width:28%;font-size:27px;padding:14px 5px}.tennis-top{font-size:14px}.tennis-rounds span{font-size:14px}.tennis-overlay>img{height:145px}.tennis-overlay p{font-size:16px}}@media(prefers-reduced-motion:reduce){.serving .opponent img,.caught .cat img{animation:none}.serving .tennis-ball,.caught .tennis-ball,.missed .tennis-ball{animation-duration:.01s}}

.tennis-clock{text-align:center;padding:10px;margin-bottom:16px;border-radius:18px;background:#eee6f7;color:#65567e}.tennis-clock>span{font-size:14px;font-weight:bold}.tennis-clock strong{display:block;font:600 66px/1.1 Fredoka,ui-rounded,sans-serif;font-variant-numeric:tabular-nums}.tennis-clock p{font-size:16px;font-weight:bold;margin:6px 0}.tennis-clock.urgent{background:#fff0d9;color:#815b3d}