:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{color:#f4ead3;overscroll-behavior:none;background:#0b1f18;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.ecran{height:100%;position:relative}canvas{touch-action:none;display:block}.hud{padding:18px 20px calc(18px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(#06120e00,#06120ef0);position:absolute;inset:auto 0 0}.hud h1{letter-spacing:.02em;margin:0 0 2px;font-size:26px}.etape{color:#c8b98f;margin:0 0 10px;font-size:14px}.hierarchie{font-variant-numeric:tabular-nums;margin:0 0 8px;padding:0;list-style:none}.hierarchie li{justify-content:space-between;gap:12px;max-width:340px;padding:1px 0;display:flex}.hierarchie em{color:#d9b86a;font-style:normal}.note{color:#8fa89a;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){canvas{filter:none}}.hud{pointer-events:none}.bouton{pointer-events:auto;color:#f4ead3;cursor:pointer;background:linear-gradient(#1a4f3c,#123a2c);border:1px solid #d9b86a55;border-radius:12px;min-height:48px;margin:4px 0 8px;padding:13px 22px;font:600 16px/1 system-ui,sans-serif}.bouton:hover:not(:disabled){background:linear-gradient(#215f49,#164636)}.bouton:active:not(:disabled){transform:translateY(1px)}.bouton:disabled{opacity:.55;cursor:default}.bouton:focus-visible{outline-offset:2px;outline:2px solid #d9b86a}.resultat{color:#f0dfae;min-height:1.5em;margin:0 0 6px;font-size:17px;font-weight:600}