[hidden]{display:none!important}:root{--fond:#080c14c7;--carte:#161c28;--vert:#42c25a;--vert-fonce:#2b8a3e;--texte:#eef2f7;--doux:#9aa6b8}html,body{color:var(--texte);background:#0b0e14;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.ecran{z-index:10;background:var(--fond);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.carte{background:var(--carte);box-shadow:0 0 0 2px var(--vert-fonce), 0 18px 40px #0009;text-align:center;box-sizing:border-box;border:3px solid #000;border-radius:14px;width:100%;max-width:520px;padding:28px 36px}.carte.large{text-align:left;max-width:860px}h1{letter-spacing:.06em;color:var(--vert);text-shadow:4px 4px #000,-2px -2px #000,0 0 24px #42c25a80;margin:0;font-size:clamp(48px,9vw,88px)}h2{color:var(--vert);text-align:center;margin:0 0 16px}h3{color:var(--vert);margin:0 0 6px}.accroche{color:var(--doux);margin:8px 0 24px;font-size:18px}.clavier{color:var(--doux);margin:18px 0 4px;font-size:13px}.version{color:var(--doux);margin:4px 0 0;font-size:12px}.version a{color:var(--doux)}.boutons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.boutons.colonne{flex-direction:column;align-items:stretch}button{font:inherit;color:var(--texte);cursor:pointer;background:#263042;border:2px solid #000;border-radius:8px;padding:10px 22px;font-size:17px;font-weight:600;box-shadow:0 3px #000}button:hover,button:focus{background:#34415a}button:focus{outline-offset:2px;outline:3px solid #ffd75e}button.principal{background:var(--vert-fonce)}button.principal:hover,button.principal:focus{background:var(--vert);color:#000}.version a:focus{outline-offset:2px;outline:2px solid #ffd75e}.colonnes{grid-template-columns:1fr 1fr;gap:24px;display:grid}.colonnes ul{margin:0;padding-left:18px;font-size:15px;line-height:1.45}@media (max-width:640px){.colonnes{grid-template-columns:1fr}}.touches{border-collapse:collapse;width:100%;margin-top:18px;font-size:15px}.touches th{text-align:left;color:var(--vert);padding:4px 16px 6px 0;font-weight:700}.touches td{color:var(--texte);padding:4px 16px 4px 0}.touches td+td{color:#ffd75e;white-space:nowrap;font-weight:600}#bilan{font-size:18px;line-height:1.6}.journal{max-height:55vh;font-size:15px;line-height:1.5;overflow:auto}.journal h3{margin-top:12px}.journal ul{margin:4px 0;padding-left:20px}.choix-niveau{color:var(--doux);flex-direction:column;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}#niveaux{gap:8px;display:flex}button.niveau{min-width:44px;padding:8px 0}button.niveau.choisi{outline:2px solid var(--vert)}button.niveau:disabled{opacity:.35;cursor:default}.numero{text-align:center;color:var(--doux);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:14px}.mission{max-width:520px;font-size:17px;line-height:1.5}.mission p{margin:0 0 10px}#case{z-index:5;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 0 10px #f3ede0,inset 0 0 0 14px #1b1424}