.court-hud{position:absolute;top:44px;left:50%;transform:translateX(-50%);z-index:7;display:flex;align-items:center;gap:14px;background:#123b31ed;color:#fff2cc;border:2px solid #70885b;border-radius:12px;padding:8px 14px;box-shadow:0 3px 0 #08291e;max-width:calc(100% - 24px);font-size:11px}
.court-hud strong,.court-hud small{display:block}.court-hud small{margin-top:3px;color:#d1ddc0}.court-hud button{padding:9px 12px;background:#ffdb58;color:#173b31;border-radius:7px;white-space:nowrap;font-weight:800}.court-hud>span{white-space:nowrap}
.court-queue{background:#163e32;border:1px solid #52745a;border-radius:12px;padding:18px;margin:18px 0}.court-queue h3{color:#ffe18b;margin:0 0 8px}.court-queue p{font-size:13px;line-height:1.5}.court-queue ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.court-queue li{background:#ffffff0c;border-radius:6px;padding:9px;font-size:13px}.court-watch{margin-top:10px}
.touch-techniques{gap:6px}.touch-techniques button{min-width:65px}
@media(max-width:600px){.court-hud{top:66px;width:calc(100% - 24px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:8px 10px;font-size:10px}.court-hud>div{min-width:0}.court-hud strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.court-hud button{grid-column:2;grid-row:1/3;min-height:44px;padding:8px}.court-hud>span{grid-column:1;font-size:10px}.court-queue ol{grid-template-columns:1fr}.touch-techniques{gap:4px}.touch-techniques button{min-width:58px;font-size:9px}}