.paddle-game{--pt-ink: #203342;--pt-blue: #087dba;--pt-coral: #d46550;--pt-serve-top: #199abf;--pt-serve-bottom: #087eab;--pt-serve-edge: #147a9b;--pt-serve-shadow: #155d78;position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;color:var(--pt-ink);background:radial-gradient(ellipse at 65% 30%,#fff,#eaf0f1 65%,#dce6e9);font-family:var(--font-sans, system-ui, sans-serif);overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.paddle-game button,.paddle-game a{-webkit-tap-highlight-color:transparent}.paddle-game button:focus-visible,.paddle-game a:focus-visible{outline:3px solid var(--pt-blue);outline-offset:4px}.paddle-topbar{height:82px;flex-shrink:0;padding:14px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b6c8d05c;background:#f9fcfbb8;box-shadow:0 4px 30px #324b5910;z-index:3}.paddle-brand{display:flex;align-items:center;gap:12px;min-width:220px}.paddle-brand h1{font-size:20px;font-weight:800;letter-spacing:-.7px;line-height:1.2}.paddle-brand>div>span{font-size:8px;letter-spacing:2px;font-weight:750;color:#657e88}.paddle-brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:46px;border-radius:10px;background:linear-gradient(135deg,#fff,#d5e3e8);box-shadow:inset 0 1px 1px #fff,0 3px #9eafb8,0 5px 10px #6c82962e;border:1px solid #b5c9d1;font-size:22px;font-weight:800;padding-top:6px}.paddle-brand-mark small{position:absolute;top:4px;left:6px;font-size:7px;letter-spacing:1px}.paddle-icon-button{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c3d0d5;border-radius:50%;background:#ffffffa6;color:#566e7a;cursor:pointer}.paddle-icon-button:hover{background:#fff;color:var(--pt-blue)}.paddle-settings{display:flex;gap:10px;align-items:center}.paddle-settings input[type=range]{width:58px;accent-color:var(--pt-blue)}.paddle-settings button{font-size:11px}.paddle-scoreboard{display:flex;align-items:center;gap:20px;flex-shrink:0}.paddle-score{display:flex;align-items:center;gap:14px}.paddle-score--right{flex-direction:row-reverse;text-align:right}.paddle-score>div>span{font-size:11px;font-weight:750;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.paddle-score strong{font-size:42px;line-height:1;font-weight:650;letter-spacing:-2px;animation:paddle-score-pop .4s ease-out}.paddle-score--left strong{color:#097eac}.paddle-score--right strong{color:#c65f4b}.paddle-score-divider{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#718590}.paddle-score-pips{display:flex;gap:3px;margin-top:6px}.paddle-score-pips i{display:block;width:9px;height:3px;border-radius:2px;background:#d6e0e4}.paddle-score--left .is-filled{background:var(--pt-blue)}.paddle-score--right .is-filled{background:var(--pt-coral)}.paddle-match-layout{flex:1;min-height:0;display:grid;grid-template-columns:244px minmax(0,1fr);gap:12px;padding:24px 26px 12px;max-width:1800px;width:100%;margin:0 auto}.paddle-match-layout--right{grid-template-columns:minmax(0,1fr) 244px}.paddle-match-layout--right .paddle-console{order:2}.paddle-console{background:linear-gradient(145deg,#ffffffed,#eef4f5e8);border:1px solid #ffffff;border-radius:22px;padding:18px 16px;box-shadow:0 12px 26px #435a6612,inset 0 1px #fff;display:flex;flex-direction:column;min-height:0;overflow:auto}.paddle-console-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;letter-spacing:1.35px;margin-bottom:14px;color:#52707e}.paddle-status-dot{width:6px;height:6px;border-radius:50%;background:#168ead;box-shadow:0 0 0 3px #128baf13}.paddle-question{display:flex;flex-direction:column;min-height:0;flex:1}.paddle-turn{padding:7px 8px;border-radius:6px;color:#096b90;background:#def2f9;font-size:9px;font-weight:800;letter-spacing:.55px;margin-bottom:13px}.paddle-question--opponent .paddle-turn{color:#886b52;background:#f0e9de}.paddle-question-prompt{font-size:clamp(17px,1.8vw,23px);line-height:1.28;font-weight:750;letter-spacing:-.65px;margin-bottom:16px;min-height:58px}.paddle-answers{display:grid;gap:8px}.paddle-answer{display:flex;align-items:center;gap:10px;position:relative;min-height:46px;border:1px solid #c5d4db;border-radius:10px;background:linear-gradient(#fff,#f7fafb);padding:9px 10px;text-align:left;box-shadow:0 3px #cbd6db;color:#263e4d;font-size:13px;font-weight:650;transition:transform .12s,background .12s,box-shadow .12s;cursor:pointer}.paddle-answer kbd{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:23px;height:25px;border-radius:5px;background:#e4edf1;color:#4e7183;font-size:10px;font-weight:800}.paddle-answer>span:first-of-type{overflow-wrap:anywhere}.paddle-answer:not(:disabled):hover{border-color:#0589b7;background:#eefbff;transform:translateY(-1px)}.paddle-answer:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #b5c8d1}.paddle-answer:disabled{cursor:default}.paddle-question--opponent .paddle-answer--neutral{opacity:.55;box-shadow:none}.paddle-answer--correct{background:#d9f1e5;border-color:#76b99a;box-shadow:0 3px #97c5ac;color:#18563c}.paddle-answer--wrong{background:#fde7df;border-color:#d3a090;box-shadow:0 3px #d7b5a8;color:#8c4034}.paddle-answer-verdict{margin-left:auto;font-size:16px}.paddle-answer-feedback{margin-top:16px;min-height:53px;font-size:11px;line-height:1.5}.paddle-answer-feedback strong{display:block;font-weight:700}.paddle-answer-feedback span{color:#71838c}.paddle-question--correct .paddle-answer-feedback strong{color:#187152}.paddle-question--wrong .paddle-answer-feedback strong{color:#9c493b}.paddle-question-wait{padding:22px 0 10px}.paddle-question-wait h2{font-size:27px;line-height:1.17;letter-spacing:-1px;font-weight:750;margin:22px 0 16px}.paddle-question-wait p{font-size:12px;line-height:1.7;color:#657985}.paddle-lesson-number{font-size:32px;color:var(--pt-blue);font-weight:300;letter-spacing:-1px}.paddle-lesson-number span{font-size:8px;color:#78909b;font-weight:750;letter-spacing:1px}.paddle-lesson{display:flex;align-items:center;gap:8px;margin:24px 0;color:var(--pt-blue);font-size:8px;letter-spacing:.8px;font-weight:800}.paddle-lesson i{font-style:normal;color:#9aafb8}.paddle-question-wait .paddle-fiction-note{font-size:10px;line-height:1.5;color:#80939b}.paddle-molecule-status{padding-top:16px;margin-top:auto;border-top:1px solid #d7e3e8}.paddle-molecule-status>span{font-size:8px;letter-spacing:1.5px;font-weight:750;color:#718791}.paddle-molecule-status>div:not(.paddle-carbon-meter){display:flex;justify-content:space-between;align-items:baseline;margin-top:5px}.paddle-molecule-status strong{text-transform:capitalize;font-size:18px;letter-spacing:-.5px}.paddle-molecule-status>div>span{font-size:13px;color:#657e8d}.paddle-carbon-meter{display:flex;gap:4px;margin-top:12px}.paddle-carbon-meter i{height:5px;flex:1;background:#d6e1e6;border-radius:3px;transition:background .2s}.paddle-carbon-meter .is-filled{background:#0e91b9;box-shadow:0 1px 3px #1587ad25}.paddle-molecule-status p{font-size:9px;color:#83959d;margin-top:8px}.paddle-arena-column{min-width:0;min-height:0;display:flex;flex-direction:column}.paddle-arena-caption{display:flex;justify-content:space-between;padding:0 18px;font-size:8px;letter-spacing:1.6px;color:#6f8793;font-weight:700;height:24px;flex-shrink:0}.paddle-arena-stage{position:relative;min-height:0;flex:1}.paddle-3d-court{position:absolute;inset:0;touch-action:none}.paddle-court-loading{position:absolute;inset:10%;width:80%;height:80%;opacity:.2}.paddle-court-footer{height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;font-size:10px;font-weight:650;color:#63808e;flex-shrink:0}.paddle-court-footer>span{display:flex;align-items:center;gap:7px}.paddle-court-footer i{width:7px;height:7px;border-radius:50%;display:inline-block}.paddle-court-footer-center{font-size:8px;letter-spacing:1.1px;text-align:center}.paddle-serve-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:16px}.paddle-serve-card{pointer-events:auto;width:300px;padding:21px 25px;border-radius:20px;text-align:center;background:linear-gradient(145deg,#ffffffed,#eef5f5f0);border:1px solid #fff;box-shadow:0 24px 55px #20445026,0 3px #b6cbd255;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:paddle-arrive .45s ease-out}.paddle-eyebrow{color:#0981a4;font-size:8px;letter-spacing:1.55px;font-weight:850}.paddle-serve-card h2{font-size:27px;font-weight:750;line-height:1.14;letter-spacing:-1px;white-space:pre-line;margin:12px 0}.paddle-serve-card p{font-size:11px;color:#6a7f88;line-height:1.6;margin-bottom:17px}.paddle-serve-button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:13px 17px;border-radius:11px;border:1px solid var(--pt-serve-edge);background:linear-gradient(var(--pt-serve-top),var(--pt-serve-bottom));color:#fff;box-shadow:0 4px 0 var(--pt-serve-shadow),0 8px 15px #0c7caa26;font-weight:750;font-size:14px;cursor:pointer;transition:transform .12s,box-shadow .12s}.paddle-serve-button:hover{background:linear-gradient(#2bacce,#138db7);transform:translateY(-1px)}.paddle-serve-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pt-serve-shadow)}.paddle-serve-button>span{font-size:8px;letter-spacing:1px;padding:3px 5px;border:1px solid #ffffff52;border-radius:4px}.paddle-controls{height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:22px;color:#6d818d;font-size:10px;border-top:1px solid #c6d6dc7a;background:#eef4f5b3}.paddle-controls>span{display:flex;align-items:center;gap:4px}.paddle-controls kbd{background:#fff8;padding:1px 4px;border:1px solid #c6d5db;border-radius:3px;font-size:9px}.paddle-controls a{color:#227894;margin-left:10px}.paddle-touch-strip{display:flex;min-height:90px;max-height:150px;flex:1;justify-content:center;padding:8px 0}.paddle-results{flex:1;min-height:0;overflow:auto;padding:30px max(24px,calc((100vw - 1000px)/2))}.paddle-victory{text-align:center;margin-bottom:30px}.paddle-victory>span{font-size:10px;font-weight:700;letter-spacing:2px;color:#64828e}.paddle-victory h2{font-size:36px;letter-spacing:-1px;font-weight:750;margin:10px 0}.paddle-victory p{color:#657c87;font-size:14px}.paddle-victory.is-winner h2{color:#087d9e}.paddle-spectator-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:14px}.paddle-touch-legend{font-size:10px;color:#6a7f88;margin-bottom:14px;line-height:1.5}.paddle-pause-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:#e5edf280;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.paddle-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.paddle-fallback svg{width:100%;height:100%;max-height:100%;filter:drop-shadow(0 15px 12px #27455425);touch-action:none}.paddle-fallback-label{position:absolute;top:0;font-size:9px;color:#617c89}.paddle-volume-label{font-size:11px;color:#566e7a}@keyframes paddle-arrive{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes paddle-score-pop{0%{transform:scale(1.18)}to{transform:scale(1)}}@media(max-width:1100px){.paddle-topbar{padding:12px 16px;gap:10px}.paddle-brand{min-width:180px;gap:8px}.paddle-brand h1{font-size:17px}.paddle-settings input[type=range]{width:44px}.paddle-scoreboard{gap:12px}.paddle-score{gap:9px}.paddle-match-layout{padding:16px 16px 8px;grid-template-columns:220px minmax(0,1fr)}.paddle-match-layout--right{grid-template-columns:minmax(0,1fr) 220px}.paddle-console{padding:16px 13px}.paddle-controls{gap:12px;font-size:9px}}@media(max-height:720px){.paddle-topbar{height:68px}.paddle-match-layout{padding-top:14px}.paddle-console{padding-top:13px;padding-bottom:13px}.paddle-console-label{margin-bottom:10px}.paddle-question-prompt{font-size:20px;min-height:45px;margin-bottom:10px}.paddle-turn{margin-bottom:10px}.paddle-answer{min-height:40px;padding:7px 9px}.paddle-answers{gap:7px}.paddle-answer-feedback{margin-top:12px;min-height:45px}.paddle-molecule-status{padding-top:11px}.paddle-question-wait{padding-top:10px}.paddle-question-wait h2{font-size:25px;margin-top:16px}.paddle-lesson{margin:18px 0}}@media(max-width:760px)and (min-height:600px){.paddle-brand{min-width:0}.paddle-brand-mark,.paddle-brand>div>span{display:none}.paddle-topbar{padding:10px}.paddle-score-divider{display:none}.paddle-scoreboard{gap:16px}.paddle-score strong{font-size:30px}.paddle-score>div>span{font-size:9px;max-width:55px}.paddle-settings{gap:5px}.paddle-match-layout,.paddle-match-layout--right{display:flex;flex-direction:column-reverse;padding:12px;gap:4px}.paddle-arena-column{flex:1;min-height:200px}.paddle-console{flex:0 0 auto;padding:12px;max-height:270px}.paddle-console-label,.paddle-molecule-status{display:none}.paddle-turn{margin-bottom:7px}.paddle-question-prompt{font-size:17px;min-height:0;margin-bottom:10px}.paddle-answers{grid-template-columns:1fr 1fr}.paddle-answer-feedback{min-height:0;margin-top:8px;font-size:10px}.paddle-answer-feedback span{display:none}.paddle-question-wait{padding:0;display:flex;gap:15px;align-items:center}.paddle-question-wait h2{font-size:20px;flex-shrink:0;margin:0}.paddle-question-wait p{font-size:10px}.paddle-lesson-number,.paddle-lesson,.paddle-fiction-note{display:none}.paddle-controls{height:44px;gap:10px;flex-wrap:wrap;padding:5px}.paddle-controls>span:first-child,.paddle-controls a{display:none}.paddle-serve-card{width:280px;padding:18px}.paddle-serve-card h2{font-size:24px}.paddle-serve-card p{font-size:11px;margin-bottom:15px}.paddle-court-footer-center{display:none}}.paddle-game--touch .paddle-topbar{height:48px;padding:5px 12px}.paddle-game--touch .paddle-brand{min-width:0}.paddle-game--touch .paddle-brand-mark,.paddle-game--touch .paddle-brand>div>span{display:none}.paddle-game--touch .paddle-brand h1{font-size:14px}.paddle-game--touch .paddle-score strong{font-size:29px}.paddle-game--touch .paddle-score-pips{margin-top:3px}.paddle-game--touch .paddle-settings input{width:44px}.paddle-game--touch .paddle-match-layout{grid-template-columns:210px minmax(0,1fr);padding:8px 10px;gap:6px}.paddle-game--touch .paddle-match-layout--right{grid-template-columns:minmax(0,1fr) 210px}.paddle-game--touch .paddle-console{padding:9px;border-radius:13px;overflow:hidden}.paddle-game--touch .paddle-console-label,.paddle-game--touch .paddle-molecule-status{display:none}.paddle-game--touch .paddle-question{flex:0 1 auto}.paddle-game--touch .paddle-turn{font-size:8px;padding:4px 6px;margin-bottom:5px}.paddle-game--touch .paddle-question-prompt{font-size:13px;min-height:0;margin-bottom:7px}.paddle-game--touch .paddle-answers{grid-template-columns:1fr 1fr;gap:5px}.paddle-game--touch .paddle-answer{font-size:10px;min-height:32px;padding:5px;box-shadow:0 2px #cbd6db}.paddle-game--touch .paddle-answer-feedback{font-size:9px;line-height:1.3;min-height:0;margin-top:7px}.paddle-game--touch .paddle-answer-feedback span{display:none}.paddle-game--touch .paddle-arena-caption{height:16px;font-size:7px;padding:0 10px}.paddle-game--touch .paddle-court-footer{height:20px;font-size:9px;padding:0 10px}.paddle-game--touch .paddle-court-footer-center{display:none}.paddle-game--touch .paddle-serve-card{width:260px;padding:14px 18px}.paddle-game--touch .paddle-serve-card h2{font-size:22px;margin:7px 0}.paddle-game--touch .paddle-serve-card p{font-size:10px;line-height:1.4;margin-bottom:10px}.paddle-game--touch .paddle-eyebrow{font-size:7px}.paddle-game--touch .paddle-serve-button{padding:9px 13px;font-size:12px}.paddle-game--touch .paddle-question-wait{padding:3px 0}.paddle-game--touch .paddle-question-wait h2{font-size:19px;margin:5px 0}.paddle-game--touch .paddle-question-wait p{font-size:10px;line-height:1.5}.paddle-game--touch .paddle-lesson-number,.paddle-game--touch .paddle-lesson,.paddle-game--touch .paddle-fiction-note{display:none}@media(prefers-reduced-motion:reduce){.paddle-game *{animation:none!important;transition:none!important}}.paddle-game--touch .paddle-volume-control{gap:4px}.paddle-game--touch .paddle-volume-label{font-size:10px}@media(max-width:700px){.paddle-game--touch .paddle-brand h1{display:none}}