
:root{--gr-bg:#070707;--gr-panel:#f3f3f0;--gr-panel2:#e8e8e4;--gr-white:#fff;--gr-ink:#111;--gr-muted:#6f6f6a;--gr-line:#d7d7d2;--gr-green:#74b82a;--gr-green-dark:#57901b;--gr-softline:#1d1d1d;--gr-good:#65d995;--gr-warn:#f0bd62;--gr-bad:#ff7777;--gr-radius:18px;--gr-shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--gr-bg)}body{margin:0;background:var(--gr-bg);color:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.055),transparent 32%);z-index:-1}
main{max-width:980px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center}.top h1{margin:0 0 5px}
h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(30px,4vw,54px);line-height:.98}a{color:inherit}
.card,.surface,.sidebar{background:linear-gradient(180deg,#fff,#f2f2ef);color:var(--gr-ink);border:1px solid var(--gr-line);border-radius:var(--gr-radius);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.card{padding:20px;margin:15px 0}.card label{display:block;margin:8px 0}.card input,.card select,.surface input,.surface select,.sidebar input,.sidebar select{padding:12px;width:100%;margin-top:3px;background:#fff;color:#111;border:1px solid #ccc;border-radius:11px;outline:none}input,select,textarea{padding:12px;width:100%;margin-top:3px;background:#101010;color:#fff;border:1px solid #333;border-radius:11px;outline:none}
input:focus,select:focus,textarea:focus{border-color:#777;box-shadow:0 0 0 3px #ffffff10}
button{padding:14px 18px;border:1px solid #333;border-radius:12px;font-size:15px;cursor:pointer;font-weight:800;background:#191919;color:#fff;transition:transform .12s ease,background .12s ease,border-color .12s ease}
button:hover{transform:translateY(-1px);border-color:#555}button:active{transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed}.primary,.startbtn{background:var(--gr-green)!important;color:#0b1603!important;border-color:var(--gr-green)!important}.primary:hover,.startbtn:hover{background:var(--gr-green-dark)!important;color:#fff!important}
.score{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.score>div{background:linear-gradient(180deg,#171717,#101010);padding:20px;border:1px solid var(--gr-line);border-radius:var(--gr-radius)}.score h2{font-size:24px}.score div>div{font-size:70px;font-weight:900;font-variant-numeric:tabular-nums}
.actions{display:grid;gap:12px}.actions button{padding:18px}.actions .p{background:#fff;color:#111}.warmup{background:#4a3414;border:1px solid #785722;padding:18px;border-radius:14px;text-align:center;font-size:24px}.hidden{display:none}.broadcast{text-align:center;padding:30px}
.big{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.big div{display:flex;justify-content:space-between;background:#171717;border:1px solid var(--gr-line);padding:30px;border-radius:18px;font-size:34px}.big strong{font-size:70px}
#sets{font-size:22px;margin:15px 0}.servebox{padding:14px 16px;border:1px solid var(--gr-line);border-radius:12px;margin:14px 0}.endshint{font-weight:800}.brandmark{font-weight:950;letter-spacing:-1.5px;text-transform:uppercase}
.eyebrow{font-size:11px!important;color:var(--gr-muted);text-transform:uppercase;letter-spacing:.16em;font-weight:800}.muted,.meta{color:var(--gr-muted)}
.chip,.pill{background:#141414;border:1px solid #333!important;border-radius:999px}.ok{color:var(--gr-good)!important}.bad{color:var(--gr-bad)!important}.warn{color:var(--gr-warn)!important}
::selection{background:#fff;color:#000}@media(max-width:720px){main{padding:14px}.card{border-radius:14px}.score{gap:8px}}

/* v0.37 brand balance */
.surface .muted,.sidebar .muted,.card .muted{color:#74746f}.surface a,.sidebar a,.card a{color:#111}
.surface button,.sidebar button,.card button{background:#161616;color:#fff;border-color:#161616}
.surface button.primary,.sidebar button.primary,.card button.primary{background:var(--gr-green)!important;color:#102005!important;border-color:var(--gr-green)!important}
.brand-accent{color:var(--gr-green)}.live-accent{background:var(--gr-green);color:#102005;border-color:var(--gr-green)}

/* v0.38 official Global Racket brand assets */
.gr-logo{display:block;width:auto;height:46px;object-fit:contain}.gr-logo-lg{height:72px}.gr-logo-on-light{filter:none}
.gr-brandbar{display:flex;align-items:center;gap:16px}.gr-brandbar .gr-divider{width:1px;height:34px;background:currentColor;opacity:.18}
.gr-brandbar .gr-product{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;opacity:.72}
.gr-iconbtn{display:inline-flex;align-items:center;gap:9px}.gr-iconbtn:before{content:"";width:16px;height:16px;background:url('/static/brand/favicon.png') center/contain no-repeat;flex:none}
.gr-logo-watermark{position:absolute;right:20px;bottom:16px;width:64px;opacity:.055;pointer-events:none}

/* ===== v0.39 WOW layer ===== */
:root{--gr-neon:#b6c52d;--gr-neon2:#d5df57}
@keyframes grPulse{0%,100%{box-shadow:0 0 0 0 rgba(182,197,45,.0)}50%{box-shadow:0 0 0 7px rgba(182,197,45,.09)}}
@keyframes grIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes grScan{from{transform:translateY(-100%)}to{transform:translateY(100vh)}}
.gr-logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
.gr-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gr-neon);margin-right:7px;animation:grPulse 1.8s infinite}
.gr-kicker{font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:950;color:var(--gr-neon)}
.gr-number{font-variant-numeric:tabular-nums;font-weight:950;letter-spacing:-.045em}
.gr-rail{height:3px;background:linear-gradient(90deg,var(--gr-neon) 0 18%,#fff 18% 25%,transparent 25%);opacity:.9}
.gr-glass{background:rgba(12,12,12,.78)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gr-command{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}
.gr-command>a,.gr-command>button{min-height:68px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;padding:12px 14px;border-radius:14px;border:1px solid #292929;background:#111;color:#fff}
.gr-command b{font-size:13px}.gr-command small{color:#858585;margin-top:4px}.gr-command>a:hover,.gr-command>button:hover{border-color:var(--gr-neon);background:#17180d}
.gr-statusline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px 0}.gr-statusline span{font-size:11px;font-weight:850;letter-spacing:.04em}
.gr-hero-mark{position:absolute;right:-2vw;top:-4vh;width:min(38vw,500px);opacity:.055;pointer-events:none;transform:rotate(-4deg)}
.gr-court-index{font-size:11px;color:#777;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.gr-live-card{position:relative;overflow:hidden}.gr-live-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gr-neon)}
.gr-score-chip{background:#111;color:#fff;border-radius:9px;padding:5px 9px;font-weight:950;font-variant-numeric:tabular-nums}
.gr-ai-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--gr-neon);color:#111;font-weight:950;box-shadow:0 0 35px rgba(182,197,45,.22)}
.gr-ai-orb:after{content:"GR";font-size:11px}
.gr-fadein{animation:grIn .32s ease both}
@media(max-width:800px){.gr-command{grid-template-columns:1fr 1fr}.gr-hero-mark{width:65vw}}
