:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f0faff;background:#061320;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.38;cursor:not-allowed}.app{max-width:540px;margin:0 auto;padding:14px 14px max(22px,env(safe-area-inset-bottom));min-height:100dvh;background:radial-gradient(ellipse at top,#0a3441 0,#061320 58%)}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.tag{color:#59dce8;font-size:9px;font-weight:900;letter-spacing:2px}.brand{font-size:20px;font-weight:900;letter-spacing:.1px;margin-top:4px}.brand span{font-size:10px;color:#6ebccb}.icon{border:1px solid #245269;border-radius:9px;background:#0a2231;color:#b4e7eb;padding:10px}.status{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:12px}.status>div{display:flex;align-items:center;gap:6px}.ok{color:#69edbc}.warn{color:#ffbc77}.refresh{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #255063;border-radius:8px;background:#0a2332;color:#caecf1;font-size:11px}.selector{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #24576a;background:#0c2637;border-radius:11px;padding:9px 12px;margin-bottom:12px}.selector label{letter-spacing:1.5px;color:#7ec2d0;font-size:10px;font-weight:850}.select-wrap{display:flex;align-items:center;min-width:140px;position:relative}.select-wrap svg{position:absolute;right:4px;pointer-events:none;color:#b3d7dd}.select-wrap select{color:#fff;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;padding:8px 25px 8px 6px;font-weight:750;width:100%}.select-wrap option{background:#0b2432}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:11px}.metrics>div{min-width:0;border:1px solid #255c71;border-radius:9px;background:#0b2535;padding:9px 6px}.metrics small{display:block;color:#7dbccc;font-size:9px;letter-spacing:.7px;font-weight:800;white-space:nowrap}.metrics strong{display:block;margin-top:5px;font-size:23px;letter-spacing:-1px}.metrics i{font-style:normal;font-weight:600;color:#74afbf;font-size:12px}.panel{background:#092131;border:1px solid #28617a;border-radius:12px}.court-panel{padding:9px 8px 12px}.section-title{padding:2px 6px 5px;display:flex;justify-content:space-between;color:#59e1ec;font-size:10px;font-weight:900;letter-spacing:1.3px}.section-title em{color:#82abba;font-style:normal}.court{display:block;width:min(100%,440px);height:auto;margin:0 auto}.court-foot{text-align:center;margin-top:-2px}.court-foot span{display:block;color:#72c0ce;letter-spacing:1.4px;font-size:9px;font-weight:900}.court-foot strong{display:block;font-size:22px;color:#fff6e8;margin-top:3px}.mini-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:8px}.mini-stats>div{border:1px solid #29586a;border-radius:7px;padding:5px;display:flex;gap:4px;justify-content:center;align-items:center;color:#95c2c9}.mini-stats .selected{border-color:#ffb25c;color:#ffbd6d;background:#402e20}.mini-stats b{font-size:11px}.mini-stats small{font-size:10px}.actions{padding:12px 0 4px}.shot-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shot-buttons button,.start{border:0;border-radius:13px;min-height:88px;font-size:17px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 -4px #00000024}.hit{background:#4ce4b3;color:#00372c}.miss{background:#fa7e85;color:#40101d}.primary{background:#55dce6;border:none;color:#06202b;font-weight:900;border-radius:10px;padding:16px}.start{width:100%;min-height:66px}.sub-actions{display:flex;gap:9px;margin-top:9px}.sub-actions button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;background:#102d3c;border:1px solid #2a586a;border-radius:9px;color:#d3edf3;font-size:12px;font-weight:750;padding:12px 3px;min-height:48px}.footer{text-align:center;color:#8cb8c4;font-size:11px;padding:6px}.alert{border:1px solid #a95f55;background:#41232d;color:#ffccd0;padding:10px 12px;margin:9px 0;border-radius:9px;font-size:12px}.centered{min-height:100dvh;display:grid;place-items:center;padding:20px}.login{width:min(100%,400px);padding:24px}.login h1{font-size:25px;margin:8px 0}.login p{color:#a0c5d0;line-height:1.6;font-size:13px}.login label{display:block;font-size:12px;color:#a9d4de;margin:17px 0}.login input{display:block;width:100%;padding:13px;color:#fff;background:#061b28;border:1px solid #356276;border-radius:9px;font-size:16px;margin-top:7px}.login button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px}.info{padding:20px;line-height:1.6}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:360px){.app{padding-inline:9px}.metrics strong{font-size:20px}.court-foot strong{font-size:19px}.shot-buttons button{font-size:15px}}@media(min-width:700px){.app{border-inline:1px solid #123444}}@media(max-width:600px){.court{max-width:335px}.actions{position:sticky;bottom:0;z-index:5;margin:0 -8px;padding:9px 8px max(9px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#061320e8,#061320 28%);border-top:1px solid #154254}.shot-buttons button{min-height:73px}}.round-status{text-align:center;letter-spacing:.8px;font-size:12px;color:#a8d9e5;font-weight:850;margin-bottom:10px;padding:10px;border:1px solid #26647b;border-radius:9px;background:#0c293a}.next-round{background:#ffb65e;color:#132637}.actions .next-round{min-height:70px}.actions .sub-actions{margin-top:11px}