html,body{-webkit-user-select:none;user-select:none;background:#87cefa;height:100%;margin:0;overflow:hidden}canvas{display:block}#viseur{pointer-events:none;width:18px;height:18px;margin:-9px;position:fixed;top:50%;left:50%}#viseur:before,#viseur:after{content:"";mix-blend-mode:difference;background:#fff;position:absolute}#viseur:before{width:2px;height:18px;left:8px}#viseur:after{width:18px;height:2px;top:8px}#aide{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font:600 13px system-ui,sans-serif;position:fixed;top:12px;left:12px;right:12px}#info{color:#fff;text-shadow:0 2px 4px #000;pointer-events:none;font:700 18px system-ui,sans-serif;position:fixed;bottom:130px;left:50%;transform:translate(-50%)}#barre{-webkit-backdrop-filter:brightness(.6);backdrop-filter:brightness(.6);border-radius:10px;gap:4px;padding:5px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#barre button{width:46px;height:46px;image-rendering:pixelated;cursor:pointer;background-size:cover;border:3px solid #0000;border-radius:6px;padding:0}#barre button.choisi{border-color:#fff}#accueil{color:#fff;text-align:center;text-shadow:0 3px 8px #000;pointer-events:none;place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}#accueil h1{margin:0;font-size:48px}#accueil p{margin:8px 0 0;font-size:20px}#accueil[hidden]{display:none}#stats{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;gap:14px;font:700 13px system-ui,sans-serif;display:flex;position:fixed;bottom:74px;left:50%;transform:translate(-50%)}.jauge{align-items:center;gap:6px;display:flex}.jauge b{background:#0000008c;border-radius:6px;width:130px;height:12px;display:block;overflow:hidden}.jauge i{height:100%;display:block}#vie{background:#e63946}#faim{background:#e9a23b}#degat{opacity:0;pointer-events:none;background:radial-gradient(#0000 30%,#c00 120%);position:fixed;inset:0}#mort{color:#fff;text-align:center;pointer-events:none;background:#78000099;place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}#mort[hidden]{display:none}#mort h1{margin:0;font-size:54px}#barre button{position:relative}#barre button.vide{opacity:.35}#barre .nb{color:#fff;text-shadow:0 1px 2px #000;font:700 13px system-ui,sans-serif;position:absolute;bottom:0;right:2px}
