:root{--fond: #070707;--os: #d1d1d1;--brume: #818181;--croix: #1d1d1d;--croix-creux: #131313;--fleche: #6a6a6a;--fleche-on: #adadad;--sang: #8e2230;--bronze: #7d7d7d;--b: clamp(44px, 12vmin, 60px);--marge: max(14px, env(safe-area-inset-bottom, 0px))}[hidden]{display:none!important}html,body{height:100%}body{margin:0;overflow:hidden;background:var(--fond);color:var(--os);font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#jeu{position:fixed;inset:0;background:var(--fond);touch-action:none}#ecran{position:absolute;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.manette{display:none}.tactile .manette{display:block;position:absolute;inset:0;pointer-events:none}.croix,.actions{position:absolute;bottom:0;pointer-events:auto;touch-action:none;opacity:.74}.croix{left:0;padding:28px 40px calc(var(--marge) + 4px) max(22px,env(safe-area-inset-left,0px))}.croix-dessin{display:grid;grid-template:repeat(3,var(--b)) / repeat(3,var(--b));grid-template-areas:". haut ." "gauche moyeu droite" ". bas .";filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}.bras,.moyeu{background:var(--croix);display:grid;place-items:center}.bras:after{content:"";width:0;height:0;border:calc(var(--b) * .17) solid transparent}.bras.on{background:var(--croix-creux)}.haut{grid-area:haut;border-radius:7px 7px 0 0}.bas{grid-area:bas;border-radius:0 0 7px 7px}.gauche{grid-area:gauche;border-radius:7px 0 0 7px}.droite{grid-area:droite;border-radius:0 7px 7px 0}.haut:after{border-bottom-color:var(--fleche);margin-top:-18%}.bas:after{border-top-color:var(--fleche);margin-top:18%}.gauche:after{border-right-color:var(--fleche);margin-left:-18%}.droite:after{border-left-color:var(--fleche);margin-left:18%}.haut.on:after{border-bottom-color:var(--fleche-on)}.bas.on:after{border-top-color:var(--fleche-on)}.gauche.on:after{border-right-color:var(--fleche-on)}.droite.on:after{border-left-color:var(--fleche-on)}.moyeu{grid-area:moyeu}.moyeu:after{content:"";width:42%;height:42%;border-radius:50%;background:var(--croix-creux)}.actions{right:0;display:flex;gap:14px;align-items:flex-start;padding:28px max(22px,env(safe-area-inset-right,0px)) var(--marge) 40px}.action{display:grid;justify-items:center;gap:5px}.action:first-child{margin-top:calc(var(--b) * .55)}.rond{width:calc(var(--b) * 1.3);height:calc(var(--b) * 1.3);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:calc(var(--b) * .38);line-height:1;box-shadow:inset 0 -5px #00000047,0 3px #00000080;transition:transform .06s}.rond.on{transform:translateY(2px);box-shadow:inset 0 -2px #00000047,0 1px #00000080}[data-k=ruee]{background:var(--bronze);color:#1c1c1c}[data-k=fire]{background:var(--sang);color:#e7e7e7}.nom{font-size:11px;font-weight:800;letter-spacing:.12em;color:#c7c7c7;text-shadow:0 1px 0 #000}.tourner{display:none}@media(orientation:portrait)and (pointer:coarse){.tourner{display:grid;place-content:center;justify-items:center;gap:18px;position:absolute;inset:0;background:var(--fond);color:var(--os)}.tourner svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tourner p{margin:0;font-size:13px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--brume)}.manette{display:none!important}}