:root{--primary:blue;--selection:#00e676;--fondJaune:#edd99e;--fondBleuUni:#0d3964;--borduresHaut:48px;--borduresBas:72px;--borduresHautBas:110px}:root,body.light{--primary:#2380cb;--on-primary:white;--secondary:#ffc107;--secondary-container:#c79100;--on-secondary:#000;--on-secondary-container:#0d47a1;--tertiary:#009688;--tertiary-light:#ffe495;--on-tertiary:white}:root,body.dark{--primary:#0d47a1;--on-primary:#f4e6bc;--secondary:#ffc107;--secondary-container:#5a4610;--tertiary:#004d40;--on-tertiary:wheat;--tertiary-light:#004d40}@media(max-width:600px){:root{--borduresHautBas:140px}}body.light{--fondQuadrille:repeating-linear-gradient(90deg,rgba(198,198,198,0.05) 0,rgba(198,198,198,0.05) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(0,rgba(198,198,198,0.05) 0,rgba(198,198,198,0.05) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(0,rgba(198,198,198,0.06) 0,rgba(198,198,198,0.06) 1px,transparent 1px,transparent 15px),repeating-linear-gradient(90deg,rgba(198,198,198,0.06) 0,rgba(198,198,198,0.06) 1px,transparent 1px,transparent 15px),linear-gradient(90deg,#fff,#fff);--fondBleu:linear-gradient(135deg,#0f2386 0,#0f2386 15%,#13439c 25%,#13439c 41%,#1763b2 51%,#1763b2 75%,#1a82c8 75%,#1a82c8 92%,#1ea2de 92%,#1ea2de 100%)}body.dark{--fondQuadrille:repeating-linear-gradient(90deg,rgba(255,255,255,0.05) 0,rgba(255,255,255,0.05) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(0,rgba(255,255,255,0.05) 0,rgba(255,255,255,0.05) 1px,transparent 1px,transparent 5px),repeating-linear-gradient(0,rgba(255,255,255,0.06) 0,rgba(255,255,255,0.06) 1px,transparent 1px,transparent 15px),repeating-linear-gradient(90deg,rgba(255,255,255,0.06) 0,rgba(255,255,255,0.06) 1px,transparent 1px,transparent 15px),linear-gradient(90deg,#141414,#141414);--fondBleu:linear-gradient(135deg,#081246 0,#081246 15%,#0a1e5a 25%,#0a1e5a 41%,#0c2d73 51%,#0c2d73 75%,#0f4187 75%,#0f4187 92%,#12559b 92%,#12559b 100%)}.tabs>a.active,.tabs>a.active>i{color:var(--secondary) !important}.tertiary-light{background-color:var(--tertiary-light) !important;color:ghostwhite}body{background-color:var(--fondJaune)}#global-loader{z-index:9999 !important;background-color:var(--background);transition:opacity .5s ease-out,visibility .5s}#global-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.hide{display:none}main{position:fixed;top:var(--borduresHaut);bottom:0;left:0;right:0;width:100%;height:auto;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--fondJaune);padding:0 !important;box-sizing:border-box}#book-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:auto;margin-top:20px;margin-bottom:20px;box-shadow:0 10px 30px rgba(0,0,0,0.2);height:fit-content;transition:transform .2s ease-out;transform-origin:center top}@media(min-width:769px){#book-container{width:380px}}@media(max-width:768px){#book-container{width:80%;margin-right:90px}}@media(max-width:600px){body.game-mode main{margin-bottom:0 !important}main{bottom:var(--borduresHaut);top:var(--borduresBas);justify-content:center}#book-container{width:100%;max-width:100%;margin:0;box-shadow:none;max-height:100%}#btnWhenPlaying{margin-left:-1.5rem}#app-snackbar{inline-size:95%}}@media screen and (min-width:600px) and (max-width:900px){#topNav{max-inline-size:calc(100dvw - 130px)}#bottom-nav{position:fixed;left:inherit}}body.selection-mode #book-container{transform:scale(0.95);border:2px solid var(--primary)}body.selection-mode #page-image{filter:grayscale(40%)}#restricted-controls{top:80px;z-index:10}#menuGlobal{background:var(--fondBleu);z-index:200}#headerInfo{outline:1.5px dashed var(--active);backdrop-filter:blur(30px);outline-offset:-5px;border-radius:15px}#page-image,#zones-layer{grid-area:1 / 1;width:100%;height:100%}#page-image{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;background-color:var(--fondJaune)}#zones-layer{position:relative;z-index:10}.zone{position:absolute;-webkit-tap-highlight-color:transparent;z-index:20;border-radius:4px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transition:background-color .1s,box-shadow .1s}@media(hover:hover){.zone:hover{background-color:rgb(0 133 255 / 20%) !important;border:1px dashed var(--tertiary);z-index:25}}.zone.active{background-color:rgb(0 255 100 / 10%) !important;box-shadow:0 0 0 3px #fbc02d;z-index:30}.zone.link{background-color:rgb(71 255 242 / 5%) !important}.zone.url{border:thin dashed var(--overlay);border-radius:15px}.menu-chapter-row{display:flex;align-items:center;width:100%;justify-content:space-between}#dropdown-pages{max-height:calc(100dvh - var(--borduresHautBas))}#dropdown-pages li.fill{font-weight:bold}.zone.selected{background-color:rgba(0,230,118,0.1) !important;border:2px solid #00c853;z-index:40}.zone.selected::after,.zone.reveal-source::after{content:'check';font-family:'Material Symbols Outlined';position:absolute;top:-10px;right:-10px;background:#00c853;color:white;border-radius:45%;font-size:large;padding:4px}.zone.wrongButYouSaidCorrect::after{content:'block';font-family:'Material Symbols Outlined';position:absolute;top:-10px;left:-10px;background:darkred;color:white;border-radius:50%;font-size:x-large;padding:2px}body.restricted-mode .zone:not(.allowed){background-color:rgb(255 255 255 / 80%);pointer-events:none}body.restricted-mode .zone.allowed{background-color:rgba(33,150,243,0.1);border:1px dashed var(--primary)}.desktopDialog{padding-inline:25%}#btnWhenPlaying{top:70px;margin-right:60px;position:absolute;transform:translateX(-50%) scale(0);transition:transform .4s cubic-bezier(0.18,0.89,0.32,1.28);z-index:10}#btnWhenPlaying.visible{transform:translateX(-50%) scale(1)}#pagePrec,#pageSuiv{line-height:.6em}#selection-toolbar{display:none;position:fixed;top:0;left:0;width:100%;background:var(--background);z-index:800;box-shadow:0 2px 5px rgba(0,0,0,0.3);justify-content:center;gap:10px;animation:slideDown .3s}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}body.child-mode .nav-btn,body.child-mode header nav button:not(#btn-child-mode):not(#btn-fullscreen),body.child-mode #btn-settings-trigger{display:none !important}#bottom-nav{background-color:var(--fondBleuUni);overflow:hidden !important;background-image:var(--fondBleu);background-blend-mode:color}#page-image{transition:transform .4s ease-out,opacity .2s ease-out;transform:translateX(0);opacity:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}.slide-out-to-left{transform:translateX(-50px) !important;opacity:0 !important;filter:blur(1px)}.slide-out-to-right{transform:translateX(50px) !important;opacity:0 !important;filter:blur(1px)}@keyframes fadeInPage{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}@media(min-width:900px){#btn-replay-game{margin-right:25vw}#game-overlay header nav{margin-inline:20vw}}body.flash-success::after,body.flash-error::after{content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;pointer-events:none;transition:box-shadow .8s ease-in}body.flash-success::after{box-shadow:inset 0 0 50px 10px #4caf50 !important}body.flash-error::after{box-shadow:inset 0 0 50px 10px #d32f2f !important}.overlay-game{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:rgba(0,0,0,0.05);z-index:5000;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}.overlay-game.hide{display:none !important}.overlay-game header{pointer-events:auto;box-shadow:0 4px 10px rgba(0,0,0,0.2);animation:slideDown .5s}.game-controls{pointer-events:auto;padding:15px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,rgba(255,255,255,0.7),transparent);gap:10px}.game-controls.hide{display:none !important}.btnHeaderJeu,.btnHeaderRestreindre{position:absolute}.btnHeaderJeu{top:var(--borduresHaut)}.btnHeaderRestreindre{top:var(--borduresBas)}.btnH_l{left:0}.btnH_r{right:0}@media(min-width:900px){.btnH_l{left:25%}.btnH_r{right:25%}}#btn-game-continue{pointer-events:auto}.floating-game-btn{pointer-events:auto;position:absolute;z-index:5001}.floating-game-btn.hide{display:none}body.game-mode .zone{cursor:crosshair}body.game-mode main{margin-bottom:calc(var(--borduresHaut)*0.5)}body.game-mode #book-container{margin-right:initial}.zone.correct{background-color:rgba(76,175,80,0.3) !important;border:3px solid #2e7d32 !important;box-shadow:0 0 15px #4caf50;z-index:100}.zone.correctButYouSaidWrong{box-shadow:0 0 15px blue;z-index:100}.zone.wrongButYouSaidCorrect{background-color:rgb(255 0 154 / 30%) !important;border:2px dotted purple}.zone.wrong{background-color:rgba(255,100,100,0.1) !important;border:3px solid #c62828 !important;box-shadow:0 0 15px darkred;z-index:100}.zone.thisIsFalse{background-color:#8080801f;box-shadow:0 0 5px black}.zone.propositionJeu{box-shadow:0 0 10px 5px #9ac2ff;outline:4px solid var(--primary);z-index:30}.zone.clicked{background-color:rgba(255,193,7,0.3) !important;transform:scale(0.98);transition:transform .1s}.zone.error-red{outline:2px solid #580600;background:rgb(255 25 0 / 20%) !important;box-shadow:0 0 4px 4px #606060ba}#modal-game-end{text-align:center;width:90%;max-width:520px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(76,175,80,0.7)}70%{box-shadow:0 0 0 10px rgba(76,175,80,0);transform:scale(1.05)}100%{box-shadow:0 0 0 0 rgba(76,175,80,0)}}.zone.missed-truth{outline:2px solid #4caf50 !important;animation:pulse-green .7s infinite;z-index:101}.zone.reveal-source{background-color:rgba(33,150,243,0.2) !important;outline:3px groove #2196f3 !important;animation:pulse-green 2s infinite;z-index:101}@media(pointer:coarse){:not(menu,[data-ui]):hover>menu.closeOnTouch{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}:not(menu,[data-ui])>menu.closeOnTouch.active,:not(menu,[data-ui]):focus-within>menu.closeOnTouch.active{opacity:1 !important;visibility:visible !important;transform:scale(1) translateY(100%) !important;pointer-events:auto !important}}