.launch-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 18px}.launch-tools button{border:1px solid #215d5e;background:#faf5e4;color:#215d5e;padding:9px 15px;border-radius:5px;font:700 13px var(--font-body);min-height:44px}.launch-tools button:hover{background:#dce7d5}.launch-tools p{flex-basis:100%;font-size:12px;color:#536a68}.brand-credit{flex-basis:100%;text-align:center;padding:16px 0;font-size:12px}.brand-credit a{color:inherit;text-underline-offset:3px}
.arena,.arena.started,.arena:not(.started){aspect-ratio:1280/680;margin-bottom:0;overflow:hidden;position:relative;container-type:normal}.arena-stage{position:absolute;width:1280px;height:680px;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%)}.arena-stage>canvas{width:1280px;height:680px;position:absolute;inset:0;border-radius:0}.arena:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden}.arena:fullscreen .arena-stage>canvas{width:1280px;height:680px}.arena .court-keys{left:12px;right:12px;bottom:10px;gap:5px;padding:8px 10px}.arena .court-keys button{min-height:36px;font-size:11px;padding:4px 9px}.arena .court-keys kbd{font-size:13px}.arena .court-keys small{display:block;font-size:10px}.arena .keys-hint{display:inline;font-size:10px}.arena .serve-coach{top:90px;padding:10px 18px;min-width:280px}.arena .serve-coach b,.arena .serve-coach strong{font-size:13px}
.controls-guide{flex-wrap:wrap}#help-dialog{transform:rotate(var(--game-rotation,0deg)) scale(min(1,var(--game-scale,1)));transform-origin:center}#install-help{width:min(440px,90vw);border:1px solid #215d5e;border-radius:8px;padding:30px;background:#faf8ee;color:#263e48}#install-help::backdrop{background:#193e4377}#install-help h2{font-size:22px;margin-bottom:16px}#install-help p{font-size:14px;line-height:1.8;margin-bottom:20px}#install-help label{display:block;font-size:12px;margin:12px 0}#install-help label[hidden]{display:none}#share-url{width:100%;padding:10px;border:1px solid #8ba89b;margin:6px 0;font-size:14px}
@media(max-width:850px){.masthead{padding:12px 16px;flex-wrap:wrap;gap:10px}.header-actions{gap:5px}.header-actions .icon-button span{display:none}.mode{display:none}main{padding:18px 12px 0}.match-heading{gap:10px;align-items:start}.match-heading h1{font-size:21px}.match-heading p{font-size:12px}.match-meta{display:none}.launch-tools button{font-size:12px;padding:8px 10px}.under-court{font-size:11px}footer{gap:10px}.controls-guide{gap:10px}.guide-item{font-size:11px}.brand{font-size:20px}.brand-icon{width:36px;height:36px}}