#ss-court{
  position:fixed;inset:0;z-index:80;pointer-events:none;
  font-family:ui-sans-serif,system-ui,sans-serif;
  color:#f4f7ff;
}
#ss-court *{box-sizing:border-box}
.ss-court-bar{
  pointer-events:none;
  display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
  padding:.45rem .7rem .5rem;
  background:linear-gradient(180deg,#070b16f2,#070b16cc);
  border-bottom:1px solid #67e8f94d;
  box-shadow:0 10px 30px #000000a6;
}
.ss-court-stat{
  min-width:5.6rem;
  background:#0000008c;
  border:1px solid #ffffff24;
  border-radius:.5rem;
  padding:.22rem .55rem .2rem;
  line-height:1.1;
}
.ss-court-stat label{
  display:block;
  font-size:9px;font-weight:800;letter-spacing:.16em;
  color:#67e8f9;
}
.ss-court-stat b{
  font-size:1.05rem;font-variant-numeric:tabular-nums;
  text-shadow:0 1px 0 #000;
}
.ss-court-stat[data-low="1"]{border-color:#f87171aa}
.ss-court-stat[data-low="1"] label,.ss-court-stat[data-low="1"] b{color:#fecaca}
.ss-court-actions{margin-left:auto;display:flex;gap:.45rem;pointer-events:auto}
.ss-court-actions button{
  cursor:pointer;border:0;border-radius:.5rem;
  font-weight:800;letter-spacing:.06em;
  padding:.45rem .75rem;font-size:.72rem;
  color:#fff;background:#dc2626;
  box-shadow:0 0 18px #dc262666;
}
.ss-court-actions button.ghost{
  background:#ffffff14;color:#e2e8f0;box-shadow:none;
  border:1px solid #ffffff2a;
}
.ss-court-hint{
  width:100%;
  font-size:11px;color:#cbd5e1;letter-spacing:.02em;
}
#ss-court-fallback{
  position:fixed;inset:0;z-index:5;background:#050509;display:none;
}
#ss-court-fallback.live{display:block}
#ss-court-fallback canvas{width:100%;height:100%;display:block;background:#070b14}
.ss-court-dead{
  position:absolute;inset:0;display:none;place-items:center;
  background:#1a0606e6;color:#fff;text-align:center;pointer-events:auto;
}
.ss-court-dead.show{display:grid}
.ss-court-dead h2{margin:0 0 .4rem;font-size:2.4rem;color:#ef4444}
.ss-court-dead p{margin:0 0 1rem;color:#cbd5e1}
.ss-court-dead button{
  cursor:pointer;border:0;border-radius:.5rem;
  font-weight:800;letter-spacing:.06em;
  padding:.55rem 1.1rem;font-size:.9rem;
  color:#fff;background:#dc2626;
}
.ss-court-up{
  position:absolute;inset:0;display:none;place-items:center;
  background:#060914e8;pointer-events:auto;
}
.ss-court-up.show{display:grid}
.ss-court-up .grid{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}
.ss-court-up button{
  width:11.5rem;text-align:left;cursor:pointer;
  background:#0b1224;color:#fff;border:1px solid #67e8f966;
  border-radius:.8rem;padding:.85rem;
}
.ss-court-up h3{margin:0 0 .35rem}
.ss-court-up small{color:#94a3b8}
.ss-hud-vitals,.ss-hud-score,button[aria-label="Pause game"]{
  top:5.15rem !important;
}
@media (max-width:720px){
  .ss-court-stat{min-width:4.5rem}
  .ss-court-stat b{font-size:.95rem}
}