/* SAS Multisport · extends combine.css */
.hud-home{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 14px;font-weight:800;font-size:13px;cursor:pointer}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:4px 0 16px}
.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 14px 14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));color:#fff;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}
.tile:active{transform:scale(.97)}
.tile:hover{border-color:rgba(255,255,255,.4)}
.tile .ico{font-size:30px;line-height:1;margin-bottom:6px}
.tile b{font-size:16px;font-weight:900;letter-spacing:-.01em}
.tile small{color:var(--muted);font-size:12.5px;font-weight:600}
.tile .best{position:absolute;top:12px;right:12px;min-width:38px;padding:5px 8px;border-radius:10px;background:#fff;color:var(--navy);font-weight:900;font-size:15px;text-align:center}
.tile.played{border-color:rgba(42,102,255,.7);background:linear-gradient(160deg,rgba(42,102,255,.3),rgba(255,255,255,.03))}
.intro .ghost{margin-top:10px}
.intro .fine a{color:#fff;font-weight:800}
.ghud{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;font-weight:900;font-size:20px;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.ghud small{font-size:12px;color:var(--muted);font-weight:700;margin-left:3px}
.pads.p3{grid-template-columns:1fr 1.1fr 1fr}
.pads.p1{grid-template-columns:1fr}
.pads:empty{display:none}
.pad.breathe{font-size:18px;background:linear-gradient(180deg,rgba(0,210,255,.3),rgba(0,120,255,.12));border-color:rgba(120,220,255,.6)}
.pad.wide{font-size:22px}
.score-big{font-size:clamp(110px,34vw,170px);font-weight:900;line-height:.9;letter-spacing:-.05em;margin:10px 0 6px;background:linear-gradient(180deg,#fff,#b9c9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
#s-done .ghost{margin-top:10px;max-width:420px}
#s-done .cta{max-width:420px}

#s-hub .intro h1{font-size:clamp(40px,12.5vw,80px)}

.cats{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.cats li{font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line)}
.st-h{width:100%;text-align:left;font-size:18px;font-weight:900;margin:26px 0 10px}
.st-h small{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-top:2px}
.tiles.t3{grid-template-columns:repeat(3,1fr);gap:8px}
.tiles.t3 .tile{padding:12px 10px 10px;border-radius:14px}
.tiles.t3 .tile .ico{font-size:24px;margin-bottom:4px}
.tiles.t3 .tile b{font-size:13px;line-height:1.2}
.tiles.t3 .tile small{font-size:10.5px}
.tiles.t3 .tile .best{top:8px;right:8px;min-width:30px;padding:3px 6px;font-size:12.5px}
.brief-at{font-size:14px!important;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:12px 14px;max-width:34ch}
.brief-at b{color:#ffcf3f}
.card-sport{color:var(--muted);font-size:15px;line-height:1.5;max-width:420px;margin:0}
.card-sport b{color:#fff}
.hud-steps{display:flex;gap:4px}
.hud-steps i{width:10px;height:6px;border-radius:6px;background:rgba(255,255,255,.18)}
.hud-steps i.st-done{background:var(--blue-2)}
.hud-steps i.st-now{background:var(--red)}
#s-done .ghost + .ghost{margin-top:8px}
@media (max-width:380px){.hud-steps i{width:10px}}