html,body{background:#0a0a0a;color:#eaeaea;font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.5;min-height:100%}#app{max-width:880px;margin:0 auto;padding:2rem 1rem 3rem}h1{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.04em;text-align:center;margin:0 0 1.5rem}.panel{background:#141414;border:1px solid #222;border-radius:12px;padding:1.5rem}.lead{margin-top:0;color:#aaa}button{font:inherit;background:#2a2a2a;color:#fff;border:1px solid #333;border-radius:8px;padding:.6rem 1rem;cursor:pointer}button:hover{background:#353535}button.primary{background:#2563eb;border-color:#1d4ed8;font-weight:600;width:100%}button.primary:hover{background:#1d4ed8}input{font:inherit;background:#0a0a0a;color:#fff;border:1px solid #333;border-radius:8px;padding:.6rem .8rem;letter-spacing:.2em;text-transform:uppercase;flex:1}input:focus{outline:2px solid #2563eb;outline-offset:1px}.divider{display:flex;align-items:center;text-align:center;margin:1rem 0;color:#666}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #2a2a2a}.divider span{padding:0 .75rem;font-size:.85rem}.join-row{display:flex;gap:.5rem}.game-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}#room-label{font-family:ui-monospace,monospace;font-weight:700;letter-spacing:.1em}.share{font-size:.85rem;color:#888}.share a{color:#60a5fa;margin-left:.25rem;text-decoration:none;word-break:break-all}.share a:hover{text-decoration:underline}#court{display:block;width:100%;height:auto;max-width:800px;margin:0 auto;background:#000;border-radius:4px;cursor:none}.controls{text-align:center;color:#888;font-size:.9rem;margin:.75rem 0 0}kbd{background:#1f1f1f;border:1px solid #333;border-bottom-width:2px;border-radius:4px;padding:.05rem .4rem;font-family:ui-monospace,monospace;font-size:.85em}
/*# sourceMappingURL=client.css.map */