/* Relief du moniteur et de la tour : la coque est un rendu 3D, les éléments vivants restent par-dessus.
   La géométrie y est cisaillée : les façades restent des rectangles exacts, calés sur ceux de la page, et on voit le dessus et le flanc droit. */
.coque{display:none}
@media (min-width:721px),(orientation:landscape){
  .coque{display:block;position:absolute;left:calc(var(--k)*-6.055);top:calc(var(--k)*-2.76);width:calc(var(--k)*86);height:calc(var(--k)*53.1);z-index:0;pointer-events:none}
  /* La salle s'éteint : une silhouette noire de la coque, dont seule l'opacité change. Les façades sont percées, le voile .mon::after et .tour::after s'en charge déjà. */
  .coque-nuit{filter:brightness(0);opacity:calc(var(--nuit,0)*.62);clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,71.808% 5.198%,72.392% 5.322%,72.936% 5.687%,73.403% 6.268%,73.762% 7.024%,73.987% 7.906%,74.064% 8.851%,74.064% 75.292%,73.998% 76.106%,73.804% 76.864%,73.495% 77.516%,73.093% 78.016%,72.625% 78.330%,72.122% 78.437%,16.250% 78.437%,15.747% 78.330%,15.279% 78.016%,14.877% 77.516%,14.568% 76.864%,14.374% 76.106%,14.308% 75.292%,14.308% 8.851%,14.385% 7.906%,14.610% 7.024%,14.969% 6.268%,15.436% 5.687%,15.980% 5.322%,16.564% 5.198%,71.808% 5.198%,0 0,80.366% 81.055%,80.616% 81.108%,80.849% 81.264%,81.049% 81.512%,81.202% 81.836%,81.299% 82.213%,81.331% 82.618%,81.331% 90.490%,81.310% 90.758%,81.246% 91.008%,81.144% 91.222%,81.012% 91.387%,80.857% 91.490%,80.692% 91.525%,7.680% 91.525%,7.515% 91.490%,7.360% 91.387%,7.228% 91.222%,7.126% 91.008%,7.062% 90.758%,7.041% 90.490%,7.041% 82.618%,7.074% 82.213%,7.170% 81.836%,7.323% 81.512%,7.523% 81.264%,7.756% 81.108%,8.006% 81.055%,80.366% 81.055%,0 0)}
  .salle.nuit-finie .coque-nuit{opacity:0;transition:opacity .5s ease-out}
  .mon,.tour{background:none;box-shadow:none}
  .mon .mat,.tour .mat,.mon__creux,.mon__cou,.mon__plateau,.tour__grille{display:none}
  .tour .afficheur{box-shadow:inset 0 2px 4px #000}
  .pupitre__fente{background:none;box-shadow:none}
  /* Le pied du mur remonte derrière la tour : elle est posée sur le bureau, pas plaquée au mur. */
  .decor__mur{height:calc(var(--dy) + var(--k)*44.44)}
  .decor__plinthe{top:calc(var(--dy) + var(--k)*42.04)}
  .decor__plateau{top:calc(var(--dy) + var(--k)*44.44);height:calc(var(--k)*16.36)}
  .decor__ombre-mon{display:none}
}
/* Téléphone debout : la mise en page est différente, le volume est suggéré par une extrusion en dégradé, sans image. */
@media (max-width:720px) and (orientation:portrait){
  /* L'extrusion est peinte hors de la boîte : le voile ::after ne la couvre pas, elle s'assombrit donc d'elle-même avec la salle. */
  .mon,.tour{--n:var(--nuit,0)}
  .salle.nuit-finie .mon,.salle.nuit-finie .tour{--n:0}
  .mon{box-shadow:inset 0 2px 0 #ffffff61,inset 0 -3px 0 #00000040,.3vw -.35vw 0 color-mix(in srgb,#b3afa1 calc(100% - var(--n)*62%),#050506),.6vw -.7vw 0 color-mix(in srgb,#aaa698 calc(100% - var(--n)*62%),#050506),.9vw -1.05vw 0 color-mix(in srgb,#a19d8f calc(100% - var(--n)*62%),#050506),1.2vw -1.4vw 0 color-mix(in srgb,#989486 calc(100% - var(--n)*62%),#050506),1.5vw -1.75vw 0 color-mix(in srgb,#8f8b7d calc(100% - var(--n)*62%),#050506),3.4vw 2.4vw 5vw #000a}
  .tour{box-shadow:inset 0 2px 0 #ffffff61,inset 0 -3px 0 #00000047,.25vw -.3vw 0 color-mix(in srgb,#b3afa1 calc(100% - var(--n)*62%),#050506),.5vw -.6vw 0 color-mix(in srgb,#aaa698 calc(100% - var(--n)*62%),#050506),.75vw -.9vw 0 color-mix(in srgb,#a19d8f calc(100% - var(--n)*62%),#050506),1vw -1.2vw 0 color-mix(in srgb,#989486 calc(100% - var(--n)*62%),#050506),2.4vw 1.6vw 3.4vw #000a}
}