body,html{margin:0;padding:0}p{color:var(--text-main);font-size:18px;line-height:1.6;margin:0 auto 24px;max-width:600px}h1{align-items:center;display:flex;gap:1em;width:100vw}img{border-radius:10px;box-shadow:0 0 10px #f03c064d;height:auto;max-height:11vh;max-width:30vw}h4{color:var(--text-second)}.Active{background-color:var(--active)!important}.Inactive{background-color:var(--inactive)!important}.desktop-display{display:flex;flex-direction:column;gap:.5em}.cards-section{align-items:center;color:var(--text-main);display:flex;gap:1em}.Multi{background-image:url(/Chess_Game/static/media/chess_background_n2.625523b9812c8cd22878.png);background-position:70% bottom;background-repeat:no-repeat;background-size:cover}.menu-multi{align-items:top;font-family:Courier New,Courier,monospace;gap:.5em;justify-content:left}.App-header,.menu-multi{display:flex;width:100vw}.App-header{background-color:var(--background--1);gap:1em;height:13vh;padding-top:1em}.Card{align-items:center;background-color:var(--background--2);border:1px solid var(--text-second);border-radius:5px;color:var(--text-main);display:flex;flex-direction:column;font-size:.7em;height:15vh;justify-content:center;max-height:20vh;max-width:30vw;overflow:hidden;padding:.3em;transition:all .3s ease}.Card:hover{background-color:var(--validation-succes );box-shadow:0 0 10px #ff89664d;transform:scale(1.02)}.Card svg{color:var(--text-second);height:2.2em;max-height:100%;max-width:100%;transition:transform .3s ease;width:2.2em}.Card:hover svg{transform:scale(1.15)}.Card h2{color:#ff8966;font-size:1.5em;margin:.2em 0;transition:transform .2s ease}.Card h2:hover{transform:scale(1.05)}.Card p{color:#f8f4e3;font-size:1.2em;line-height:1.4;margin:.3em 0;text-align:center;transition:transform .2s ease}.Card>:hover{color:inherit;scale:1}.chessboard-container{display:flex;flex:2 1;flex-direction:column;gap:.5em;justify-content:center;max-width:600px}.chessboard-container>*{align-items:center;display:flex;flex:1 1;justify-content:center}.chessboard-disabled{opacity:.5;pointer-events:none}:root{--background--1:#706c61;--background--multi:#778b77;--background--2:#2a2b2a;--interact:#e5446d;--text-main:#f8f4e3;--text-second:#ff8966;--button:#007aff;--validation-succes:#1a2b40;--erreur-annulations:#ff5252;--active:#29c731;--inactive:#e21616}.reset-btn{align-items:center;background-color:var(--background--2);border:2px solid var(--text-second);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-main);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:0,5em;justify-content:center;max-height:3vh;max-width:95%;overflow:hidden;padding:10px 20px;transition:all .3s ease}.reset-btn:hover{background-color:var(--validation-succes );box-shadow:0 0 10px #ff89664d;transform:scale(1.05)}.reset-btn:active{background-color:var(--text-second);box-shadow:0 2px 4px #0003}.Learn-btn-board{align-items:center;background-color:var(--background--2);border:2px solid var(--text-second);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:var(--text-main);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:.75em;justify-content:center;max-height:3vh;overflow:hidden;padding:10px 20px;transition:all .3s ease}.Learn-btn-board:hover{background-color:var(--validation-succes );box-shadow:0 0 10px #ff89664d;transform:scale(1.03)}.Learn-btn-board:active{background-color:var(--text-second);box-shadow:0 2px 4px #0003}.game-section{align-items:center;display:flex;gap:2em;width:100vw}.board_recap-container{display:flex;gap:2em;justify-content:space-evenly}.move-recap-component{background-color:var(--background--2);border-radius:5px;color:var(--text-main);display:flex;flex-direction:column;gap:.2em;max-height:50vh;max-width:40vw;min-width:20vw;opacity:.85;padding:.5em}.display-move-recap{align-items:left;padding:5px}.display-move-recap,.game-status{display:flex;justify-content:center;max-width:auto}.game-status{align-items:center;background-color:var(--background--2);border:2px solid var(--text-second);border-radius:5px;color:var(--text-second);flex-direction:column;gap:.5em;margin-bottom:.25em;padding:.25em}.popup-overlay{align-items:center;background-color:#000000a6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.popup-box{animation:popup-fade-in .25s ease-out;background-color:var(--background--2);border:2px solid var(--text-second);border-radius:12px;box-shadow:0 0 25px #ff89664d;color:var(--text-main);max-width:90vw;padding:2em 2.5em;text-align:center}.popup-box p{font-size:1em;margin-bottom:1em}.popup-box button{background-color:var(--background--1);border:1px solid var(--text-second);border-radius:6px;color:var(--text-second);cursor:pointer;font-weight:700;padding:.5em 1.2em;transition:all .2s ease}.popup-box button:hover{background-color:var(--text-second);color:var(--background--1)}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.Learn-section{display:flex;gap:1em;height:50vh}.Learn-section>p{color:var(--text-main)}.Learn-section-card{background-color:var(--background--2);border:1px solid var(--text-second);border-radius:6px;flex:0 0 20%;overflow-y:auto;padding:.5em}.Learn-section-card::-webkit-scrollbar{width:6px}.Learn-section-card::-webkit-scrollbar-thumb{background-color:var(--interact);border-radius:10px}.LearnCard{background-color:var(--background--2);border:1px solid var(--erreur-annulations);border-radius:6px;color:var(--text-main);font-size:.85em;margin-bottom:.5em;padding:.8em;transition:all .2s ease}.LearnCard:hover{border-color:var(--interact);cursor:pointer}.LearnCard.selected{background-color:var(--background--multi);border-color:var(--text-second)}.Learn-detail h4{color:var(--text-second);font-size:1.2em;margin-bottom:.5em}.Learn-section-Details-openings p{color:var(--text-main);font-size:.95em;line-height:1.6}.Learn-section-Details-openings h4{color:var(--text-second);font-size:1.2em;margin-bottom:.5em}.Learn-section-Details-openings{background-color:var(--background--2);border:1px solid var(--text-second);border-radius:6px;color:var(--text-main);flex:0 0 30%;max-height:30vh;overflow-y:scroll;padding:1em}.Learn-section-Details-openings::-webkit-scrollbar{width:6px}.Learn-section-Details-openings::-webkit-scrollbar-thumb{background-color:var(--interact);border-radius:10px}.Learn-board-infos-bars{align-items:center;display:flex;gap:.3em;justify-content:center}.Learn-board-content{box-sizing:border-box;max-height:50vh}.Learn-Opening-Infos-number,.Learn-board-content{align-items:center;display:flex;flex-direction:column;gap:.3em}.Learn-Opening-Infos-number{justify-content:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-soft{background-color:var(--background--2);border:1px solid var(--text-second);border-radius:6px;color:var(--text-main);font-family:Arial,sans-serif;font-size:.9em;outline:none;padding:4px 6px;text-align:center;transition:border-color .3s ease,box-shadow .3s ease}.input-soft:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6496fa33}.label-soft{background-color:var(--background--2);border:1px solid var(--text-second);border-radius:6px;color:var(--text-main);display:block;font-family:Arial,sans-serif;font-size:.85em;gap:.4em;margin-bottom:6px;opacity:.8;padding:.4em;transition:color .2s ease}.label-soft,.opening-board-container{align-items:center;display:flex;flex-direction:column}.opening-board-container{gap:.5em}@media (max-width:950px){.small-media-display{box-sizing:border-box;display:flex;height:100vh;max-width:100%;overflow-y:auto;padding:.5em;width:100vw}h1{font-size:1em}.cards-section{flex:3 1;flex-direction:column;max-height:50vh;min-width:33%;padding:0}.game-section{align-items:flex-start;flex:7 1;justify-content:space-evenly;padding:0}.board_recap-container{align-items:center;flex-direction:column;gap:.2em;height:auto;justify-content:space-around}.Card{font-size:.6em;min-height:10vh}.Card svg{height:1.5em;width:1.5em}.Card h2{font-size:.85em}.game-status{max-width:70vw}.game-status h3{font-size:1em}.move-recap-component{max-width:100vw;min-width:50vw;padding:.2em}.chessboard-container{align-items:center;display:flex;justify-content:center;width:auto}.btn-historique-coups{background-color:var(--background--2);border:1px solid var(--text-second);border-radius:8px;color:var(--text-main);cursor:pointer;display:inline-block;font-size:.85em;font-weight:700;margin-top:1em;padding:.4em 1em;transition:background-color .2s ease,transform .1s ease}.btn-historique-coups:hover{background-color:var(--validation-succes);transform:scale(1.02)}}@media (max-width:430px){.small-media-display{align-items:center;flex-direction:column;gap:.5em;justify-content:space-between}.cards-section{flex-direction:row;font-size:.7em;justify-content:space-between;max-height:15vh}.Card{max-height:10vh;max-width:30vw}.Card h2,.Card p{font-size:1.1em}.Card svg{height:2em;width:2em}.game-section,.game-status{font-size:.7em}.reset-btn{border:1px solid var(--text-second);font-size:1em;max-height:1.5vh;padding:5px 10px}.App-header{background-color:var(--background--1);display:flex;height:10vh;width:100vw}h1{font-size:.7em}img{border-radius:10px;box-shadow:0 0 10px #f03c064d;height:auto;max-height:6.5vh;max-width:15vw}.Learn-section{flex-direction:column;height:100%!important}.Learn-section-Details-openings,.Learn-section-card,.LearnCard{max-height:20vh!important}.Learn-section-card{padding:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root{margin:0;min-height:100vh;overflow-x:hidden}#root,.App{width:100vw}.App{background-color:var(--background--1);box-sizing:border-box;color:var(--text-second);display:flex;flex-direction:column;font-family:Verdana,Geneva,Tahoma,sans-serif;gap:.5em;height:100vh;text-align:center}.App>*{padding-left:2vw}
/*# sourceMappingURL=main.a2b35b43.css.map*/