@media(max-width:720px){
  .hero h1{font-size:clamp(27px,7.7vw,32px);line-height:1.16;letter-spacing:-.075em;white-space:nowrap}
  .player-panel,.player-panel>div,.player-result{min-width:0;max-width:100%}
  .player form{display:grid;grid-template-columns:minmax(0,1fr) 60px;width:100%;min-width:0}
  .player form input{width:100%;min-width:0}
  .player form button{width:60px;min-width:0;padding:0}
  .player-result{overflow:hidden}
  .player-result>p{max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
}
@media(max-width:350px){
  .hero h1{font-size:24px}
  .player form{grid-template-columns:1fr;gap:8px}
  .player form button{width:100%;height:44px;font-size:13px}
  .player-result{padding-left:12px;padding-right:12px}
}