@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Gaegu&display=swap";:root{--couleur-fond:#4a4a50;--couleur-texte:#fff;--couleur-surlignage:#b3ddd852;--couleur-hud:#ffffff14;--couleur-hud-bordure:#ffffff1f;--couleur-inventaire:#4f4f4f8c;--couleur-slot:#ffffff14;--couleur-slot-survol:#ffffff26;--police-principale:"Gaegu", sans-serif;--police-mono:"Share Tech Mono", monospace;--taille-texte-base:16px;--taille-texte-hud:14px;--taille-texte-hud-mobile:12px;--rayon-normal:10px;--rayon-slot:8px;--hud-padding:8px 12px;--hud-gap:12px;--inventaire-gap:8px;--inventaire-padding:14px;--bp-mobile:600px}*,:before,:after{box-sizing:border-box}body{background:var(--couleur-fond);font-family:var(--police-principale);font-size:var(--taille-texte-base);color:var(--couleur-texte);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{width:100vw;height:100vh}canvas{display:block}::selection{background-color:var(--couleur-surlignage)}#hud{align-items:center;gap:var(--hud-gap);padding:var(--hud-padding);background:var(--couleur-hud);border:1px solid var(--couleur-hud-bordure);border-radius:var(--rayon-normal);font-size:var(--taille-texte-hud);font-family:var(--police-mono);opacity:.9;pointer-events:none;display:flex;position:absolute;top:10px;left:10px}#inventaire{background:var(--couleur-inventaire);width:fit-content;max-width:95vw;padding:var(--inventaire-padding);border-radius:var(--rayon-normal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;display:none;position:fixed;bottom:3vh;left:50%;transform:translate(-50%)}#inventaire.actif{display:flex}.titre{text-align:center;opacity:.8;font-family:var(--police-principale);margin-bottom:10px}.grille{gap:var(--inventaire-gap);scrollbar-width:thin;scrollbar-color:var(--couleur-slot-survol) transparent;flex-direction:row;padding-bottom:4px;display:flex;overflow:auto hidden}.slot{background:var(--couleur-slot);border-radius:var(--rayon-slot);cursor:pointer;flex-shrink:0;width:52px;height:52px;transition:background .15s,transform .15s}.slot:hover{background:var(--couleur-slot-survol);transform:scale(1.05)}@media (width<=600px){#hud{font-size:var(--taille-texte-hud-mobile);top:6px;left:6px}#inventaire{width:95vw;bottom:2vh}}