:root{font:17px system-ui,sans-serif;color:#f5f7fa;background:#080c10;color-scheme:dark;--cyan:#67d9f0;--amber:#ffc568}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:20px}header,nav,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}header a{color:var(--cyan);font-size:1.4rem;font-weight:750;text-decoration:none}h1{font-size:2rem}h2{font-size:1.3rem}p{color:#bac6d2;line-height:1.5}.card{background:#18222d;border-radius:20px;padding:24px;margin:20px 0}button,input,select{font:inherit;min-height:48px;border-radius:12px;padding:12px;border:1px solid #4b6375}button{background:var(--cyan);color:#080c10;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}.quiet{background:#18222d;color:#f5f7fa}label{display:block;margin:16px 0 8px}input,select{width:100%;background:#080c10;color:#f5f7fa}input[type=checkbox]{width:24px;min-height:24px;margin-right:12px;vertical-align:middle}form button{margin-top:12px}fieldset{border:0;padding:0}.row>*{flex:1}.score{display:grid;grid-template-columns:1fr 1fr;gap:12px}.score article{text-align:center;background:#18222d;border-radius:20px;padding:20px;min-width:0}.score article:first-child{color:var(--cyan)}.score article:last-child{color:var(--amber)}.points{font-size:clamp(80px,18vw,160px);line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.dots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.dot{width:22px;height:22px;border-radius:50%;background:#ff453a}output{display:block;overflow-wrap:anywhere;margin-top:16px}output a{color:var(--cyan)}#status{min-height:24px}#stats{overflow-x:auto}table{width:100%;text-align:left;border-collapse:collapse}th,td{padding:12px 8px;border-bottom:1px solid #4b6375}[hidden]{display:none!important}.court main{max-width:none;padding:0}.court header,.court nav,.court #group-title,.court #live-status,.court #status,.court .card{display:none}.court .score{position:fixed;inset:0;gap:4px}.court .score article{border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:16px}.court .points{font-size:min(34vw,61vh)}.court h2{font-size:clamp(20px,5vh,60px);margin:0}.court .dot{width:5vh;height:5vh}.court .dots{min-height:5vh;margin:2vh 0}.court #sets-a,.court #sets-b{display:none}#exit-court{position:fixed;bottom:8px;left:50%;transform:translateX(-50%);background:#18222d;color:#bac6d2;font-size:12px;min-height:36px;padding:8px}#connection{position:fixed;top:8px;left:calc(50% - 6px);height:12px;width:12px;border-radius:50%;background:#ffa500}#connection.live{background:#30d158}@media(max-width:500px){main{padding:12px}.card{padding:18px}.score article{padding:12px}.row{flex-wrap:wrap}header{flex-wrap:wrap}}

.serving::before{content:"";display:inline-block;width:36px;height:48px;margin-right:10px;vertical-align:middle;background:currentColor;mask:url("racket.svg") center/contain no-repeat}.court .serving::before{width:9vh;height:12vh}.return-app{display:block;color:#080c10;background:var(--cyan);padding:20px;border-radius:12px;text-decoration:none;font-weight:700}

.court h2{height:13vh;display:flex;align-items:center;justify-content:center;line-height:1.1}

dialog{max-width:600px;width:90%;border:1px solid #4b6375;border-radius:20px;background:#18222d;color:#f5f7fa;padding:24px}dialog::backdrop{background:#000b}dialog form{text-align:right}#review-refresh{margin-top:16px}