/* ONE MORE STEP — MATCH UX POLISH V1
   Mobile-first information hierarchy for low-friction match play. */

body[data-page="game"]{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans","Yu Gothic UI","Yu Gothic",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#match{
  padding:14px!important;
  border-radius:18px!important;
  overflow:hidden;
}
#match .matchBroadcast{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 8px;padding:0 2px;
  font-size:9px;line-height:1.1;letter-spacing:.14em;
  color:#8e9ca7;
}
#match .matchBroadcast span{font-weight:750}
#match .matchBroadcast i{font-style:normal;font-weight:800;color:#d4c17c;opacity:.7}
#match .hud{
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:10px;
  margin:0 0 7px;padding:10px 10px 9px;
  border:1px solid #ffffff12;border-radius:14px;
  background:linear-gradient(180deg,#08121be8,#050a10e8);
  box-shadow:inset 0 1px #ffffff05;
}
#match .hudCentre{display:grid;justify-items:center;gap:0;min-width:92px}
#match #clock{
  font-size:11px!important;line-height:1.1!important;font-weight:700!important;
  letter-spacing:.045em!important;color:#aeb9c2!important;
}
#match #score{
  font:900 clamp(28px,9vw,42px)/.95 -apple-system,BlinkMacSystemFont,"SF Pro Display","Hiragino Sans",sans-serif!important;
  letter-spacing:-.055em!important;color:#f6f3ea!important;
  text-shadow:0 3px 16px #0009;
}
#match #myTeamHud,#match #oppHud{
  min-width:0;font-size:11px;line-height:1.2;font-weight:760;color:#dde4e7;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#match #oppHud{text-align:right}
#match .matchFatigue{
  margin:0 2px 8px!important;height:4px!important;border-radius:999px!important;
  overflow:hidden!important;background:#ffffff12!important;
}
#match .matchFatigue span{border-radius:999px!important}
#match #oppInfo{
  margin:0 0 8px!important;padding:7px 9px!important;border-radius:10px!important;
  font-size:10px!important;line-height:1.25!important;
  color:#8f9da8!important;background:#07101999!important;border-color:#ffffff0d!important;
}
#match #matchOpening:empty,
#match #matchScoreNotice:empty,
#match #matchTitle:empty,
#match #matchText:empty,
#match #strategyPanel:empty,
#match #matchLog.hidden{display:none!important}
#match #matchScoreNotice{
  margin:5px 0 7px!important;padding:6px 9px!important;border-radius:9px!important;
  font-size:11px!important;line-height:1.25!important;font-weight:700!important;
}
#match #matchTitle{
  margin:7px 0 3px!important;
  font:850 clamp(15px,4.3vw,19px)/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display","Hiragino Sans",sans-serif!important;
  letter-spacing:.015em!important;color:#f5f1e8!important;
}
#match #matchText{
  margin:0 0 8px!important;max-width:38em!important;
  font-size:12px!important;line-height:1.45!important;color:#a8b4bd!important;
}
#match #decisionClock{
  margin:4px 0 8px!important;
  min-height:3px!important;border-radius:999px!important;overflow:hidden!important;
}
#match #strategyPanel{
  margin:0 0 7px!important;
  font-size:10px!important;line-height:1.3!important;color:#8d9aa5!important;
}
#match #matchChoices{
  margin-top:7px!important;
}
#match #matchChoices button{
  min-height:50px!important;
  font-size:13px!important;line-height:1.2!important;font-weight:760!important;
  letter-spacing:0!important;
  touch-action:manipulation;
}
#match #matchChoices button:active{transform:scale(.975)}
#match #matchLog{
  margin:8px 0 0!important;padding:9px 10px!important;border-radius:10px!important;
  font-size:11px!important;line-height:1.35!important;
}
#matchEnd{margin-top:10px!important}
#comboHud{
  margin:5px 0 7px!important;
  font:850 12px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans",sans-serif!important;
}
#lifeControls{
  gap:8px!important;
}
#lifeControls button{
  min-height:44px!important;
}

/* Result overlays: one primary message, everything else quiet. */
.goalCutin .goalWord{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Hiragino Sans",sans-serif!important;
  font-weight:950!important;letter-spacing:-.035em!important;
}
.goalCutin .goalScore{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Hiragino Sans",sans-serif!important;
  font-weight:900!important;letter-spacing:-.04em!important;
}
.goalCutin .goalScorer,
.goalCutin .assistCredit,
.goalCutin #highlightGrowth{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans",sans-serif!important;
}
.goalCutin #highlightCaption:empty,
.goalCutin .assistCredit:empty,
.goalCutin .goalScorer:empty,
.goalCutin #highlightGrowth:empty{display:none!important}
.goalCutin .tapHint{
  font-size:10px!important;line-height:1!important;letter-spacing:.13em!important;
  opacity:.72!important;
}

/* Small phones: preserve score/pitch/choice priority and avoid text wrapping stress. */
@media(max-width:430px){
  #match{padding:11px!important}
  #match .matchBroadcast{font-size:8px;margin-bottom:6px}
  #match .hud{gap:6px;padding:8px}
  #match #myTeamHud,#match #oppHud{font-size:10px}
  #match .hudCentre{min-width:80px}
  #match #score{font-size:31px!important}
  #match #matchTitle{font-size:15px!important}
  #match #matchText{font-size:11px!important}
  #match #matchChoices{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #match #matchChoices button{min-height:48px!important;padding-top:10px!important;padding-bottom:10px!important}
}


/* One clean replay target per match: motivation without menu clutter. */
.matchOpening .openingTarget{
  display:block;margin:9px auto 2px;padding:5px 9px;width:max-content;max-width:92%;
  border:1px solid #d5c07636;border-radius:999px;
  font:800 9px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Text","Hiragino Sans",sans-serif;
  letter-spacing:.11em;color:#dec982;background:#d4bd6810;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}


/* CIRCLE-ONLY INTERACTION SURFACES — no shirt/mannequin silhouettes anywhere the player interacts. */
.playSurface .playerFigure,
.playSurface .passOpponent,
.playSurface .shotKeeper,
.playSurface .teammateRunner{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
  border-radius:50%!important;clip-path:none!important;
  border:2px solid #edf4f0!important;box-sizing:border-box!important;
  filter:drop-shadow(0 3px 3px #0009)!important;
}
.playSurface .playerFigure{background:#dce7eb!important}
.playSurface .orangeFigure,
.playSurface .passOpponent{background:#b96852!important;border-color:#f0c0aa!important}
.playSurface .shotKeeper{background:#d4aa5c!important;border-color:#fff1bd!important}
.playSurface .playerFigure::before,
.playSurface .playerFigure::after,
.playSurface .passOpponent::before,
.playSurface .passOpponent::after,
.playSurface .shotKeeper::before,
.playSurface .shotKeeper::after{display:none!important;content:none!important}
.controlDemo .demoMate{fill:#eef6f3!important;stroke:#778b93;stroke-width:2}
.controlDemo .demoDF{fill:#b96852!important;stroke:#f0c0aa;stroke-width:2}
.playSurface .pitchLegend{display:none!important}


/* Dramatic context is conveyed by the frame, not extra motivational copy. */
#match[data-identity-intensity="1"]{box-shadow:inset 0 0 0 1px #d5bd6f16,0 18px 48px #0005}
#match[data-identity-intensity="2"]{box-shadow:inset 0 0 32px #9c742318,0 20px 54px #0007}
#match[data-identity-intensity="3"]{box-shadow:inset 0 0 46px #c1902e24,0 22px 60px #0008}