/* ============================================================
   Kateri interval vidiš? — postavitev

   Postavitev črtovja (.staff-card, .staff-box, .clef-name) je v
   assets/music.css, vrsta treh gumbov (.answers.pick) pa tudi —
   oboje si deli z drugimi glasbenimi igrami. Tu ostane le, kar
   je od te igre.
   ============================================================ */

/* Sozvočje je ozko — dve noti druga nad drugo brez ključa
   zavzameta manj kot polovico širine, ki jo ima ena sama nota v
   sosednji igri. Škatla je zato ožja, da risba ne plava sredi
   belega polja. */
.staff-box { width: min(100%, 400px); }

/* Ta nastavitev ima tri vrste čipov (sedem intervalov, dva ključa,
   tri stopnje) — več kot katerakoli druga glasbena igra. Na
   320×568 je zato štrlela 41 px čez zaslon, čeprav skupno
   stiskanje v assets/music.css že velja.

   Namig pod intervali odpade prvi: kdor vidi sedem čipov, vidi
   tudi, da so izbirni. Drugi naslov izgubi zrak nad sabo, čipi
   pa nekaj obrobe — ravno toliko, da gre. */
@media (max-height: 700px) and (max-width: 460px) {
  #setup .hint { display: none; }
  .panel-title.second { margin-top: 5px; }
  #setup .chips { gap: 4px; }

  /* Tu je bila prava teža, in ni bila tam, kjer je bilo videti.
     Sedem čipov se je razporedilo v dve vrstici, ne v štiri —
     visoka pa je bila vsaka vrstica 58 px, ker ima .chip v
     kids.css min-height: var(--chip-h), da se enovrstični in
     dvovrstični čipi ujemajo po višini. Tu dvovrstičnih ni
     nobenega, zato ta višina ne usklajuje ničesar in samo jemlje
     prostor. Brez nje sta vrstici 26 px namesto 58. */
  #setup .chip { padding: 4px 8px; font-size: 12px; min-height: 0; }
}