/**
 * ECHELLE DE BUREAU, PAGES SANS GRILLE  -  05/09/2026
 *
 * desktop-scale.css reduit la grille et son chrome par paliers de hauteur
 * (468 / 432 / 396 px pour 513). Les 61 pages de jeu le chargent ; les pages
 * de contenu (tutoriel, articles, classements, science, contact, legal...)
 * restaient a la taille pleine, et sur un portable Mac il fallait passer le
 * navigateur a 90 %.
 *
 * Ici un zoom uniforme sur <body>, aux MEMES paliers et aux MEMES ratios que
 * la grille (468/513 = 0,912 ; 432/513 = 0,842 ; 396/513 = 0,772), pour que
 * la navigation entre la grille et une page de contenu garde la meme echelle.
 * Le header fixe (left:0; right:0) et les elements position:fixed suivent le
 * zoom sans decrochage ; mesure sur /tutorial a 1470x835.
 * Un ecran externe (hauteur > 940) garde la taille pleine.
 *
 * --hdr-k = 1/zoom : header.css multiplie chaque longueur du header par ce
 * facteur, pour qu il RENDE a la meme taille que sur une page de grille.
 */
@media (min-width: 769px) and (max-height: 940px) { body { zoom: 0.912; } :root { --hdr-k: 1.0965 !important; } }
@media (min-width: 769px) and (max-height: 790px) { body { zoom: 0.842; } :root { --hdr-k: 1.1876 !important; } }
@media (min-width: 769px) and (max-height: 700px) { body { zoom: 0.772; } :root { --hdr-k: 1.2953 !important; } }
