@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-400-normal-D8VfTcZx.woff2) format("woff2"),url(/assets/baloo-2-latin-400-normal-DCk_bY-6.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-600-normal-tIfxVoAe.woff2) format("woff2"),url(/assets/baloo-2-latin-600-normal-B4tNaogw.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/baloo-2-latin-ext-400-normal-D__FNg33.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-400-normal-nuHowdHt.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/baloo-2-latin-ext-600-normal-DiVeaYrH.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-600-normal-CFaB2nBN.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2) format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff")}:root{--creme: #fdf3e3;--creme-sombre: #f3e2c9;--pate: #f6e3ca;--bois: #b8845a;--bois-sombre: #8c5f3c;--encre: #4a2130;--encre-douce: #7b5665;--rose: #ef8fb4;--rose-vif: #e0699a;--rose-clair: #ffd8e6;--menthe: #6ed6b0;--menthe-sombre: #3fae89;--or: #f2b544;--or-sombre: #d1912a;--rouge: #d9455c;--acier: #c9d2d8;--acier-sombre: #8e9aa3;--rayon: 18px;--rayon-petit: 12px;--cible: 44px;--ombre-douce: 0 2px 0 rgba(74, 33, 48, .12), 0 6px 18px rgba(74, 33, 48, .1);--ombre-carte: 0 3px 0 rgba(74, 33, 48, .1), 0 10px 26px rgba(74, 33, 48, .12);--titre: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--texte: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}body{font-family:var(--texte);color:var(--encre);background:var(--creme);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#racine{min-height:100%;min-height:100dvh}h1,h2,h3{font-family:var(--titre);font-weight:800;margin:0;line-height:1.1}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:none}.fond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 90% at 50% -10%,#ffe2eee6,#fdf3e300 62%),repeating-linear-gradient(100deg,var(--creme) 0 26px,var(--creme-sombre) 26px 52px)}.page{min-height:100dvh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:12px}.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--cible);padding:10px 20px;border-radius:var(--rayon);font-family:var(--titre);font-weight:600;font-size:1.05rem;background:#fff;color:var(--encre);box-shadow:0 3px #4a21302e,0 6px 14px #4a21301f;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease;touch-action:manipulation}.bouton:active{transform:translateY(2px);box-shadow:0 1px #4a21302e,0 3px 8px #4a21301f}.bouton:focus-visible{outline:3px solid var(--menthe-sombre);outline-offset:3px}.bouton--rose{background:var(--rose);color:#fff;box-shadow:0 3px 0 var(--rose-vif),0 8px 18px #e0699a59}.bouton--menthe{background:var(--menthe);color:#10402f;box-shadow:0 3px 0 var(--menthe-sombre),0 8px 18px #3fae894d}.bouton--or{background:var(--or);color:#4a3005;box-shadow:0 3px 0 var(--or-sombre),0 8px 18px #d1912a4d}.bouton--fantome{background:#ffffff8c;box-shadow:inset 0 0 0 2px #4a213024}.bouton--grand{font-size:1.25rem;min-height:58px;padding:12px 28px}.bouton[disabled]{opacity:.45;cursor:not-allowed;transform:none}.lien-hub{display:inline-flex;align-items:center;gap:8px;min-height:var(--cible);padding:0 14px;border-radius:var(--rayon);font-family:var(--titre);font-weight:600;font-size:.95rem;color:var(--encre-douce);text-decoration:none;background:#fff9;box-shadow:inset 0 0 0 2px #4a21301a}.lien-hub:hover{color:var(--encre);background:#fff}.accueil{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;flex:1;text-align:center}.enseigne{display:flex;flex-direction:column;align-items:center;gap:2px}.enseigne h1{font-size:clamp(2.6rem,12vw,4.6rem);letter-spacing:.02em;color:var(--encre);text-shadow:0 3px 0 var(--rose-clair),0 6px 0 rgba(74,33,48,.12)}.enseigne p{margin:0;font-family:var(--titre);font-weight:600;color:var(--encre-douce);font-size:clamp(.95rem,3.6vw,1.15rem)}.vitrine-accueil{width:min(340px,78vw);aspect-ratio:1 / .82}.vitrine-accueil canvas{display:block;width:100%;height:100%}.menu{display:grid;gap:10px;width:min(420px,100%)}.menu-secondaire{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(420px,100%)}.menu-secondaire .bouton{flex:1 1 auto;font-size:.95rem;padding:8px 14px}.mode-carte{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;min-height:64px}.mode-carte .mode-titre{display:block;font-size:1.15rem;line-height:1.15}.mode-carte .mode-detail{display:block;font-family:var(--texte);font-weight:400;font-size:.85rem;opacity:.85;line-height:1.25}.mode-carte .mode-icone{flex:0 0 auto;width:40px;height:40px}.bandeau-record{font-size:.9rem;color:var(--encre-douce)}.barre{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.barre h2{font-size:1.4rem}.carte{background:#ffffffd1;border-radius:var(--rayon);box-shadow:var(--ombre-carte);padding:14px 16px}.pastille{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--rose-clair);color:var(--encre);font-family:var(--titre);font-weight:600;font-size:.82rem}.pastille--menthe{background:#6ed6b059}.pastille--or{background:#f2b54452}.pour-lecteur{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.jeu{display:flex;flex-direction:column;height:100dvh;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:6px;overflow:hidden}.hud{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:var(--cible)}.hud-bloc{display:flex;align-items:baseline;gap:4px;padding:4px 9px;border-radius:var(--rayon-petit);background:#ffffffc7;box-shadow:var(--ombre-douce);white-space:nowrap}.hud-bloc .valeur{font-family:var(--titre);font-weight:800;font-size:1.15rem;line-height:1}.hud-bloc .etiquette{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;opacity:.65}.hud-vies{display:flex;gap:3px}.hud-vies span{font-size:1.1rem;line-height:1}.hud-serie{background:var(--menthe);color:#10402f}.hud-urgent{background:var(--rouge);color:#fff;animation:pulsation .8s ease-in-out infinite}@keyframes pulsation{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hud-espace{flex:1 1 auto}.bouton-icone{width:var(--cible);height:var(--cible);min-height:var(--cible);padding:0;border-radius:var(--rayon-petit);background:#ffffffc7;box-shadow:var(--ombre-douce);font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.progression{height:6px;border-radius:3px;background:#4a21301f;overflow:hidden}.progression i{display:block;height:100%;background:var(--menthe);transition:width .3s ease}.scene{flex:1 1 auto;min-height:0;border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre-carte);position:relative}.scene canvas{display:block;width:100%;height:100%;touch-action:manipulation}.pupitres{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}.onglets{display:flex;flex-wrap:wrap;gap:5px}.onglet{flex:1 1 auto;min-height:var(--cible);min-width:var(--cible);padding:0 10px;border-radius:var(--rayon-petit);background:#ffffffb3;font-family:var(--titre);font-weight:600;font-size:.84rem;justify-content:center;display:inline-flex;align-items:center;gap:6px;box-shadow:inset 0 0 0 2px #4a213014;touch-action:manipulation}.onglet[aria-selected=true]{background:#fff;box-shadow:0 2px #4a213029,inset 0 0 0 2px var(--rose)}.onglet--presse{background:var(--menthe);color:#10402f;box-shadow:0 2px 0 var(--menthe-sombre)}.pupitre{background:#ffffffdb;border-radius:var(--rayon);box-shadow:var(--ombre-carte);padding:8px 10px 10px}.pupitre-tete{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;min-height:20px}.pupitre-tete h3{font-size:1rem}.pupitre-tete p{margin:0;font-size:.76rem;opacity:.7;line-height:1.2}.grille-choix{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.grille-choix--large{grid-template-columns:1fr}.choix{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;padding:6px 4px;border-radius:var(--rayon-petit);background:#fff;box-shadow:0 2px #4a213024,inset 0 0 0 1.5px #4a213012;font-family:var(--titre);font-weight:600;font-size:.78rem;line-height:1.05;text-align:center;transition:transform .06s ease,box-shadow .06s ease;touch-action:manipulation}.choix:active{transform:translateY(2px);box-shadow:0 0 #4a213024,inset 0 0 0 1.5px #4a213012}.choix[aria-pressed=true]{box-shadow:0 2px 0 var(--rose-vif),inset 0 0 0 3px var(--rose)}.choix[disabled]{opacity:.42}.choix-pastille{width:26px;height:26px;border-radius:50%;box-shadow:inset 0 -2px 4px #0000002e,inset 0 2px 3px #ffffff80;display:inline-flex;align-items:center;justify-content:center}.choix-pastille svg{width:22px;height:22px}.choix--action{min-height:66px;font-size:1.05rem;background:var(--or);color:#4a3005;box-shadow:0 3px 0 var(--or-sombre)}.choix--action:disabled{background:#ffffffb3;color:var(--encre)}.pupitre-etat{font-family:var(--texte);font-weight:700;font-size:.74rem;opacity:.75;margin-left:auto;white-space:nowrap}.pupitres--tout{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:start}.pupitres--tout .pupitre{padding:6px 8px 8px}.pupitres--tout .grille-choix{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.pupitres--tout .choix{min-height:52px;font-size:.68rem}.pupitres--tout .choix-pastille{width:20px;height:20px}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a21306b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.panneau{background:var(--creme);border-radius:22px;box-shadow:0 18px 50px #4a213059;padding:20px;width:min(560px,100%);max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panneau h2{font-size:1.6rem;margin-bottom:4px}.panneau p{line-height:1.45}.panneau-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.panneau-actions .bouton{flex:1 1 140px}.annonce-palier{position:absolute;left:50%;top:22%;transform:translate(-50%);background:#fff;border-radius:18px;padding:12px 20px;text-align:center;box-shadow:var(--ombre-carte);pointer-events:none;animation:monte 2.6s ease forwards;max-width:88%}@keyframes monte{0%{opacity:0;transform:translate(-50%,14px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.tableau{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0}.tableau div{background:#fffc;border-radius:var(--rayon-petit);padding:8px 12px}.tableau .valeur{display:block;font-family:var(--titre);font-weight:800;font-size:1.5rem;line-height:1.1}.tableau .etiquette{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;opacity:.65}.grille-carnet{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.fiche{background:#ffffffdb;border-radius:var(--rayon-petit);box-shadow:var(--ombre-douce);padding:6px;text-align:center;display:flex;flex-direction:column;gap:4px;min-height:44px}.fiche .dessin{aspect-ratio:1 / .95}.fiche .nom{font-family:var(--titre);font-weight:600;font-size:.78rem;line-height:1.1}.fiche .code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;opacity:.6}.fiche--vide{opacity:.4;display:flex;align-items:center;justify-content:center;min-height:120px;font-size:1.6rem}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.badge{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--rayon-petit);background:#ffffffb3;min-height:52px}.badge--obtenu{background:#6ed6b047}.badge .marque{font-size:1.3rem;flex:0 0 auto}.badge .texte{min-width:0}.badge .titre{display:block;font-family:var(--titre);font-weight:700;font-size:.9rem;line-height:1.1}.badge .condition{display:block;font-size:.74rem;opacity:.7;line-height:1.15}.badge .jauge{height:4px;border-radius:2px;background:#4a21301f;margin-top:3px}.badge .jauge i{display:block;height:100%;border-radius:2px;background:var(--rose)}.onglets-page{display:flex;gap:6px}.onglets-page .bouton{flex:1 1 auto}.atelier{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:820px){.atelier{grid-template-columns:minmax(260px,380px) 1fr;align-items:start}}.atelier-apercu{aspect-ratio:1 / .9;border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre-carte);position:sticky;top:8px}.atelier-apercu canvas{display:block;width:100%;height:100%}.code-partage{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.code-partage code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.2rem;letter-spacing:.08em;background:#fff;padding:8px 14px;border-radius:var(--rayon-petit);box-shadow:inset 0 0 0 2px #4a21301a;min-height:var(--cible);display:inline-flex;align-items:center}.champ-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;min-height:var(--cible);padding:8px 14px;border-radius:var(--rayon-petit);border:2px solid rgba(74,33,48,.14);background:#fff;color:var(--encre);width:min(240px,100%)}.champ-code:focus-visible{outline:3px solid var(--menthe-sombre);outline-offset:2px}.regles{max-width:720px;margin:0 auto;width:100%}.regles section{margin-bottom:18px}.regles h3{font-size:1.15rem;margin-bottom:4px}.regles p,.regles li{line-height:1.5;font-size:.95rem}.regles ul{padding-left:20px;margin:6px 0}.defile{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}.bouton-jeter{display:inline-flex;align-items:center;gap:6px;min-height:var(--cible);padding:0 12px;border-radius:var(--rayon-petit);background:var(--rouge);color:#fff;font-family:var(--titre);font-weight:700;font-size:.85rem;box-shadow:0 2px #a8283c;flex:0 1 auto;min-width:var(--cible);max-width:34vw;touch-action:manipulation}.bouton-jeter:active{transform:translateY(2px);box-shadow:none}.bouton-jeter--eteint{background:#ffffffb3;color:#4a213073;box-shadow:var(--ombre-douce);cursor:not-allowed}.bouton-jeter-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecon{flex:0 0 auto;width:100%;background:#fffaf2;border-radius:14px;padding:10px 14px;box-shadow:0 4px #4a21301f,0 12px 28px #4a213033;border-left:5px solid var(--or);pointer-events:none;animation:bulle .3s ease}.lecon-place{min-height:0}.lecon strong{font-family:var(--titre);font-size:.98rem}.lecon p{margin:3px 0 0;font-size:.85rem;line-height:1.35}@keyframes bulle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.etoiles{display:flex;justify-content:center;gap:10px;margin:14px 0 6px}.etoile{font-size:2.6rem;line-height:1;color:#4a213024;transition:none}.etoile--acquise{color:var(--or);animation:etoile-tombe .42s cubic-bezier(.2,1.6,.4,1);text-shadow:0 0 14px rgba(242,181,68,.6)}@keyframes etoile-tombe{0%{transform:scale(2.4) rotate(-25deg);opacity:0}60%{transform:scale(.9) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.etoiles-petites{flex:0 0 auto;font-size:1rem;letter-spacing:1px;color:var(--or)}.objectifs{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.objectif{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:var(--rayon-petit);background:#ffffffb8;font-size:.9rem;line-height:1.3}.objectif--atteint{background:#6ed6b04d}.objectif-marque{font-family:var(--titre);font-weight:800;color:var(--menthe-sombre);flex:0 0 auto;width:16px;text-align:center}.objectif:not(.objectif--atteint) .objectif-marque{color:#4a21304d}.objectif-texte em{opacity:.7;font-size:.85em}.avertissement{margin:10px 0 0;padding:9px 12px;border-radius:var(--rayon-petit);background:#d9455c1f;font-size:.87rem;line-height:1.35}.grille-services{display:grid;gap:8px;margin-bottom:8px}@media(min-width:760px){.grille-services{grid-template-columns:1fr 1fr}}.service-carte{background:#ffffffdb;border-radius:var(--rayon);box-shadow:var(--ombre-douce);overflow:hidden}.service-carte--fermee{opacity:.58}.service-carte--parfaite{box-shadow:0 2px #4a21301f,inset 0 0 0 2px var(--or)}.service-tete{display:flex;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 12px;text-align:left;touch-action:manipulation}.service-numero{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--rose-clair);display:inline-flex;align-items:center;justify-content:center;font-family:var(--titre);font-weight:800;font-size:1rem}.service-carte--parfaite .service-numero{background:var(--or);color:#4a3005}.service-titre{flex:1 1 auto;min-width:0}.service-titre strong{display:block;font-family:var(--titre);font-size:1rem;line-height:1.15}.service-titre em{display:block;font-style:normal;font-size:.8rem;opacity:.72;line-height:1.25}.service-detail{padding:0 12px 12px;display:grid;gap:8px}.service-technique{margin:0;font-size:.78rem;opacity:.68}.service-nuit{background:linear-gradient(120deg,#6ed6b04d,#ffffffdb)}.bascule{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 12px;margin-bottom:8px;border-radius:var(--rayon-petit);background:#ffffffbf;text-align:left;box-shadow:inset 0 0 0 2px #4a213012;touch-action:manipulation}.bascule--active{background:#6ed6b03d;box-shadow:inset 0 0 0 2px var(--menthe)}.bascule-texte{flex:1 1 auto;min-width:0}.bascule-texte strong{display:block;font-family:var(--titre);font-size:.96rem;line-height:1.15}.bascule-texte em{display:block;font-style:normal;font-size:.8rem;opacity:.72;line-height:1.3}.bascule-piste{flex:0 0 auto;width:46px;height:26px;border-radius:13px;background:#4a21302e;position:relative;transition:background .14s ease}.bascule--active .bascule-piste{background:var(--menthe-sombre)}.bascule-pastille{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .14s ease}.bascule--active .bascule-pastille{transform:translate(20px)}.curseur{display:flex;align-items:center;gap:12px;min-height:var(--cible);padding:0 12px;font-size:.92rem}.curseur input[type=range]{flex:1 1 auto;min-height:var(--cible);accent-color:var(--rose-vif)}.curseur-valeur{font-family:ui-monospace,Menlo,monospace;font-size:.85rem;width:3ch;text-align:right;opacity:.7}.legende-motifs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 10px;padding:0 12px}.legende-motif{display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.choix-motif{font-family:var(--titre);font-weight:800;font-size:.9rem;color:#281820b3;line-height:1}.choix--muet{min-height:52px}.choix--muet .choix-pastille{width:30px;height:30px}