.mg{max-width:760px;margin:auto;padding:20px;font:20px/1.5 system-ui,sans-serif;color:#163b4a;background:#f2fbff;border-radius:24px;min-height:100vh}.mg,.mg *{box-sizing:border-box}.mg h1{font-size:clamp(26px,6vw,36px);line-height:1.2}.mg h2{font-size:24px}.mg button,.mg select{min-width:56px;min-height:56px;padding:12px 16px;border:2px solid #32758b;border-radius:16px;background:#fff;color:#163b4a;font:inherit;cursor:pointer}.mg button:focus-visible,.mg select:focus-visible,.mg svg:focus-visible{outline:4px solid #cf6500;outline-offset:3px}.mg button[aria-pressed=true]{background:#cff2e3;border-color:#15694e}.mg button:disabled{opacity:.55;cursor:default}.mg .mg-principal{background:#126b55;color:#fff;border-color:#126b55;font-weight:700}.mg-ligne{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.mg-consigne{font-size:22px;font-weight:600}.mg-retour{min-height:32px}.mg-cadran{display:block;width:100%;max-width:344px;margin:20px auto;touch-action:none;background:#fff;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mg-cadran text{font-size:20px;fill:#163b4a;font-weight:700}.mg-carte{background:#fff;padding:16px;border-radius:20px;border:2px solid #b5dce7;margin:16px 0}.mg-jeton{font-weight:700}.mg-billet{border-radius:8px!important;background:#e4f0db!important;min-width:100px!important}.mg-piece{border-radius:50%!important;background:#fff2b8!important}.mg-sticker{font-size:96px;color:#b65d00;background:#fff0a0;border:6px double #b65d00;width:160px;height:160px;line-height:140px;border-radius:50%;margin:24px auto}.mg-fin{text-align:center}.mg-train{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.mg-wagon{width:62px;height:62px;border:4px solid #27728a;background:#d3f3ff;border-radius:12px;box-shadow:0 6px 0 #163b4a}.mg select{max-width:100%}.mg-erreur{color:#9d3400}.mg small{font-size:16px}.mg figure{margin:0}.mg .primaire-audio{display:block;margin:12px 0}.mg input{display:block;min-height:56px;width:100%;max-width:240px;border:2px solid #32758b;border-radius:12px;font:inherit;padding:12px}.mg input:focus-visible{outline:4px solid #cf6500}.mg-calcul{font-size:36px;font-weight:700}.mg-jours{padding-left:28px}.mg-jours [aria-current=step]{font-weight:700;color:#126b55}.mg-locomotive,.mg-wagon-texte{min-width:96px;min-height:64px;background:#d3f3ff;border:3px solid #27728a;border-radius:12px;padding:12px;text-align:center}.mg-scene{position:relative;width:100%;aspect-ratio:2/3;background:#fff;border-radius:20px;overflow:hidden;margin:16px 0}.mg-scene img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mg .mg-zone{position:absolute;padding:0;min-width:56px;min-height:56px;border:0;border-radius:12px;background:transparent;color:#126b55;font-size:36px}.mg .mg-zone:disabled{opacity:1;background:#b4f0cb80}.mg .mg-zone:focus-visible{outline:4px solid #cf6500;outline-offset:-4px}.mg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mg-mot-image{display:block;width:100%;max-width:240px;height:240px;-o-object-fit:contain;object-fit:contain;margin:16px auto;border-radius:20px}