@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";:root{--color-bg: #ffffff;--color-yellow: #f5c400;--color-yellow-dark: #d4a600;--color-yellow-border: #b38a00;--color-blue-dark: #1b3a6b;--color-blue-mid: #2d6be4;--color-blue-panel: #6090cc;--color-blue-panel-dark:#4a78b8;--color-blue-light: #c8dff5;--color-blue-sidebar: #6090cc;--color-blue-sidebar-border: #4a78b0;--color-white: #ffffff;--color-green-validated: #5ac85a;--color-red: #d92c2c;--color-red-dark: #b32020;--color-locked: #7a8a9a;--color-locked-bg: #cdd5de;--color-locked-border: #8a9aaa;--font-body: "Nunito", system-ui, sans-serif;--font-title: "Fredoka One", "Nunito", system-ui, sans-serif;--border: 3px solid var(--color-blue-dark);--border-radius: 14px;--border-radius-sm: 8px;--border-radius-pill: 50px;--shadow-block: 5px 6px 0px var(--color-blue-dark);--shadow-card: 3px 4px 0px var(--color-blue-dark);--shadow-button: 3px 3px 0px #0d1f3c;--title-stroke: -2px -2px 0 var(--color-blue-dark), 2px -2px 0 var(--color-blue-dark), -2px 2px 0 var(--color-blue-dark), 2px 2px 0 var(--color-blue-dark), 3px 4px 0 var(--color-blue-dark);--header-height: 70px;--sidebar-width: 310px;--gap: 16px;--gap-lg: 24px;--gap-sm: 10px;--fs-display: clamp(2.2rem, 3.8vw, 3.8rem);--fs-title: clamp(2rem, 3.2vw, 3.2rem);--fs-slogan: clamp(1.5rem, 3.8vw, 3rem);--fs-label: clamp(1.4rem, 2.3vw, 2rem);--fs-input: clamp(1.1rem, 1.8vw, 1.5rem);--fs-hint: clamp(.9rem, 1.3vw, 1.1rem);--fs-btn-sm: clamp(1.3rem, 2vw, 1.8rem);--h-btn-lg: clamp(82px, 12vh, 112px);--h-btn-md: clamp(68px, 10vh, 92px);--h-input: clamp(58px, 9vh, 78px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-blue-dark);line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:var(--font-body);cursor:pointer}a{color:inherit;text-decoration:none}.header-bar{width:100%;height:var(--header-height);background-color:var(--color-yellow);border-bottom:var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gap-lg);flex-shrink:0}.header-bar__home-link{display:flex;align-items:center;gap:var(--gap);text-decoration:none;flex-shrink:0}.header-bar__home-link--static{cursor:default;pointer-events:none}.header-bar__logo{height:52px;width:52px;object-fit:contain;flex-shrink:0}.header-bar__title{font-family:var(--font-title);font-size:clamp(1.6rem,2.5vw,2.2rem);color:var(--color-white);text-shadow:var(--title-stroke);letter-spacing:.02em;line-height:1}.header-bar__title--brand{color:var(--color-blue-dark);text-shadow:none}.header-bar__right{flex-shrink:0;display:flex;align-items:center;gap:10px}.login-page{height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg)}.login-page__slogan{flex-shrink:0;padding:clamp(8px,1.5vh,16px) var(--gap-lg) clamp(20px,3vh,36px);text-align:center;font-family:var(--font-body);font-size:var(--fs-slogan);font-weight:900;color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;width:100%;box-sizing:border-box}.login-page__slogan-l1{display:block;font-size:clamp(1.8rem,4vw,3.5rem)}.login-page__slogan-l2{display:block;font-size:clamp(1.6rem,3.6vw,3.15rem)}.login-page__body{flex:0 1 auto;margin-top:auto;margin-bottom:clamp(20px,3vh,40px);display:flex;align-items:stretch;gap:var(--gap-lg);padding:0 var(--gap-lg) var(--gap-lg);min-height:0;overflow:hidden}.login-page__owl-col{flex:0 0 46%;min-width:0;display:flex;align-items:flex-end;justify-content:center}.login-page__owl-img{width:100%;height:100%;max-height:clamp(280px,50vh,460px);object-fit:contain;object-position:center bottom;display:block}.login-page__right-col{flex:1;display:flex;flex-direction:column;gap:clamp(8px,1.5vh,var(--gap));min-width:0}.login-page__create-btn{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-blue-dark);border:3px solid #0d1f3c;border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:0 clamp(18px,3.5vw,36px);height:clamp(48px,8vh,var(--h-btn-lg));text-decoration:none;cursor:pointer;transition:transform .08s,box-shadow .08s}.login-page__create-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 8px #0d1f3c}.login-page__create-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0d1f3c}.login-page__create-label{font-family:var(--font-title);font-size:var(--fs-display);color:var(--color-white);line-height:1}.login-page__create-arrow{display:block;flex-shrink:0;width:clamp(80px,10vw,116px);height:clamp(32px,5.5vh,60px);background-color:var(--color-white);clip-path:polygon(0 28%,62% 28%,62% 0%,100% 50%,62% 100%,62% 72%,0 72%)}.login-page__connect{flex:0 1 auto;min-height:0;overflow:hidden;background-color:var(--color-blue-panel);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:clamp(10px,2.5vh,28px) clamp(24px,3.5vw,40px) clamp(8px,2vh,24px);display:flex;flex-direction:column;gap:clamp(8px,1.5vh,20px)}.login-page__connect-title{font-family:var(--font-title);font-size:var(--fs-display);color:var(--color-white);font-weight:400;line-height:1;flex-shrink:0}.login-page__error{flex-shrink:0;background-color:#d92c2c33;color:#ffe0e0;border:1px solid rgba(217,44,44,.55);border-radius:var(--border-radius-sm);padding:12px 18px;font-size:var(--fs-hint);font-weight:700}.login-page__field{flex-shrink:0;display:flex;align-items:center;gap:var(--gap)}.login-page__label{flex:0 0 clamp(190px,36%,260px);min-width:0;font-family:var(--font-body);font-weight:800;font-size:var(--fs-label);color:var(--color-white);line-height:1.2;white-space:nowrap}.login-page__input{flex:1;height:clamp(42px,6.5vh,var(--h-input));background-color:var(--color-white);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:0 20px;font-family:var(--font-body);font-size:var(--fs-input);font-weight:700;color:var(--color-blue-dark);outline:none;transition:border-color .15s;min-width:0}.login-page__input:focus{border-color:var(--color-yellow)}.login-page__actions{flex-shrink:0;display:flex;justify-content:flex-end;margin-top:auto;padding-top:clamp(4px,1vh,var(--gap-sm))}.login-page__submit{font-family:var(--font-title);font-size:var(--fs-display);color:var(--color-white);background-color:var(--color-blue-dark);border:3px solid #0d1f3c;border-radius:var(--border-radius);box-shadow:var(--shadow-button);height:clamp(48px,8vh,var(--h-btn-lg));padding:0 clamp(36px,5vw,64px);cursor:pointer;line-height:1;transition:transform .08s,box-shadow .08s}.login-page__submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px #0d1f3c}.login-page__submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #0d1f3c}.login-page__submit:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.login-page{height:auto;min-height:100vh;overflow-y:auto}.login-page__slogan{font-size:clamp(1.2rem,5.5vw,1.9rem);padding:14px var(--gap) 10px}.login-page__slogan-l1,.login-page__slogan-l2{display:inline;font-size:inherit}.login-page__body{flex-direction:column;padding:0 var(--gap) var(--gap);gap:var(--gap);align-items:stretch;overflow:visible;margin-top:0;margin-bottom:0}.login-page__owl-col{flex:none;height:220px;align-items:center}.login-page__owl-img{height:100%;max-height:220px;width:auto;object-position:center center}.login-page__right-col{padding-top:0;gap:var(--gap-sm)}.login-page__create-btn{height:72px;padding:0 18px}.login-page__create-label{font-size:1.8rem}.login-page__create-arrow{width:68px;height:34px}.login-page__connect{padding:var(--gap);gap:var(--gap-sm);margin-top:0}.login-page__connect-title{font-size:1.8rem}.login-page__field{flex-direction:column;align-items:flex-start;gap:6px}.login-page__label{flex:none;font-size:1.25rem}.login-page__input{width:100%;height:56px;font-size:1.1rem}.login-page__actions{margin-top:0;padding-top:var(--gap-sm)}.login-page__submit{font-size:1.8rem;height:72px;padding:0 32px}}.inscription-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.inscription-page__body{flex:1;display:flex;align-items:stretch;padding:var(--gap) var(--gap-lg) var(--gap-lg)}.inscription-panel{flex:1;background-color:var(--color-blue-panel);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:clamp(22px,3.5vh,40px) clamp(28px,4.5vw,64px);display:flex;flex-direction:column;gap:clamp(16px,2.5vh,28px);overflow-y:auto;min-height:0}.form-row{flex-shrink:0;display:flex;align-items:center;gap:clamp(18px,3vw,40px)}.form-row__left{flex:0 0 clamp(200px,38%,340px);display:flex;flex-direction:column;gap:6px}.inscription-panel--enseignant .form-row__left{flex:0 0 clamp(170px,30%,280px)}.inscription-panel:not(.inscription-panel--enseignant) .form-row__left{flex:0 0 clamp(220px,44%,380px)}.form-row__label{font-family:var(--font-body);font-weight:800;font-size:var(--fs-label);color:var(--color-white);line-height:1.2}.form-row__hint{font-size:var(--fs-hint);font-weight:600;color:#ffffffd1;line-height:1.5}.form-row__controls{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.form-row__controls--radios{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px}.form-row__controls--cantons{flex-wrap:nowrap;gap:4px 10px}.form-row__controls--cantons .radio-choice{font-size:clamp(.8rem,1.2vw,1rem);gap:5px;white-space:nowrap}.form-row__controls--school{gap:var(--gap)}.inscription-page__input{flex:1;height:var(--h-input);background-color:var(--color-white);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:0 20px;font-family:var(--font-body);font-size:var(--fs-input);font-weight:700;color:var(--color-blue-dark);outline:none;transition:border-color .15s;min-width:0}.inscription-page__input:focus{border-color:var(--color-yellow)}.inscription-page__input--school{flex:0 0 clamp(150px,40%,290px)}.form-row__refresh-btn{flex-shrink:0;width:var(--h-input);height:var(--h-input);display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--color-blue-dark);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .12s,transform .12s}.form-row__refresh-btn:hover{background-color:var(--color-blue-light);transform:rotate(30deg)}.form-row__refresh-btn img{width:32px;height:32px;object-fit:contain}.radio-choice{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--color-white);font-family:var(--font-body);font-weight:800;font-size:var(--fs-btn-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.radio-choice input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2.5px solid rgba(255,255,255,.8);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;transition:background-color .1s,border-color .1s}.radio-choice input[type=radio]:checked{background-color:var(--color-white);border-color:var(--color-white)}.inscription-page__error{flex-shrink:0;background-color:#d92c2c33;color:#ffe0e0;border:1px solid rgba(217,44,44,.55);border-radius:var(--border-radius-sm);padding:12px 18px;font-size:var(--fs-hint);font-weight:700}.inscription-page__actions{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--gap)}.inscription-page__actions--right{justify-content:flex-end;gap:var(--gap)}.inscription-page__actions-right{display:flex;gap:var(--gap)}.inscription-btn.inscription-btn--teacher-top{display:none}.inscription-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);font-weight:400;line-height:1;height:var(--h-btn-md);padding:0 clamp(24px,4vw,52px);border-radius:var(--border-radius);border:3px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .08s,box-shadow .08s}.inscription-btn:hover:not(:disabled){transform:translate(-2px,-2px)}.inscription-btn:active:not(:disabled){transform:translate(2px,2px)}.inscription-btn--teacher{background-color:#7b2da8;color:var(--color-white);border-color:#5a1f80;box-shadow:4px 4px #5a1f80}.inscription-btn--teacher:hover:not(:disabled){box-shadow:6px 6px #5a1f80}.inscription-btn--skip{background-color:var(--color-red);color:var(--color-white);border-color:var(--color-red-dark);box-shadow:4px 4px 0 var(--color-red-dark)}.inscription-btn--skip:hover:not(:disabled){box-shadow:6px 6px 0 var(--color-red-dark)}.inscription-btn--submit{background-color:var(--color-blue-dark);color:var(--color-white);border-color:#0d1f3c;box-shadow:4px 4px #0d1f3c}.inscription-btn--submit:hover:not(:disabled){box-shadow:6px 6px #0d1f3c}.inscription-btn--submit:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.inscription-page__body{padding:var(--gap-sm) var(--gap) var(--gap)}.inscription-panel{padding:var(--gap);gap:20px}.form-row{flex-direction:column;align-items:flex-start;gap:6px}.form-row__left,.inscription-panel--enseignant .form-row__left,.inscription-panel:not(.inscription-panel--enseignant) .form-row__left{flex:none;width:100%}.form-row__controls,.form-row__controls--school{width:100%;flex-wrap:wrap}.form-row__controls--pseudo{flex-wrap:nowrap}.form-row__controls--pseudo .inscription-page__input{flex:1;width:auto;min-width:0}.inscription-page__input,.inscription-page__input--school{flex:none;width:100%;height:56px;font-size:1.1rem}.form-row__label{font-size:1.3rem}.form-row__hint{font-size:.9rem}.form-row__refresh-btn{width:56px;height:56px}.radio-choice{font-size:1.1rem}.inscription-btn{font-size:1.5rem;height:62px;padding:0 20px}.inscription-btn.inscription-btn--teacher-top{display:inline-flex;width:100%;justify-content:center}.inscription-btn.inscription-btn--teacher-bottom{display:none}.inscription-page__actions>.inscription-btn{width:100%;justify-content:center}.inscription-page__actions{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--gap-sm)}.inscription-page__actions-right{align-self:flex-end;gap:var(--gap-sm)}.inscription-page__actions--right{align-items:flex-end}.form-row--ecole-canton{margin-top:var(--gap-sm)}.form-row__controls--school .form-row__controls--cantons{width:100%;flex-wrap:wrap;justify-content:center;gap:8px 14px}}@media (min-width: 769px){.inscription-page{height:100vh;height:100svh;min-height:0;overflow:hidden}.inscription-page__body{overflow:hidden}.inscription-panel--enseignant .form-row__left{flex:0 0 clamp(200px,30%,380px)}.inscription-panel--enseignant .inscription-page__input--school{flex:0 0 clamp(160px,32%,210px)}.form-row__controls--school .form-row__controls--cantons{flex:1;flex-wrap:wrap;min-width:0;gap:6px 10px}}@media (min-width: 1280px){.inscription-panel--enseignant .inscription-page__input--school{flex:0 0 clamp(220px,30%,320px)}.form-row__controls--school .form-row__controls--cantons{flex-wrap:nowrap;justify-content:space-between}.form-row__controls--school .form-row__controls--cantons .radio-choice{font-size:clamp(.9rem,1.3vw,1.15rem)}}@keyframes inscriptionSaved{0%,40%{background-color:#14a04680}to{background-color:var(--color-blue-panel)}}.inscription-panel--saved{animation:inscriptionSaved 2.5s ease-out forwards}.header-user{display:flex;align-items:center;gap:10px}.header-user__pseudo{font-family:var(--font-title);font-size:clamp(1.5rem,2.3vw,2rem);color:var(--color-blue-dark);white-space:nowrap;line-height:1}.header-user__pseudo--link{cursor:pointer}.header-user__pseudo--link:hover{text-decoration:underline;text-underline-offset:3px}.header-user__avatar-wrap{display:flex;align-items:center;flex-shrink:0}.header-user__avatar-wrap--link{cursor:pointer}.header-user__avatar-wrap--link:hover{opacity:.85}.header-user__connect{font-family:var(--font-body);font-weight:800;font-size:.9rem;color:var(--color-blue-dark);background-color:var(--color-white);border:var(--border);border-radius:var(--border-radius-sm);padding:8px 16px;cursor:pointer;box-shadow:var(--shadow-button);transition:transform .08s,box-shadow .08s}.header-user__connect:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #0d1f3c}.header-user__connect:active{transform:translate(2px,2px);box-shadow:1px 1px #0d1f3c}@media (max-width: 768px){.header-user__pseudo{display:none}}.profile-avatar{border-radius:var(--border-radius-sm);border:var(--border);box-shadow:var(--shadow-card);object-fit:cover;flex-shrink:0;background-color:var(--color-blue-light)}.profile-avatar--sm{width:40px;height:40px}.profile-avatar--md{width:64px;height:64px}.profile-avatar--lg{width:96px;height:96px}.profile-avatar--xl{width:128px;height:128px}.profile-avatar--placeholder{display:flex;align-items:center;justify-content:center;background-color:var(--color-blue-mid);color:var(--color-white);font-family:var(--font-title);font-weight:400;-webkit-user-select:none;user-select:none}.profile-avatar--sm.profile-avatar--placeholder{font-size:1.1rem}.profile-avatar--md.profile-avatar--placeholder{font-size:1.6rem}.profile-avatar--lg.profile-avatar--placeholder{font-size:2.2rem}.profile-avatar--xl.profile-avatar--placeholder{font-size:3rem}.presentation-page{height:100vh;height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg);overflow:hidden}.presentation-page__slogan{flex-shrink:0;padding:14px var(--gap-lg);font-family:var(--font-body);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:900;color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:820px;width:100%;margin:0 auto}.presentation-page__body{flex:1;display:flex;justify-content:center;align-items:center;padding:0 var(--gap-lg) var(--gap-lg);min-height:0}.presentation-frame-wrapper{position:relative;width:100%;max-width:860px;padding-bottom:64px}.presentation-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:4px solid #1a1a1a;border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #0000004d;background-color:#1a1a1a}.presentation-cover__img{width:100%;height:100%;object-fit:cover;display:block}.presentation-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;transition:transform .12s;z-index:10;border-radius:50%;line-height:0}.presentation-play-btn:hover{transform:translate(-50%,-50%) scale(1.08)}.presentation-play-btn:active{transform:translate(-50%,-50%) scale(.95)}.presentation-play-btn__img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.presentation-owl{position:absolute;bottom:0;right:clamp(16px,4vw,56px);width:clamp(80px,10vw,130px);height:auto;filter:drop-shadow(4px 8px 10px rgba(0,0,0,.35));pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.presentation-page{height:auto;min-height:100vh;overflow-y:auto}.presentation-page__slogan{font-size:1rem;padding:10px var(--gap)}.presentation-page__body{align-items:flex-start;padding:0 var(--gap-sm) var(--gap)}.presentation-frame-wrapper{padding-bottom:50px}.presentation-play-btn__img{width:80px;height:80px}.presentation-owl{width:clamp(60px,18vw,90px);right:8px}}.avert-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background-color:var(--color-bg)}.avert-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:var(--gap-lg)}.avert-panel{background-color:var(--color-blue-panel, #6090cc);border:var(--border-width, 3px) solid var(--color-border, #1b3a6b);border-radius:var(--border-radius);padding:clamp(20px,4vh,40px) clamp(20px,4vw,48px);max-width:clamp(480px,80%,900px);width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--gap)}.avert-panel__icon{width:clamp(60px,10vw,100px);height:auto}.avert-panel__text{font-family:var(--font-body);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;color:var(--color-white);text-align:center;line-height:1.4}.avert-panel__actions{display:flex;gap:var(--gap);justify-content:center;width:100%;margin-top:var(--gap-sm)}.avert-btn{flex:0 0 auto;min-width:clamp(130px,20vw,200px);height:var(--h-btn-md);padding:0 clamp(20px,3vw,36px);font-family:var(--font-title);font-size:var(--fs-title);border:none;border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--shadow-button, 3px 3px 0 #000);color:var(--color-white);transition:opacity .15s}.avert-btn:hover{opacity:.88}.avert-btn--register{background-color:var(--color-blue-dark, #1b3a6b)}.avert-btn--continue{background-color:#c0392b}.visiteur-accueil-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background-color:var(--color-bg)}.visiteur-accueil-body{flex:1;padding:var(--gap-lg)}.visiteur-accueil-error{color:#c0392b;font-size:var(--fs-label);margin-bottom:var(--gap)}.visiteur-tables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);max-width:800px;margin:0 auto}.visiteur-table-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background-color:var(--color-blue-panel, #6090cc);border:var(--border-width, 3px) solid var(--color-border, #1b3a6b);border-radius:var(--border-radius);padding:clamp(14px,2.5vh,24px) var(--gap);cursor:pointer;color:var(--color-white);box-shadow:var(--shadow-button, 3px 3px 0 #000);transition:opacity .15s}.visiteur-table-btn:hover{opacity:.88}.visiteur-table-btn__num{font-family:var(--font-title);font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1}.visiteur-table-btn__label{font-family:var(--font-body);font-size:var(--fs-hint);font-weight:700;opacity:.85;text-align:center}.visiteur-sidebar{display:flex;flex-direction:column;gap:var(--gap-sm, 8px)}.visiteur-sidebar__panel{border-radius:var(--border-radius);border:var(--border-width, 3px) solid var(--color-border, #1b3a6b);padding:var(--gap-sm) var(--gap);color:var(--color-white)}.visiteur-sidebar__niveau{font-family:var(--font-title);font-size:var(--fs-label);margin-bottom:2px}.visiteur-sidebar__objectif{font-family:var(--font-body);font-size:var(--fs-hint);font-weight:700}.visiteur-sidebar__temps{font-family:var(--font-body);font-size:var(--fs-hint);opacity:.85}@media (max-width: 768px){.visiteur-tables-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.avert-page{height:100vh;height:100svh;overflow:hidden}.avert-body{align-items:center;overflow:hidden}.visiteur-accueil-page{height:100vh;height:100svh;overflow:hidden}.visiteur-accueil-body{overflow:hidden;min-height:0;display:flex;flex-direction:column;box-sizing:border-box}.visiteur-tables-grid{flex:1;min-height:0;max-width:none;grid-auto-rows:1fr}}.main-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.main-layout__content{flex:1;padding:var(--gap-lg);overflow-y:auto;min-height:0}.sidebar-layout{height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg)}.sidebar-layout__body{flex:1;display:flex;align-items:stretch;padding:var(--gap-lg);gap:var(--gap-lg);min-height:0;overflow:hidden}.sidebar-layout__main{flex:1;overflow-y:auto;min-width:0}.sidebar-layout__sidebar{flex-shrink:0;width:var(--sidebar-width);background-color:var(--color-blue-sidebar);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:var(--gap-lg) var(--gap);overflow:hidden;display:flex;flex-direction:column}.sidebar-layout--no-mobile-scroll .sidebar-layout__main{overflow:hidden}@media (max-width: 768px){.sidebar-layout{height:auto;overflow:visible;min-height:100vh}.sidebar-layout__body{flex-direction:column;overflow:visible;height:auto}.sidebar-layout__sidebar{width:100%}.sidebar-layout--no-mobile-scroll .sidebar-layout__main{overflow:hidden}}.auth-layout{height:100vh;height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg)}.auth-layout__body{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--gap-lg);min-height:0}.auth-layout__card{background-color:var(--color-blue-panel);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:2rem 2.5rem;width:100%;max-width:900px;display:flex;flex-direction:column;gap:var(--gap-lg);color:var(--color-white)}.auth-layout__card-title{font-family:var(--font-title);font-size:1.8rem;color:var(--color-white);text-align:center}@media (max-width: 768px){.auth-layout__body{align-items:flex-start;overflow-y:auto}}.table-game{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:clamp(14px,2.5vh,28px) var(--gap-lg);background-color:#fff;height:100%;box-sizing:border-box;overflow:hidden}.table-game__consigne{flex-shrink:0;font-family:var(--font-body);font-size:var(--fs-input);font-weight:400;color:var(--color-blue-dark, #1b3a6b);text-align:center;max-width:680px;opacity:.72}.table-game__center{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,22px);width:100%}.table-game__calcul{display:flex;align-items:center;gap:clamp(10px,1.8vw,22px);font-family:var(--font-title)}.table-game__num,.table-game__op,.table-game__eq,.table-game__dots{font-size:clamp(3.2rem,7vw,6.5rem);line-height:1}.table-game__num{color:var(--color-yellow, #f5c400)}.table-game__op,.table-game__eq{color:var(--color-blue-dark, #1b3a6b)}.table-game__dots{color:var(--color-yellow, #f5c400)}.table-game__input-wrap{border:3px solid #bbb;border-radius:var(--border-radius-sm);transition:border-color .2s,background .2s}.table-game__input-wrap--ok{border-color:#2c7a2c;background:#e8ffe8}.table-game__input-wrap--ko{border-color:#c0392b;background:#ffe8e8}.table-game__input{width:clamp(120px,16vw,200px);height:clamp(60px,9vh,90px);font-family:var(--font-title);font-size:clamp(1.8rem,3vw,2.8rem);text-align:center;border:none;background:transparent;outline:none;color:var(--color-blue-dark, #1b3a6b)}.table-game__input::-webkit-outer-spin-button,.table-game__input::-webkit-inner-spin-button{-webkit-appearance:none}.table-game__input[type=number]{-moz-appearance:textfield}.table-game__feedback{font-family:var(--font-body);font-size:var(--fs-input);font-weight:400;color:var(--color-blue-dark, #1b3a6b);text-align:center;opacity:.72;min-height:1.6em}.table-game__feedback--ok{color:#2c7a2c;font-weight:700;opacity:1}.table-game__feedback--ko{color:var(--color-red, #d92c2c);font-weight:700;opacity:1}.table-game__btn-verifier{height:var(--h-btn-md);padding:0 clamp(24px,4vw,48px);background-color:var(--color-blue-dark, #1b3a6b);color:#fff;font-family:var(--font-title);font-size:var(--fs-title);border:none;border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--shadow-button, 3px 3px 0 #000);transition:opacity .15s}.table-game__btn-verifier:disabled{opacity:.5;cursor:default}.table-game__btn-verifier:hover:not(:disabled){opacity:.88}.table-game__session-stats{flex-shrink:0;font-family:var(--font-body);font-size:var(--fs-hint);font-weight:700;color:var(--color-blue-dark, #1b3a6b);opacity:.65;text-align:center}.table-game__error{color:var(--color-red, #d92c2c);font-size:var(--fs-hint)}.table-game--repertoire{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;justify-items:center;row-gap:clamp(4px,1vh,10px);width:100%;max-width:960px;margin:0 auto;min-height:0;overflow:hidden}.table-game__consigne--repertoire{max-width:900px;margin:0;font-size:var(--fs-input);opacity:.85}.table-game__center--grid{min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.table-game__grid-wrap{width:100%;max-width:100%;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (min-width: 769px){.table-game--repertoire .multiplication-grid{gap:clamp(2px,.5vh,4px)}.table-game--repertoire .multiplication-grid__cell,.table-game--repertoire .multiplication-grid__header{min-width:clamp(22px,min(4vh,5.6vw),44px);width:clamp(22px,min(4vh,5.6vw),44px);height:clamp(22px,min(4vh,5.6vw),44px);font-size:clamp(.62rem,min(1.8vh,2.1vw),1rem)}.table-game--repertoire .multiplication-grid--size-12 .multiplication-grid__cell,.table-game--repertoire .multiplication-grid--size-12 .multiplication-grid__header{min-width:clamp(17px,min(3.3vh,4.6vw),36px);width:clamp(17px,min(3.3vh,4.6vw),36px);height:clamp(17px,min(3.3vh,4.6vw),36px);font-size:clamp(.55rem,min(1.5vh,1.8vw),.85rem)}}.table-game__center--grid .multiplication-grid__header{color:var(--color-blue-dark, #1b3a6b)}.table-game__center--grid .multiplication-grid__header--current-table{color:var(--color-blue-dark, #1b3a6b);text-shadow:none;background:var(--color-yellow, #f5c400);border-radius:4px}.table-game__grid-loading{font-family:var(--font-body);color:var(--color-blue-dark, #1b3a6b);opacity:.7}.table-game__legend{flex-shrink:0;width:100%;max-width:100%;margin:0 auto}.table-game__legend .grid-legend__list li{color:var(--color-blue-dark, #1b3a6b);justify-content:center}.table-game__done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.5vh,32px);flex:1;min-height:0;width:100%}.table-game__done-owl{width:clamp(80px,18vw,160px)}.table-game__done-msg{font-family:var(--font-title);font-size:var(--fs-label);color:var(--color-blue-dark, #1b3a6b);text-align:center;max-width:480px}.table-game__done-actions{display:flex;gap:var(--gap);flex-wrap:wrap;justify-content:center}.table-sidebar__objectif{flex-shrink:0;padding-bottom:var(--gap-sm);border-bottom:2px solid rgba(255,255,255,.3);color:var(--color-white)}.table-sidebar__obj-title{font-family:var(--font-title);font-size:var(--fs-label);text-align:center;margin-bottom:4px}.table-sidebar__obj-detail{font-family:var(--font-body);font-size:var(--fs-hint);text-align:center;opacity:.85}.table-sidebar__travail{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--color-white);padding-top:clamp(8px,1.2vh,14px)}.table-sidebar__travail-title{flex-shrink:0;font-family:var(--font-title);font-size:clamp(1rem,1.3vw,1.2rem);white-space:nowrap;text-align:center;padding-bottom:var(--gap-sm)}.table-sidebar__calculs-list{flex:1;overflow-y:auto;min-height:0}.table-sidebar__calculs-list::-webkit-scrollbar{width:4px}.table-sidebar__calculs-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.table-sidebar__calcul-item{font-family:var(--font-body);font-size:var(--fs-input);text-align:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.15);transition:background-color .25s ease,color .25s ease,opacity .4s ease}.table-sidebar__calcul-item:last-child{border-bottom:none}@keyframes masteredFadeOut{0%{background-color:#32c85059;color:#d0ffd0;opacity:1}60%{background-color:#32c85059;color:#d0ffd0;opacity:1}to{opacity:0}}.table-sidebar__calcul-item--mastered{animation:masteredFadeOut .7s ease forwards;pointer-events:none}.table-sidebar__maitrise{font-family:var(--font-body);text-align:center;padding:var(--gap-sm) 0;display:flex;flex-direction:column;gap:10px;flex:1;justify-content:center;align-items:center}.table-sidebar__maitrise-line2{font-size:var(--fs-hint);font-weight:400;opacity:.85}@media (min-width: 769px){.table-game__legend .grid-legend__list{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(12px,2.4vw,36px)}.table-game__legend .grid-legend__list li{white-space:nowrap;font-size:clamp(.68rem,1.3vw,.9rem)}}@media (min-width: 1024px){.table-game--repertoire{max-width:1300px;row-gap:clamp(2px,.6vh,8px)}.table-game__consigne--repertoire{max-width:1100px}.table-game__legend .grid-legend__list{gap:clamp(20px,3vw,56px)}}@media (max-width: 768px){.table-game{height:auto;overflow:visible;min-height:unset;gap:var(--gap)}.table-game__input{width:100px;height:58px}.table-game__center{flex:none}.table-game--repertoire{overflow:visible}.table-game__consigne--repertoire{font-size:clamp(1.05rem,4.2vw,1.2rem)}.table-game__grid-wrap{overflow:visible;max-width:100%}.table-game--repertoire .multiplication-grid{width:100%;max-width:100%;gap:1px}.table-game--repertoire .multiplication-grid__cell,.table-game--repertoire .multiplication-grid__header{min-width:0;width:auto;height:auto;aspect-ratio:1 / 1;padding:0;border-radius:3px;font-size:clamp(.48rem,2.4vw,.68rem)}.table-game--repertoire .multiplication-grid__cell--current-table{outline-width:1px}.table-game--repertoire .multiplication-grid__cell--current-intersection{outline-width:1px;box-shadow:0 0 0 1px var(--color-yellow)}.table-game__legend .grid-legend__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;align-items:center;gap:clamp(6px,2vw,12px)}.table-game__legend .grid-legend__list li{display:inline-flex;align-items:center;justify-content:center;gap:.5em;white-space:normal;font-size:var(--fs-hint)}.table-game--repertoire .grid-legend__swatch{width:clamp(14px,4.5vw,20px);height:clamp(14px,4.5vw,20px);min-width:clamp(14px,4.5vw,20px);aspect-ratio:1 / 1;flex:0 0 auto;padding:0;font-size:0}}.stat-sidebar{display:flex;flex-direction:column;justify-content:space-between;gap:0;height:100%;flex:1;min-height:0}.stat-sidebar__title{font-family:var(--font-title);font-size:1.2rem;color:var(--color-white);padding-bottom:var(--gap-sm);border-bottom:2px solid rgba(255,255,255,.35)}.stat-sidebar__item{display:flex;flex-direction:column;gap:3px}.stat-sidebar__label{font-size:clamp(.8rem,2vh,1.2rem);line-height:1;font-weight:700;color:#ffffffbf;text-transform:uppercase;letter-spacing:.06em}.stat-sidebar__value{font-size:clamp(1.1rem,3vh,1.8rem);line-height:1;font-weight:800;color:var(--color-white);display:flex;align-items:center;gap:6px}.stat-sidebar__value img{width:clamp(18px,2.5vh,26px);height:clamp(18px,2.5vh,26px);object-fit:contain}.stat-sidebar__row{display:flex;gap:var(--gap-sm)}.stat-sidebar__row .stat-sidebar__item{flex:1;min-width:0}.stat-sidebar__progress-track{margin-top:4px;width:100%;height:8px;background-color:#fff3;border-radius:99px;overflow:hidden}.stat-sidebar__progress-fill{height:100%;background-color:var(--color-yellow);border-radius:99px;transition:width .4s ease}.table-card{background-color:var(--color-blue-panel);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:var(--gap) var(--gap-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);cursor:pointer;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none;min-width:0;height:100%;box-sizing:border-box}.table-card--validated{background-color:#3a8c3a}.table-card:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--color-blue-dark)}.table-card--validated:hover{box-shadow:7px 8px #1e5a1e}.table-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-blue-dark)}.table-card--validated:active{box-shadow:2px 2px #1e5a1e}.table-card__numero{font-family:var(--font-title);font-size:clamp(1.3rem,3.1vw,2rem);color:var(--color-white);line-height:1.1;text-align:center}.table-card__stars{display:flex;gap:4px;align-items:center}.table-card__star{width:clamp(20px,2.8vw,30px);height:clamp(20px,2.8vw,30px);object-fit:contain;opacity:.3}.table-card__star--active{opacity:1}.locked-table-card{background-color:var(--color-locked-bg);border:3px solid var(--color-locked-border);border-radius:var(--border-radius);box-shadow:5px 6px 0 var(--color-locked);padding:var(--gap) var(--gap-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);min-width:0;position:relative;cursor:not-allowed;opacity:.85;height:100%;box-sizing:border-box}.locked-table-card__numero{font-family:var(--font-title);font-size:clamp(1.3rem,3.1vw,2rem);color:var(--color-locked);line-height:1.1;text-align:center}.locked-table-card__stars{display:flex;gap:4px;align-items:center;min-height:clamp(20px,2.8vw,30px)}.locked-table-card__icon{width:clamp(20px,2.8vw,30px);height:clamp(20px,2.8vw,30px);object-fit:contain;opacity:.7}.accueil-grid{height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:clamp(6px,1vw,12px);padding:clamp(8px,1vw,14px)}.accueil-loading,.accueil-error{grid-column:1 / -1;text-align:center;font-family:var(--font-title);font-size:var(--fs-label);color:var(--color-primary);padding:var(--gap)}.accueil-sidebar__top{display:flex;align-items:center;justify-content:space-evenly;padding:0 0 var(--gap-sm)}.accueil-sidebar__icon-wrap{cursor:pointer;border-radius:var(--border-radius-sm);transition:transform .1s;display:flex;align-items:center;justify-content:center}.accueil-sidebar__icon-wrap:hover{transform:scale(1.1)}.accueil-sidebar__icon{width:clamp(60px,8vw,90px);height:clamp(60px,8vw,90px);object-fit:contain;display:block}@media (max-width: 768px){.accueil-grid{height:auto;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr);padding:var(--gap-sm)}}@media (max-width: 768px){.stat-sidebar--accueil{flex-direction:row;flex-wrap:wrap;gap:0}.stat-sidebar--accueil>.accueil-sidebar__top{flex:0 0 100%}.stat-sidebar--accueil>.stat-sidebar__item:nth-child(2),.stat-sidebar--accueil>.stat-sidebar__item:nth-child(3),.stat-sidebar--accueil>.stat-sidebar__item:nth-child(4){flex:0 0 calc(100% / 3);min-width:0;text-align:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.stat-sidebar--accueil>.stat-sidebar__item:nth-child(5),.stat-sidebar--accueil>.stat-sidebar__item:nth-child(6){flex:0 0 50%;min-width:0;text-align:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.stat-sidebar--accueil>.stat-sidebar__item:nth-child(7){flex:0 0 100%;padding-top:8px}.stat-sidebar--accueil>.stat-sidebar__item:nth-child(7) .stat-sidebar__label{text-align:center}.stat-sidebar--accueil .stat-sidebar__value{justify-content:center}}.profil-page{height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-bg)}.profil-page__body{flex:1;display:flex;align-items:stretch;padding:var(--gap) var(--gap-lg) var(--gap-lg);overflow:hidden;min-height:0}.profil-page .form-row__left{flex:0 0 clamp(200px,36%,440px)}.profil-page .form-row{gap:clamp(24px,4vw,56px)}.profil-page .profil-panel__value{font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:600}.profil-panel__nav-link{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .1s}.profil-panel__nav-link:hover{transform:scale(1.18)}.profil-page .profil-panel__nav-link img{width:clamp(44px,6vh,64px);height:clamp(44px,6vh,64px);object-fit:contain}.profil-panel__value{font-family:var(--font-body);font-size:var(--fs-label);font-weight:700;color:var(--color-white);line-height:1.3;word-break:break-word}.profil-panel__pass-row{display:flex;align-items:center;gap:8px}.profil-panel__pass-row .inscription-page__input{flex:1}.profil-panel__edit-row{display:flex;align-items:center;gap:8px}.profil-panel__edit-row .inscription-page__input,.profil-panel__edit-row .profil-panel__value{flex:1}.profil-panel__edit-btn{flex-shrink:0;width:var(--h-input);height:var(--h-input);display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--color-blue-dark);border-radius:var(--border-radius-sm);color:var(--color-blue-dark);cursor:pointer;padding:0;transition:background-color .12s,transform .1s}.profil-panel__edit-btn:hover{background-color:var(--color-blue-light, #dce9ff);transform:scale(1.06)}.profil-panel__success{font-family:var(--font-body);font-size:var(--fs-hint);color:#64dc78;text-align:center}.profil-panel__pass-toggle{flex-shrink:0;width:var(--h-input);height:var(--h-input);display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--color-blue-dark);border-radius:var(--border-radius-sm);color:var(--color-blue-dark);cursor:pointer;padding:0;transition:background-color .12s,transform .1s}.profil-panel__pass-toggle:hover{background-color:var(--color-blue-light, #dce9ff);transform:scale(1.06)}.profil-panel__masked{color:#1a1a1a;letter-spacing:3px}.profil-panel__nav-link--users{color:var(--color-white)}.profil-panel__nav-link--users svg{width:clamp(44px,6vh,64px);height:clamp(44px,6vh,64px)}.profil-panel--loading{display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);min-height:200px}@media (max-width: 768px){.profil-page{height:auto;overflow:visible}.profil-page__body{padding:var(--gap-sm) var(--gap) var(--gap);overflow:visible}.profil-page .form-row__left{flex:none;width:100%}.profil-page .form-row{gap:6px}.profil-page .inscription-panel{justify-content:flex-start;gap:var(--gap-sm)}.profil-page .inscription-page__actions{margin-top:auto;padding-top:var(--gap)}.profil-page .form-row__label,.profil-page .profil-panel__value{font-size:1.5rem}.profil-page .inscription-page__input{font-size:1.2rem}.profil-page .profil-panel__nav-link img{width:48px;height:48px}.profil-panel__pass-toggle,.profil-panel__edit-btn{width:56px;height:56px}.profil-panel__nav-link--users svg{width:48px;height:48px}}.profil-page{height:100vh;height:100svh;overflow:hidden}.profil-page__body{overflow:hidden;min-height:0}.profil-page .inscription-panel{justify-content:space-between;gap:clamp(6px,1vh,10px);padding:clamp(14px,2vh,28px) clamp(18px,3vw,48px)}.profil-page .inscription-page__actions{margin-top:0;padding-top:clamp(8px,1vh,14px)}.profil-page .form-row__label{font-size:clamp(1.7rem,2.7vw,2.3rem)}.profil-page .profil-panel__value{font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:600;color:#1a1a1a}.profil-page .inscription-page__input{font-size:clamp(1.4rem,2vw,1.9rem)}.profil-page .profil-panel__nav-link img{width:clamp(44px,6vh,64px);height:clamp(44px,6vh,64px)}@keyframes profilSaved{0%,40%{background-color:#14a04680}to{background-color:var(--color-blue-panel)}}.profil-panel--saved{animation:profilSaved 2.5s ease-out forwards}@media (max-width: 768px){.profil-page{height:auto;overflow:visible}.profil-page__body{overflow:visible}.profil-page .inscription-page__actions{margin-top:auto;padding-top:var(--gap)}.profil-page .form-row__label{font-size:1.5rem}.profil-page .profil-panel__value{font-size:1.5rem;color:#1a1a1a}.profil-page .inscription-page__input{font-size:1.2rem}.profil-page .profil-panel__nav-link img{width:48px;height:48px}.profil-page .inscription-panel{gap:var(--gap)}.profil-page .form-row--mt-link{margin-top:var(--gap-sm)}.profil-page .inscription-page__actions{flex-direction:column-reverse;align-items:stretch}}.image-gallery-picker{display:flex;flex-direction:column;gap:var(--gap)}.image-gallery-picker__label{font-weight:800;font-size:.95rem;color:var(--color-blue-dark)}.image-gallery-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;padding:4px}.image-gallery-picker__item{position:relative;cursor:pointer;border-radius:50%;border:3px solid transparent;box-sizing:border-box;aspect-ratio:1;overflow:hidden;background-color:#ffffff1f;transition:border-color .12s,box-shadow .12s}.image-gallery-picker__item:hover{border-color:var(--color-blue-mid)}.image-gallery-picker__item--selected{border-color:var(--color-yellow);box-shadow:0 0 0 3px var(--color-yellow-dark)}.image-gallery-picker__item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.images-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg)}.images-page__body{flex:1;display:flex;align-items:stretch;padding:var(--gap) var(--gap-lg) var(--gap-lg)}.images-panel--loading{display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);min-height:200px}.images-panel .image-gallery-picker__item{padding:0;border-radius:var(--border-radius-sm);width:100%}.images-panel .image-gallery-picker__item--selected{border-color:var(--color-yellow);box-shadow:0 0 0 3px var(--color-yellow-dark),0 0 12px #ffd20066}@media (max-width: 768px){.images-page__body{padding:var(--gap-sm) var(--gap) var(--gap)}.images-panel .image-gallery-picker__grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:none;overflow:visible}.images-panel .inscription-page__actions{flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--gap)}}@media (min-width: 769px){.images-page{height:100vh;height:100svh;overflow:hidden}.images-page__body,.images-page .images-panel{overflow:hidden;min-height:0}.images-panel .image-gallery-picker{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.images-panel .image-gallery-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));align-content:start;gap:clamp(8px,1.2vw,12px);padding:4px}}@keyframes imagesSaved{0%,40%{background-color:#14a04680}to{background-color:var(--color-blue-panel)}}.images-panel--saved{animation:imagesSaved 2.5s ease-out forwards}@media (max-width: 768px){.images-panel .inscription-page__actions{flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--gap)}}.ranking-row{display:flex;align-items:center;gap:var(--gap-sm);padding:6px 8px;border-radius:var(--border-radius-sm)}.ranking-row--top1{background-color:#ffc80038}.ranking-row--top2{background-color:#bed7eb33}.ranking-row--top3{background-color:#cd7f3238}.ranking-row--top4{background-color:#46b45a29}.ranking-row--top5{background-color:#ffffff17}.ranking-row--top6{background-color:#ffffff0d}.ranking-row--me{font-weight:900;box-shadow:inset 4px 0 #ffd200e6}.ranking-row--personal{background-color:#ffd20026}.ranking-row__rank{flex-shrink:0;width:32px;text-align:center}.ranking-row__rank img{width:28px;height:28px;object-fit:contain}.ranking-row__rank-number{font-family:var(--font-title);font-size:1.1rem;color:#ffffffbf}.ranking-row__avatar{flex-shrink:0}.ranking-row__info{flex:1;min-width:0}.ranking-row__pseudo{font-weight:800;font-size:.95rem;color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-row__score{font-weight:600;font-size:.8rem;color:#ffffffbf}.class-badge{flex:0 0 clamp(58px,5vw,72px);background:linear-gradient(180deg,#7a4fc9,#5d38a3);border-radius:var(--border-radius);border:var(--border-width) solid #48277e;box-shadow:0 2px 6px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gap-sm) 6px;gap:var(--gap-sm)}.class-badge__avatar{flex-shrink:0;transform:rotate(-90deg)}.class-badge__label{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-family:var(--font-title);font-weight:700;font-size:clamp(.85rem,1.4vw,1.1rem);color:var(--color-white);letter-spacing:.02em}@media (max-width: 768px){.class-badge{flex:0 0 auto;width:100%;flex-direction:row;align-items:center;justify-content:center;padding:6px var(--gap-sm);gap:8px}.class-badge__avatar{order:1;transform:none}.class-badge__label{order:2;writing-mode:horizontal-tb;transform:none;overflow:hidden;text-overflow:ellipsis;max-width:70vw;font-size:.9rem}}.scope-selector{position:relative;flex:0 0 clamp(58px,5vw,72px);display:flex}.scope-selector__badge.class-badge{width:100%;cursor:pointer;font:inherit;display:grid;flex-direction:unset;align-items:unset;justify-content:unset}.scope-selector__badge.class-badge:disabled{cursor:default;opacity:.85}.scope-selector__badge.class-badge .scope-selector__content{grid-area:content;justify-self:center;align-self:center;display:flex;gap:var(--gap-sm)}.scope-selector__badge.class-badge .scope-selector__spacer{grid-area:spacer;visibility:hidden}.scope-selector__expand-btn{grid-area:chevron;justify-self:center;align-self:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:clamp(28px,3.2vw,36px);height:clamp(28px,3.2vw,36px);background:#ffffff1f;border:2px solid rgba(255,255,255,.35);border-radius:var(--border-radius-sm);color:var(--color-white);transition:background .15s}.scope-selector__badge.class-badge:hover .scope-selector__expand-btn{background:#ffffff40}.scope-selector__chevron{display:inline-block;color:var(--color-white);font-size:clamp(1rem,1.4vw,1.3rem);line-height:1;flex-shrink:0;transition:transform .18s ease;transform:rotate(90deg)}.scope-selector--open .scope-selector__chevron{transform:rotate(0)}.scope-selector__menu{position:absolute;z-index:30;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#7a4fc9,#5d38a3);border:var(--border-width) solid #48277e;border-radius:var(--border-radius);box-shadow:0 6px 16px #00000059;padding:var(--gap-sm);box-sizing:border-box}.scope-selector__option{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:var(--border-radius-sm);padding:6px 10px;cursor:pointer;font:inherit;color:var(--color-white);white-space:nowrap;text-align:left}.scope-selector__option:hover{background:#ffffff2e}.scope-selector__option[aria-selected=true]{background:var(--color-green-validated);border-color:var(--color-green-validated);color:#16331a;font-weight:700}.scope-selector__option-label{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body);font-weight:700;font-size:clamp(.75rem,1vw,.9rem);letter-spacing:.02em}.scope-selector__img-frame{flex-shrink:0;width:40px;height:40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:var(--border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-card);overflow:hidden;padding:3px}.scope-selector__option-img{width:100%;height:100%;object-fit:contain}@media (min-width: 769px){.scope-selector__badge.class-badge{grid-template-rows:44px minmax(0,1fr) 44px;grid-template-areas:"chevron" "content" "spacer";justify-items:center}.scope-selector__expand-btn{align-self:center;justify-self:center}.scope-selector__badge.class-badge .scope-selector__content{align-self:center;justify-self:center;flex-direction:column;align-items:center;justify-content:center}.scope-selector__badge-avatar{order:2}.class-badge__label{order:1}}@media (max-width: 768px){.scope-selector{flex:0 0 auto;width:100%;flex-direction:column}.scope-selector__badge.class-badge{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"chevron content spacer";align-items:center}.scope-selector__expand-btn{justify-self:center;align-self:center}.scope-selector__chevron{transform:rotate(0)}.scope-selector--open .scope-selector__chevron{transform:rotate(90deg)}.scope-selector__badge.class-badge .scope-selector__content{justify-self:center;flex-direction:row;align-items:center;justify-content:center}.scope-selector__badge-avatar{order:1}.class-badge__label{order:2}.scope-selector__menu{position:absolute;top:100%;left:0;right:0;width:100%;margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 8px 14px #0000004d}.scope-selector__option-label{font-size:.85rem}}.classement-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg)}.classement-body{position:relative;flex:1;display:flex;gap:var(--gap);padding:var(--gap) var(--gap-lg);align-items:stretch}.classement-loading{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white)}.classement-col{flex:1;background-color:var(--color-blue-panel, #6090cc);border-radius:var(--border-radius);border:var(--border-width) solid var(--color-border);padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap-sm)}.classement-col--highlight{background-color:#3d6baa}.classement-col__icon{display:block;margin:0 auto var(--gap-sm);width:clamp(40px,4.5vw,60px);height:clamp(40px,4.5vw,60px);object-fit:contain}.classement-col__title{font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);text-align:center}.classement-col__subtitle{font-family:var(--font-body);font-size:var(--fs-hint);color:#ffffffbf;text-align:center;margin-bottom:var(--gap-sm)}.classement-col__me-sep{font-family:var(--font-body);font-size:var(--fs-hint);color:#fff9;text-align:center;padding:var(--gap-sm) 0 4px;margin-top:var(--gap-sm);border-top:1px solid rgba(255,255,255,.2);flex-shrink:0}.classement-col__rows{display:flex;flex-direction:column;gap:var(--gap-sm)}@media (min-width: 769px){.classement-page{height:100vh;height:100svh;overflow:hidden}.classement-body{overflow:hidden;min-height:0;padding-bottom:var(--gap-sm)}.classement-col{min-height:0}.classement-col__rows{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}}@media (max-width: 768px){.classement-body{flex-direction:column;padding:var(--gap-sm) var(--gap)}}.multiplication-grid{display:grid;gap:3px}.multiplication-grid__header{display:flex;align-items:center;justify-content:center;min-width:clamp(28px,3vw,40px);height:clamp(28px,3vw,40px);font-family:var(--font-body);font-size:clamp(.75rem,1vw,1rem);font-weight:700;color:var(--color-white)}.multiplication-grid__corner{opacity:.7}.multiplication-grid__cell{display:flex;align-items:center;justify-content:center;min-width:clamp(28px,3vw,40px);height:clamp(28px,3vw,40px);border-radius:5px;border:1px solid rgba(0,0,0,.18);font-family:var(--font-body);font-size:clamp(.7rem,.95vw,.95rem);font-weight:700;color:#1b3a6b}.multiplication-grid__cell--non-tente{background:#fff}.multiplication-grid__cell--a-retravailler{background:#f4a98b}.multiplication-grid__cell--en-cours{background:#bfe6bf}.multiplication-grid__cell--acquis{background:var(--color-green-validated);color:#fff}.multiplication-grid__header--current-table{color:var(--color-yellow);text-shadow:0 0 4px rgba(0,0,0,.4)}.multiplication-grid__cell--current-table{outline:2px solid var(--color-blue-dark);outline-offset:-2px}.multiplication-grid__cell--current-intersection{outline:3px solid var(--color-blue-dark);outline-offset:-3px;box-shadow:0 0 0 2px var(--color-yellow)}.multiplication-grid--size-12 .multiplication-grid__cell,.multiplication-grid--size-12 .multiplication-grid__header{min-width:clamp(24px,2.3vw,34px);height:clamp(24px,2.3vw,34px);font-size:clamp(.62rem,.85vw,.85rem)}@media (max-width: 768px){.multiplication-grid--size-12{width:100%;max-width:100%;gap:1px}.multiplication-grid--size-12 .multiplication-grid__cell,.multiplication-grid--size-12 .multiplication-grid__header{min-width:0;width:auto;height:auto;aspect-ratio:1 / 1;padding:0;border-radius:3px;font-size:clamp(.46rem,2.1vw,.6rem)}.multiplication-grid--size-12 .multiplication-grid__cell--current-table{outline-width:1px}.multiplication-grid--size-12 .multiplication-grid__cell--current-intersection{outline-width:1px;box-shadow:0 0 0 1px var(--color-yellow)}}.grid-legend__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.grid-legend__list li{display:flex;align-items:center;gap:.6em;font-family:var(--font-body);font-size:clamp(.85rem,1.1vw,1.05rem)}.grid-legend__swatch{width:1.4em;height:1.4em;flex-shrink:0;cursor:default}.ens-table-card{background-color:var(--color-blue-panel);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow-block);padding:var(--gap) var(--gap-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-sm);cursor:pointer;transition:transform .08s,box-shadow .08s;-webkit-user-select:none;user-select:none;min-width:0;height:100%;box-sizing:border-box}.ens-table-card:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 var(--color-blue-dark)}.ens-table-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-blue-dark)}.ens-table-card__numero{font-family:var(--font-title);font-size:clamp(1.3rem,3.1vw,2rem);color:var(--color-white);line-height:1.1;text-align:center}.ens-table-card__bar-wrap{position:relative;width:80%;height:clamp(20px,3vh,28px);background-color:#ffffff40;border-radius:99px;overflow:hidden}.ens-table-card__bar-fill{position:absolute;left:0;top:0;bottom:0;background-color:#5ac85a;border-radius:99px;transition:width .4s ease}.ens-table-card__bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:clamp(.75rem,1.5vw,1rem);font-weight:700;color:var(--color-white);z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.4)}.ens-accueil-grid{height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:clamp(6px,1vw,12px);padding:clamp(8px,1vw,14px)}.ens-accueil-loading,.ens-accueil-error{grid-column:1 / -1;text-align:center;font-family:var(--font-title);font-size:var(--fs-label);color:var(--color-primary);padding:var(--gap)}.ens-accueil-sidebar__top{display:flex;align-items:center;justify-content:space-evenly;padding:0 0 var(--gap-sm)}.ens-accueil-sidebar__icon-wrap{cursor:pointer;border-radius:var(--border-radius-sm);transition:transform .1s;display:flex;align-items:center;justify-content:center}.ens-accueil-sidebar__icon-wrap:hover{transform:scale(1.1)}.ens-accueil-sidebar__icon{width:clamp(60px,8vw,90px);height:clamp(60px,8vw,90px);object-fit:contain;display:block}.stat-sidebar__class-selector{position:relative;display:inline-flex}.stat-sidebar__class-button{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.stat-sidebar__class-arrow{font-size:.6em;opacity:.8;transition:transform .15s}.stat-sidebar__class-button[aria-expanded=true] .stat-sidebar__class-arrow{transform:rotate(180deg)}.stat-sidebar__class-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:120px;background-color:var(--color-white);border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-sm);box-shadow:0 4px 14px #00000040;z-index:20;overflow:hidden}.stat-sidebar__class-option{display:block;width:100%;background:none;border:none;color:var(--color-blue-dark);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-align:left;padding:.45em .9em;cursor:pointer;white-space:nowrap;transition:background .15s}.stat-sidebar__class-option:hover{background:#0000000f}.stat-sidebar__class-option--active{font-weight:800;background:#0000000a}@media (max-width: 768px){.ens-accueil-grid{height:auto;grid-auto-rows:auto;grid-template-columns:repeat(2,1fr);padding:var(--gap-sm)}.sidebar-layout__body:has(.stat-sidebar--ens-accueil){flex-direction:column-reverse}}@media (max-width: 768px){.stat-sidebar--ens-accueil{flex-direction:row;flex-wrap:wrap;gap:0}.stat-sidebar--ens-accueil>.ens-accueil-sidebar__top{flex:0 0 100%}.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(2){flex:0 0 100%;min-width:0;text-align:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(3),.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(4){flex:0 0 50%;min-width:0;text-align:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(5),.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(6){flex:0 0 50%;min-width:0;text-align:center;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.15)}.stat-sidebar--ens-accueil>.stat-sidebar__item:nth-child(7){flex:0 0 100%;padding-top:8px}.stat-sidebar--ens-accueil .stat-sidebar__value{justify-content:center}}.gestion-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg)}.gestion-page__body{flex:1;display:flex;align-items:stretch;padding:var(--gap) var(--gap-lg) var(--gap-lg);min-height:0}@media (min-width: 769px){.gestion-page{height:100vh;height:100svh;overflow:hidden}.gestion-page__body{overflow:hidden}.gestion-panel.inscription-panel{overflow:hidden;min-height:0}.gestion-list{flex:1;overflow-y:auto;min-height:0}}.gestion-panel--loading{display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);min-height:200px}.gestion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);flex-wrap:wrap;margin-bottom:var(--gap)}.gestion-toolbar__code-chip{display:inline-flex;align-items:center;gap:.5em;background-color:#7b2da8;color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;padding:0 clamp(16px,2vw,28px);border-radius:var(--border-radius-sm);border:2px solid #5a1f80;box-shadow:4px 4px #5a1f80;height:var(--h-btn-md);white-space:nowrap;flex-shrink:0;transition:background-color .35s,border-color .35s,box-shadow .35s}.gestion-toolbar__code-chip--success{background-color:#2a7d3c;border-color:#1e5c2b;box-shadow:4px 4px #1e5c2b}.gestion-toolbar__code-chip--error{background-color:#a02828;border-color:#721c1c;box-shadow:4px 4px #721c1c}.gestion-toolbar__code-chip .eleve-row__edit-btn img{filter:brightness(0) invert(1)}.gestion-toolbar__create-btn{flex-shrink:0;font-size:var(--fs-btn-sm);height:var(--h-btn-md);padding:0 clamp(20px,3vw,40px)}.gestion-list{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px)}.gestion-list__empty{font-family:var(--font-body);font-size:var(--fs-label);color:#fff9;text-align:center;padding:var(--gap) 0}.eleve-row{display:flex;align-items:center;gap:clamp(8px,1.5vw,20px);background-color:#3c4b5fd9;border-radius:var(--border-radius-sm);padding:clamp(10px,1.5vh,18px) clamp(12px,2vw,24px);box-shadow:0 2px 8px #00000040}.eleve-row__prenom{font-family:var(--font-title);font-size:var(--fs-label);font-weight:700;color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eleve-row__cell--prenom{display:flex;align-items:center;gap:.4em;flex-shrink:0;min-width:clamp(100px,16%,190px)}.eleve-row__cell{display:flex;align-items:center;gap:.5em;flex:1;min-width:0}.eleve-row__label{font-family:var(--font-body);font-size:var(--fs-hint);color:#ffffff8c;flex-shrink:0}.eleve-row__cell-val{font-family:var(--font-body);font-size:var(--fs-input);color:var(--color-white);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eleve-row__input,.eleve-row__select{flex:1;min-width:0;background-color:#ffffff1f;border:1px solid rgba(255,255,255,.35);border-radius:var(--border-radius-sm);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-input);padding:.3em .6em;height:clamp(38px,5vh,52px);outline:none}.eleve-row__input:focus,.eleve-row__select:focus{border-color:var(--color-primary)}.eleve-row__select option{background-color:var(--color-bg);color:var(--color-white)}.eleve-row__edit-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;transition:transform .1s}.eleve-row__edit-btn:hover{transform:scale(1.2)}.eleve-row__edit-btn img{width:clamp(22px,3vh,32px);height:clamp(22px,3vh,32px);object-fit:contain}.eleve-row__delete-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0;transition:transform .1s;margin-left:auto}.eleve-row__delete-btn:hover{transform:scale(1.2)}.eleve-row__delete-btn img{width:clamp(24px,3.5vh,36px);height:clamp(24px,3.5vh,36px);object-fit:contain}.eleve-row__cell-error{width:100%;font-family:var(--font-body);font-size:var(--fs-hint);color:#f99;padding:2px 0}.gestion-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--gap)}.gestion-modal{width:min(520px,96vw);max-height:90vh;overflow-y:auto}.gestion-modal--confirm{width:min(380px,92vw)}.gestion-modal__title{font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);margin-bottom:var(--gap)}.gestion-modal__form{display:flex;flex-direction:column;gap:var(--gap)}.gestion-modal__confirm-text{font-family:var(--font-body);font-size:var(--fs-label);color:var(--color-white);margin-bottom:var(--gap)}.eleve-row__cell--niveau{flex:0 0 auto}.gestion-toolbar__code-edit{display:inline-flex;align-items:center;background-color:#7b2da8;border:2px solid #5a1f80;box-shadow:4px 4px #5a1f80;border-radius:var(--border-radius-sm);height:var(--h-btn-md);overflow:hidden;flex-shrink:0}.gestion-toolbar__code-input{background:transparent;border:none;color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-input);padding:0 .8em;height:100%;outline:none;width:clamp(120px,22vw,240px)}.gestion-toolbar__code-input::placeholder{color:#ffffff80}.gestion-toolbar__code-ok{background:#ffffff26;border:none;border-left:1px solid rgba(255,255,255,.3);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-btn-sm);font-weight:700;padding:0 1em;height:100%;cursor:pointer;flex-shrink:0;transition:background .15s}.gestion-toolbar__code-ok:hover:not(:disabled){background:#ffffff47}.gestion-toolbar__code-ok:disabled{opacity:.45;cursor:default}.gestion-toolbar__code-cancel{display:flex;align-items:center;background:none;border:none;border-left:1px solid rgba(255,255,255,.3);color:#ffffffbf;font-size:1em;padding:0 .75em;height:100%;cursor:pointer;flex-shrink:0;transition:color .15s}.gestion-toolbar__code-cancel:hover{color:var(--color-white)}.gestion-toolbar__class-selector{display:flex;align-items:center;gap:8px;flex-shrink:0}.gestion-toolbar__class-dropdown-wrap{position:relative}.gestion-toolbar__add-class-btn{flex-shrink:0;width:var(--h-btn-md);height:var(--h-btn-md);padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;line-height:1}.gestion-toolbar__dropdown-arrow{margin-left:.35em;font-size:.75em;opacity:.85}.gestion-toolbar__dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background-color:#5a1f80;border:2px solid #3d1559;border-radius:var(--border-radius-sm);box-shadow:0 4px 14px #00000073;z-index:100;overflow:hidden}.gestion-toolbar__dropdown-item{display:block;width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-label);font-weight:500;text-align:left;padding:.5em 1em;cursor:pointer;white-space:nowrap;transition:background .15s}.gestion-toolbar__dropdown-item:last-child{border-bottom:none}.gestion-toolbar__dropdown-item:hover{background:#ffffff26}.gestion-toolbar__dropdown-item--active{background:#ffffff38;font-weight:700}.gestion-toolbar__code-display,.gestion-toolbar__dropdown-item,.gestion-classe-tile__code{text-transform:uppercase}.gestion-classes-add__hint{flex-basis:100%;margin:0;padding:0}.gestion-toolbar__classes-btn{flex-shrink:0;font-size:var(--fs-btn-sm);height:var(--h-btn-md);padding:0 clamp(20px,3vw,40px)}.gestion-modal--classes{width:min(500px,96vw)}.gestion-classes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--gap)}.gestion-classe-tile{display:flex;align-items:center;background-color:#7b2da8;border:2px solid #5a1f80;box-shadow:4px 4px #5a1f80;border-radius:var(--border-radius-sm);height:var(--h-btn-md);overflow:hidden;transition:background-color .35s,border-color .35s,box-shadow .35s}.gestion-classe-tile--success{background-color:#2a7d3c;border-color:#1e5c2b;box-shadow:4px 4px #1e5c2b}.gestion-classe-tile--error{background-color:#a02828;border-color:#721c1c;box-shadow:4px 4px #721c1c}.gestion-classe-tile__code{flex:1;font-family:var(--font-body);font-size:var(--fs-label);font-weight:600;color:var(--color-white);padding:0 clamp(14px,2vw,22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gestion-classe-tile__edit{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid rgba(255,255,255,.25);cursor:pointer;padding:0 clamp(12px,1.8vw,18px);height:100%;flex-shrink:0;transition:background .15s}.gestion-classe-tile__edit:hover{background:#ffffff26}.gestion-classe-tile__edit img{width:clamp(20px,2.8vh,26px);height:clamp(20px,2.8vh,26px);object-fit:contain;filter:brightness(0) invert(1)}.gestion-classe-tile__input{flex:1;background:transparent;border:none;color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-input);padding:0 .8em;height:100%;outline:none;min-width:0}.gestion-classe-tile__ok{background:#ffffff26;border:none;border-left:1px solid rgba(255,255,255,.3);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-btn-sm);font-weight:700;padding:0 1em;height:100%;cursor:pointer;flex-shrink:0;transition:background .15s}.gestion-classe-tile__ok:hover:not(:disabled){background:#ffffff47}.gestion-classe-tile__ok:disabled{opacity:.45;cursor:default}.gestion-classe-tile__cancel{display:flex;align-items:center;background:none;border:none;border-left:1px solid rgba(255,255,255,.3);color:#ffffffbf;font-size:1em;padding:0 .75em;height:100%;cursor:pointer;flex-shrink:0;transition:color .15s}.gestion-classe-tile__cancel:hover{color:var(--color-white)}.gestion-classes-add{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;margin-bottom:var(--gap)}.gestion-classes-add__input{flex:1;min-width:clamp(140px,40%,220px);background-color:#ffffff1f;border:1px solid rgba(255,255,255,.35);border-radius:var(--border-radius-sm);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-input);padding:.3em .8em;height:var(--h-btn-md);outline:none}.gestion-classes-add__input::placeholder{color:#ffffff73}.gestion-classes-add__input:focus{border-color:#7b2da8}.gestion-modal__actions{display:flex;justify-content:flex-end;padding-top:var(--gap);border-top:1px solid rgba(255,255,255,.1)}.gestion-toolbar__create-classe-btn{flex-shrink:0;font-size:var(--fs-btn-sm);height:var(--h-btn-md);padding:0 clamp(20px,3vw,40px)}.gestion-modal__hint{font-family:var(--font-body);font-size:var(--fs-hint);color:#ffffffbf;line-height:1.6}.inscription-btn--danger{background-color:var(--color-red);color:var(--color-white);border-color:var(--color-red-dark);box-shadow:4px 4px 0 var(--color-red-dark)}.inscription-btn--danger:hover:not(:disabled){filter:brightness(1.1)}@media (max-width: 768px){.gestion-page__body{padding:var(--gap-sm) var(--gap) var(--gap)}.eleve-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(4,auto);gap:6px 12px;align-items:start}.eleve-row__cell--prenom{grid-column:1;grid-row:1;min-width:0;flex-shrink:1}.eleve-row__cell--login{grid-column:1;grid-row:2;min-width:0}.eleve-row__cell--code{grid-column:1;grid-row:3;min-width:0}.eleve-row__cell--niveau{grid-column:1;grid-row:4;min-width:0;flex:unset}.eleve-row__delete-btn{grid-column:2;grid-row:1 / 5;margin-left:0;align-self:center}.eleve-row__cell-error{grid-column:1 / -1;grid-row:5}.gestion-toolbar{flex-direction:column;align-items:stretch}.gestion-toolbar__create-btn,.gestion-toolbar__create-classe-btn,.gestion-toolbar__classes-btn,.gestion-toolbar__class-selector{width:100%}.gestion-toolbar__class-dropdown-wrap{flex:1;min-width:0}.gestion-toolbar__classes-btn{width:100%}.gestion-classes-add{flex-direction:column;align-items:stretch}.gestion-classes-add__input{min-width:0;width:100%}}.ens-table-page__class-header{position:relative;display:flex;align-items:center;margin-bottom:var(--gap)}.ens-table-page__class-label{display:inline-flex;align-items:center;background-color:var(--color-blue-panel);border:2px solid var(--color-blue-dark);border-radius:var(--border-radius-sm);padding:.3em .9em;font-family:var(--font-body);font-size:var(--fs-hint);font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:.05em}.ens-table-class-grid{display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,14px);width:100%}.ens-table-class-grid__btn{flex:0 0 auto;min-width:clamp(90px,12vw,150px);height:clamp(34px,5vh,44px);padding:0 clamp(12px,1.5vw,20px);background-color:#7b2da8;border:2px solid #5a1f80;border-radius:var(--border-radius-sm);font-family:var(--font-body);font-size:var(--fs-hint);font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:background-color .15s,color .15s}.ens-table-class-grid__btn:hover{background-color:#8f35c0;color:var(--color-white)}.ens-table-class-grid__btn--active{background-color:#8f35c0;color:var(--color-white);font-weight:800;border-color:var(--color-yellow)}.ens-table-class-selector{position:relative;display:none}.ens-table-class-selector__btn{display:inline-flex;align-items:center;gap:.4em;background-color:#7b2da8;border:2px solid #5a1f80;box-shadow:4px 4px #5a1f80;border-radius:var(--border-radius-sm);height:var(--h-btn-md);padding:0 clamp(16px,2.5vw,28px);font-family:var(--font-body);font-size:var(--fs-btn-sm);font-weight:600;color:var(--color-white);cursor:pointer;transition:background-color .15s}.ens-table-class-selector__btn:hover{background-color:#8f35c0}.ens-table-class-selector__code{text-transform:uppercase}.ens-table-class-selector__arrow{font-size:.75em;opacity:.85}.ens-table-class-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;background-color:#5a1f80;border:2px solid #3d1559;border-radius:var(--border-radius-sm);box-shadow:0 4px 14px #00000073;z-index:100;overflow:hidden}.ens-table-class-dropdown__item{display:block;width:100%;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.1);color:var(--color-white);font-family:var(--font-body);font-size:var(--fs-label);font-weight:500;text-align:left;padding:.5em 1em;cursor:pointer;white-space:nowrap;text-transform:uppercase;transition:background .15s}.ens-table-class-dropdown__item:last-child{border-bottom:none}.ens-table-class-dropdown__item:hover{background:#ffffff26}.ens-table-class-dropdown__item--active{background:#ffffff38;font-weight:700}.ens-table-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-color:var(--color-bg)}.ens-table-page__body{flex:1;display:flex;flex-direction:column;padding:var(--gap) var(--gap-lg) var(--gap-lg);min-height:0}.ens-table-page__message{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:var(--fs-title);color:var(--color-white);min-height:200px}@media (min-width: 769px){.ens-table-page{height:100vh;height:100svh;overflow:hidden}.ens-table-page__body{overflow-y:auto}}.ens-table-list{display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.ens-table-row{display:grid;grid-template-columns:minmax(160px,1.5fr) auto 1fr 1fr;align-items:center;gap:clamp(16px,3vw,44px);position:relative;background-color:var(--color-blue-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:clamp(10px,1.5vh,18px) clamp(58px,6vw,84px) clamp(10px,1.5vh,18px) clamp(14px,2.5vw,32px)}.ens-table-row__name-cell{display:flex;align-items:center;gap:.4em;min-width:0}.ens-table-row__name{font-family:var(--font-title);font-size:clamp(1.3rem,1.8vw,1.9rem);color:var(--color-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ens-table-row__edit-link{display:inline-flex;align-items:center;flex-shrink:0}.ens-table-row__edit-link img{width:clamp(18px,2.2vh,26px);height:clamp(18px,2.2vh,26px);object-fit:contain;opacity:.55;transition:opacity .1s,transform .1s}.ens-table-row__edit-link:hover img{opacity:1;transform:scale(1.15)}.ens-table-row__stars-group{display:flex;align-items:center;gap:clamp(8px,1.2vw,14px)}.ens-table-row__levels{display:flex;gap:clamp(3px,.4vw,7px)}.ens-table-row__level{font-family:var(--font-body);font-size:clamp(.65rem,.88vw,.9rem);font-weight:700;width:clamp(1.5rem,2.2vw,2.2rem);text-align:center;line-height:1}.ens-table-row__level--earned{color:var(--color-green-validated)}.ens-table-row__level--bonus{color:var(--color-yellow)}.ens-table-row__level--empty{color:#fff3}.ens-table-row__stars{display:flex;gap:clamp(3px,.4vw,7px)}.ens-table-row__star{font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1}.ens-table-row__star--earned{color:var(--color-green-validated)}.ens-table-row__star--bonus{color:var(--color-yellow)}.ens-table-row__star--empty{color:#fff3}.ens-table-row__stat{display:flex;flex-direction:column;gap:2px}.ens-table-row__stat-label{font-family:var(--font-body);font-size:clamp(.85rem,1.1vw,1.05rem);color:#fff9;white-space:nowrap}.ens-table-row__stat-value{font-family:var(--font-body);font-size:clamp(1.1rem,1.6vw,1.65rem);font-weight:700;color:var(--color-white)}.ens-table-row-wrapper{display:flex;flex-direction:column}.ens-table-row-wrapper--expanded{background-color:var(--color-blue-panel);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius)}.ens-table-row-wrapper--expanded .ens-table-row{background-color:transparent;border:none;border-radius:0}.ens-table-row__expand-btn{position:absolute;right:clamp(12px,1.5vw,20px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:clamp(34px,4vh,44px);height:clamp(34px,4vh,44px);flex-shrink:0;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);border-radius:var(--border-radius-sm);color:var(--color-white);cursor:pointer;transition:background .15s}.ens-table-row__expand-btn:hover{background:#ffffff40}.ens-table-row__expand-icon{display:inline-block;font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1;transition:transform .18s ease}.ens-table-row__expand-icon--open{transform:rotate(90deg)}.ens-table-row-panel{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:clamp(16px,3vw,40px);align-items:stretch;margin:0 clamp(14px,2.5vw,32px) clamp(12px,1.8vh,20px);padding-top:clamp(12px,1.8vh,18px);border-top:1px solid rgba(255,255,255,.25)}.ens-table-row-panel--message{display:block;font-family:var(--font-body);color:var(--color-white)}.ens-table-row-panel__legend{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(16px,2.5vh,26px);height:100%}.ens-table-row-panel__objective{font-family:var(--font-body);font-size:clamp(1rem,1.3vw,1.25rem);font-weight:700;color:var(--color-white);margin:0;padding-top:clamp(8px,1.2vh,12px);border-top:1px solid rgba(255,255,255,.2)}.ens-table-row-panel__ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,14px)}.ens-rank{display:flex;flex-direction:column;gap:2px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:var(--border-radius-sm);padding:clamp(6px,1vh,10px) clamp(8px,1vw,12px)}.ens-rank__label{font-family:var(--font-body);font-size:clamp(.72rem,.9vw,.85rem);color:#ffffffb3;text-transform:uppercase;letter-spacing:.03em}.ens-rank__rang{font-family:var(--font-title);font-size:clamp(1.1rem,1.5vw,1.5rem);color:var(--color-yellow);line-height:1.1}.ens-rank__value{font-family:var(--font-body);font-size:clamp(.78rem,1vw,.95rem);font-weight:700;color:var(--color-white)}.ens-table-row-panel__legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.ens-table-row-panel__legend .grid-legend__list li{color:#ffffffeb}.ens-table-row-panel__grid-wrap{align-self:start;overflow-x:auto;max-width:100%}.ens-legend-swatch--current{display:inline-block;background:#fff;border-radius:5px;outline:2px solid var(--color-blue-dark);outline-offset:-2px}@media (max-width: 768px){.ens-table-page__body{padding:var(--gap-sm) var(--gap) var(--gap)}.ens-table-class-grid{display:none}.ens-table-class-selector{display:block;width:100%}.ens-table-class-selector__btn{width:100%;justify-content:space-between}.ens-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;grid-template-areas:"name  stars stars" "time  calc  expand";gap:var(--gap-sm) var(--gap);padding:10px 14px}.ens-table-row__expand-btn{grid-area:expand;position:static;justify-self:end;align-self:end;right:auto;top:auto;bottom:auto;transform:none;width:38px;height:38px}.ens-table-row-panel{grid-template-columns:1fr}.ens-table-row-panel__grid-wrap{order:2}.ens-table-row__name-cell{grid-area:name;min-width:0}.ens-table-row__stars-group{grid-area:stars;justify-self:end;gap:6px}.ens-table-row__level{font-size:.6rem;width:clamp(1.2rem,5vw,1.5rem)}.ens-table-row__stat:nth-child(3){grid-area:time}.ens-table-row__stat:nth-child(4){grid-area:calc;text-align:left}.ens-table-row__stat:nth-child(4) .ens-table-row__stat-label,.ens-table-row__stat:nth-child(4) .ens-table-row__stat-value{text-align:left}.ens-table-row-panel--size-12 .ens-table-row-panel__grid-wrap{overflow-x:visible;max-width:100%}}