body{min-width:0;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.install-help{padding:1rem 0;font-size:.8rem;color:var(--muted)}
.install-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.install-help p{margin:.5rem 0;max-width:42rem}.install-help button{border:0;cursor:pointer;margin:.5rem 0}
.install-help[hidden],.install-help button[hidden]{display:none}
@media(max-width:760px){
  html{scroll-padding-top:1rem}
  .header{padding-top:max(.75rem,env(safe-area-inset-top,0px));gap:.75rem}
  .header .brand{min-width:0;flex:1}.header .logo-plate{width:min(180px,43vw)}
  .header nav{flex-shrink:0}.header .signin{min-height:44px;display:flex;align-items:center;justify-content:center}
  .hero,.court-wall,.court-person,.agent-feature,.agent-copy,.handoff-demo,.handoff-log,.log-step,.section-heading{min-width:0}
  .court-hero h1{font-size:clamp(2.25rem,11vw,3.1rem)}
  .court-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .court-person strong,.court-person>span:last-child{overflow-wrap:anywhere}
  .team-selector{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .agent-choice,.log-step,.button,.text-link{min-height:44px;touch-action:manipulation}
  .agent-copy h3{font-size:clamp(2rem,11vw,2.8rem)}
  .agent-copy,.step-detail,.section-aside{overflow-wrap:anywhere}
  .log-step>span:nth-child(3){min-width:0;flex:1}
  .actions{gap:12px}.actions .button{max-width:100%}
  .appearance summary{min-height:44px;display:flex;align-items:center}
  .theme-panel{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:auto;max-width:360px;margin-inline:auto;max-height:70dvh;overflow:auto;z-index:20}
  .theme-panel select{font-size:16px;min-height:44px}
  footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}