/* Scout tablet + desktop, loaded after /assets/fd-ui.css: the side panel and the keys line move onto the plum */
@media (min-width:600px){
  .dk-center.scout>#game,.dk-center.scout>#result,.dk-center.scout>.daynav,.dk-center.scout>.dk-archwrap,.dk-center.scout>#arch{width:100%;max-width:600px;margin-left:auto;margin-right:auto}
  .app{max-width:680px}
}
@media (min-width:960px){
  .app{max-width:1180px}
  .dk-cols{margin-top:6px}
  .dk-side{top:18px}
  .dk-card{background:var(--g-deep);border:0;border-radius:var(--radius);color:var(--cream);padding:18px}
  .dk-card h2{font-size:15px;font-weight:800;letter-spacing:0;text-transform:none;color:var(--gold)}
  .dk-sgrid b{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--cream)}
  .dk-sgrid span{color:var(--pl-mute)}
  .dk-next{border-top:1px solid var(--pl-line);color:var(--pl-mute)}
  .dk-next b{color:var(--cream);font-weight:900}
  .dk-how ol{color:var(--pl-mute)}
  .dk-how li b{color:var(--cream)}
  .dk-how a{color:var(--cream);font-weight:700;text-underline-offset:3px}
  .dk-nextgame{background:var(--cream);color:var(--ink)}
  .dk-nextgame:hover{transform:translateY(-1px)}
  .dk-nextgame .ng{width:46px;height:46px;flex:none;border-radius:13px}
  .dk-nextgame small{color:var(--green-deep);letter-spacing:0;text-transform:none;font-size:13px}
  .dk-nextgame span{color:#6B6153}
  .dk-keys{color:var(--pl-mute)}
  .dk-keys kbd{background:var(--g-deep);border-color:rgba(0,0,0,.2);color:var(--cream)}
  .dk-center.scout>#game,.dk-center.scout>#result{max-width:640px}
  /* keep Sign on screen at 1280x800 with five clues: tighter head, flatter kits, the two buttons side by side */
  .head{margin-top:8px}
  .head h1{font-size:34px}
  .fd{width:34px;height:46px;font-size:34px}.fd .h i{height:46px;line-height:46px}
  .clues{margin-top:10px;gap:5px}
  .clue .tx{font-size:18px}
  .card .kit{aspect-ratio:4/1}
  .card .nm{margin-top:3px;min-height:1.2em}
  .actions{grid-template-columns:3fr 2fr;gap:10px}
  #sign,.nextc{min-height:50px}
}