.menu-backdrop,.mobile-dock{display:none}
.checkin-action{transition:background .16s,border-color .16s,color .16s,transform .12s}
.checkin-action:active{transform:scale(.97)}
.checkin-action:disabled{cursor:wait;opacity:.72}
.checkin-action.is-checked-in{border-color:#38b77a;background:#153d31;color:#70e0ad}

@media(max-width:760px){
  .workspace{padding-bottom:108px}
  .mobile-dock{position:fixed;z-index:18;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px;border:1px solid #26384d;border-radius:18px;background:#09131ff2;box-shadow:0 18px 55px #000a;backdrop-filter:blur(18px)}
  .mobile-dock button{display:grid;justify-items:center;gap:2px;min-width:0;border:0;border-radius:12px;background:transparent;color:#8499b1;padding:7px 2px;font-size:9px;font-weight:850}
  .mobile-dock button span{font-size:18px;line-height:1.1}
  .mobile-dock button.active{background:#162538;color:#fff;box-shadow:inset 0 -2px #cf3045}
  .menu-backdrop{position:fixed;z-index:19;inset:0;display:block;border:0;background:#02060daa;opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(3px)}
  .mobile-nav-open .menu-backdrop{opacity:1;pointer-events:auto}
  .mobile-nav-open .sidebar{box-shadow:24px 0 70px #000c}
  .compact-athlete{grid-template-columns:42px minmax(0,1fr)}
  .compact-athlete>div:last-child{grid-column:1/-1;display:flex;gap:7px}
  .compact-athlete>div:last-child button{flex:1}
}