/* ---- short viewports (landscape phones) ---- */
@media (max-height:520px){
  .screen{justify-content:flex-start;overflow-y:auto;padding:16px 0;}
  h1.logo{font-size:40px;letter-spacing:12px;}
  .sub{font-size:10px;letter-spacing:5px;margin-bottom:14px;}
  .btn{min-width:250px;padding:10px 18px;font-size:13px;letter-spacing:3px;margin:4px;}
  h2{font-size:19px;letter-spacing:5px;margin-bottom:9px;}
  .card{padding:16px 20px;max-width:92vw;}
  .keys{font-size:11px;gap:5px 20px;}
  .keys div{padding-bottom:2px;}
  .stats{margin:10px 0;gap:9px;}
  .stats div b{font-size:21px;}
  .row{margin:7px 0;font-size:12px;}
  .row label{width:132px;}
}