body{text-align:center;color:#fff;background:#2b1d5c;margin:0;font-family:Trebuchet MS,sans-serif}#bar{color:#4a2300;background:#ff9f1c;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:18px;font-weight:700;display:flex}#bar span{background:#fff3b0;border-radius:14px;padding:6px 12px}button{font:inherit;color:#fff;cursor:pointer;background:#2ec4b6;border:3px solid #4a2300;border-radius:14px;padding:6px 14px;font-weight:700}button.on{background:#e71d36}button:disabled{opacity:.5}canvas{cursor:crosshair;border:4px solid #4a2300;border-radius:12px;max-width:100%;margin-top:8px}#aide{margin:6px}#menu{z-index:10;background:#2b1d5c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}#menu[hidden]{display:none}#menu h1{color:#ffd60a;margin:0;font-size:48px}#menu p{margin:0;font-size:22px}#menu button{padding:12px 36px;font-size:28px}.rang{flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;display:flex}#regles{background:#3d2c7a;border-radius:14px;padding:12px 24px}#regles[hidden]{display:none}#regles p{font-size:18px}#boutique{background:#3d2c7a;border-radius:14px;padding:8px 20px}#boutique[hidden]{display:none}#boutique h3{margin:8px 0}.pieces{color:#ffd60a;font-weight:700}.pastille{vertical-align:middle;border:2px solid #4a2300;border-radius:50%;width:18px;height:18px;margin-right:6px;display:inline-block}#menu{overflow:auto}.mini{vertical-align:middle;height:40px;margin:0 auto;display:block}