:root{--papier:#efe4c8;--fiche:#f4ebd3f2;--encre:#3b2e1e;--trait:#4a3b2a}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--encre);background:var(--papier);font:15px Georgia,Times New Roman,serif}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}ul{margin:0;padding:0;list-style:none}h1,h3,h4{font-variant:small-caps;letter-spacing:.5px;margin:0}h1{font-size:22px}button,input{font:inherit;color:inherit}button{border:1px solid var(--encre);font-variant:small-caps;letter-spacing:.5px;cursor:pointer;background:#e8d9b0;border-radius:2px;padding:4px 14px}button:disabled{opacity:.45;cursor:default}.papier{background:var(--fiche);border:1.5px solid var(--trait);border-radius:2px;box-shadow:3px 3px #4a3b2a30}.centre{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.papier.centre{gap:10px;min-width:240px;padding:16px 20px;display:grid}.papier.centre li{align-items:center;gap:6px;margin:3px 0;display:flex}.pastille{border:1px solid var(--encre);flex:none;width:14px;height:14px;display:inline-block}.discret{opacity:.7;font-style:italic}.bots{align-items:center;gap:6px;display:flex}.bots b{text-align:center;min-width:1.2em}.bots button.actif{background:var(--encre);color:var(--fiche)}.ligne{justify-content:space-between;gap:12px;margin:3px 0;display:flex}.moi{width:230px;padding:10px 12px;font-size:13px;position:fixed;top:14px;left:14px}.moi h3{align-items:center;gap:6px;margin-bottom:6px;font-size:15px;display:flex}.jauge{background:#d9caa4;border:1px solid #6b5a40;height:6px;margin:2px 0 6px}.jauge i{height:100%;display:block}.curseur{margin:6px 0 3px;font-size:12px;display:block}.curseur input{width:100%;margin:4px 0 0}.joueurs{min-width:200px;padding:8px 12px;font-size:13px;position:fixed;top:14px;right:14px}.joueurs h4{margin-bottom:4px;font-size:13px}.joueurs .ligne span:first-child{align-items:center;gap:6px;display:flex}.joueurs .ico{vertical-align:-1px;width:12px;height:12px;margin-left:2px}svg.ico{fill:none;stroke:var(--encre);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.etendards{align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.etendards svg{width:22px;height:22px}.compte{font-weight:700}.barre{align-items:stretch;gap:4px;padding:6px 8px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.bouton{text-align:center;font-variant:normal;letter-spacing:normal;background:0 0;border:1px solid #0000;width:66px;padding:4px 2px 3px;font-size:11px;position:relative}.bouton svg{width:28px;height:28px;margin:0 auto 1px;display:block}.bouton .prix{color:#7a5a1a;font-size:10.5px;display:block}.bouton.actif{border-color:var(--encre);background:#e8d9b0}.sep{background:#6b5a40;width:1px;margin:2px 6px}.bouton.recharge{opacity:1}.bouton.recharge:after{content:attr(data-r);color:#f4ebd3;background:#3b2e1ebf;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.bouton.trop{opacity:.45}.alertes{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:fixed;bottom:96px;left:14px}.alerte{text-align:left;font-variant:normal;letter-spacing:normal;border-left:5px solid #b5523b;padding:7px 12px 7px 10px;font-size:13px}.alerte b{color:#8a2f1e}
