body[data-game=pong]{--bw-accent:#79dce8;--bw-accent-2:#b9f3ee;--bw-on-accent:#062831;--bw-content-max:1180px}.pong-shell .bw-name{width:100%;min-height:44px;border:1px solid #304b5c;border-radius:12px;background:#071721;color:#fff;padding:.7rem;font:inherit;text-align:center;letter-spacing:.12em}.pong-shell .sound-setting{flex-direction:row!important;align-items:center!important;gap:.6rem!important}.sound-setting input{width:20px;height:20px;accent-color:#79dce8}.pong-shell .bw-segments{display:flex;gap:4px}.pong-shell .bw-segments button{flex:1;padding:.6rem}.pong-preview{position:relative;height:180px;max-width:420px;border:1px solid #2b5867;border-radius:18px;margin-top:24px;background:radial-gradient(ellipse at 40% 30%,#173b48,#0a1e2b);overflow:hidden}.preview-line{position:absolute;top:50%;width:100%;border-top:1px dashed #497381}.preview-paddle{position:absolute;height:8px;width:76px;border-radius:8px;box-shadow:0 0 18px #79dce844}.preview-paddle.far{top:25px;left:28%;background:#ffaf78}.preview-paddle.near{bottom:38px;left:52%;background:#79dce8}.preview-ball{position:absolute;width:12px;height:12px;border-radius:50%;background:#effffe;top:48%;left:60%;box-shadow:-12px 15px 0 -2px #b6eef033,-24px 30px 0 -3px #b6eef018,0 0 20px #acfdff70}.preview-caption{position:absolute;bottom:12px;width:100%;text-align:center;font:9px system-ui,sans-serif;letter-spacing:.25em;color:#81a7b8}.pong-scoreboard{display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,65px);margin:22px auto;font-family:system-ui,sans-serif}.score-player{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:55px;color:#d6eaf2}.score-player>span{font-size:12px}.score-player strong{color:var(--p1,#79dce8);text-shadow:0 0 1px white;font-size:clamp(36px,7vw,54px);font-weight:600;line-height:1}.score-player.opponent strong{color:var(--p2,#ffaf78)}.score-middle{display:flex;flex-direction:column;gap:7px;text-align:center}.score-middle span:first-child{color:#d0e7ed;font-size:10px;letter-spacing:.16em}.score-middle span:last-child{font-size:11px;color:#93b2c1}.pong-court{width:min(100%,440px);margin:auto;position:relative;aspect-ratio:5/7;border:1px solid #537b89;border-radius:20px;background:#091d29;box-shadow:inset 0 0 0 6px #ffffff04,0 8px #06141d,0 20px 40px #0004;overflow:hidden}.pong-court.vertical{width:min(100%,760px);aspect-ratio:7/5}.pong-court canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none}.pong-court canvas:focus-visible{outline:3px solid #aeedff;outline-offset:-5px}.court-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;gap:14px;background:#071c29db;text-align:center;backdrop-filter:blur(3px)}.court-overlay h3{margin:0;color:#edfaff;font:600 clamp(23px,4vw,34px)/1.15 system-ui,sans-serif;letter-spacing:-.03em}.court-overlay p{max-width:280px;color:#acc7d4;font-size:12px;line-height:1.6;margin:0}.overlay-eyebrow{color:#8adce8;font:10px system-ui,sans-serif;letter-spacing:.18em}.serve-count{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font:500 64px system-ui,sans-serif;color:#e9fdff;text-shadow:0 0 24px #68deff66}.pong-controls{display:flex;align-items:center;justify-content:center;gap:12px;max-width:550px;margin:18px auto 0}.pong-controls button{min-width:60px;min-height:50px;touch-action:none;font:25px system-ui,sans-serif}.pong-controls p{color:#a9c5d1;text-align:center;font-size:12px;line-height:1.6;flex:1}body[data-game=pong] [hidden]{display:none!important}body[data-game=pong].game-focused .bw-game-table{padding-top:12px}body[data-game=pong].game-focused .bw-back{display:none}body[data-game=pong].game-focused .pong-court{width:min(100%,440px,calc(max(280px,100dvh - 410px) * 5 / 7))}body[data-game=pong].game-focused .pong-court.vertical{width:min(100%,760px,calc(max(220px,100dvh - 410px) * 7 / 5))}.score-player strong{color:color-mix(in srgb,var(--p1,#79dce8) 65%,white)}.score-player.opponent strong{color:color-mix(in srgb,var(--p2,#ffaf78) 65%,white)}body[data-game=pong] .bw-game-table #message{max-width:550px;font-size:12px}@media(max-width:600px){.pong-preview{height:140px}.pong-court{border-radius:14px}.pong-scoreboard{margin:16px auto}.pong-controls{gap:8px}.pong-controls button{min-width:48px}.court-overlay{gap:10px;padding:12px}.pong-court.vertical .court-overlay p{display:none}}