@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";.grid-wrapper{position:relative;display:flex;justify-content:center}.grid.playing{display:grid;grid-template-rows:repeat(10,1fr);grid-gap:5px;padding:2vw}.grid.playing .row{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:5px}.grid.playing .cell{width:8vw;height:8vw;max-height:50px;max-width:50px;content:"";border-radius:5px;background-color:#3c3c3c;cursor:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%20113%20113'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='56'%20cy='56'%20r='47.5'%20stroke='white'%20stroke-width='5'/%3e%3ccircle%20cx='56'%20cy='56'%20r='31'%20stroke='white'%20stroke-width='4'/%3e%3ccircle%20cx='56'%20cy='56'%20r='3.5'%20fill='white'%20stroke='white'/%3e%3cpath%20d='M56%202V45'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M2%2056H45'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M68%2056H111'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cpath%20d='M56%2068V111'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e") 15 15,auto;z-index:10;transition:none}.grid.playing .cell:hover{background-color:#5c5c5c}.grid.playing .cell.M{z-index:21;background-color:#68f0ff80}.grid.playing .cell.H{z-index:21;background-color:#ff000080}.grid.playing .cell.D{z-index:21;background-color:#ffff0080}.grid.playing .cell.E{background-color:#00000080}.grid.placing{display:grid;grid-template-rows:repeat(10,min(8vw,50px));grid-template-columns:repeat(10,min(8vw,50px));grid-gap:5px;margin:2vw}.grid.placing .ship{width:100%;height:100%;background-color:#009000;border-radius:5px;z-index:20}.grid.placing.user-grid,.grid.placing.moving-ship{position:absolute}.grid.drop-hover{border:2px dashed #3498db}.button-container{background-color:#49c0f8;box-shadow:inset 0 0 10px #000000bf;margin:15px 5px 5px;border-radius:12px;max-width:400px}.button-container:hover{filter:brightness(1.1)}.button-container button{background-color:inherit;height:100%;width:100%;border-radius:12px;transform:translateY(-5px);border:none;padding:15px;font-family:Orbitron,sans-serif;font-weight:medium;color:inherit}.button-container button:disabled{background-color:#37464f;color:#fff;transition:none;transform:none}.button-container button:active{transform:translateY(0);transition:.1s ease-in-out}.button-container.green{background-color:#58cc02;color:#fff}.button-container.red{background-color:#ff4b4b;color:#fff}.button-container.gray{background-color:#37464f;color:#fff}.game{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:50px}.game .who-turn{height:50px}.game .reveal-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.game .have-to-play{border-radius:10px;animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 5px 5px #5a99d4}to{box-shadow:0 0 5px #5a99d4}}.error-wrapper{position:absolute;top:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:1000;margin-top:2rem}.error-wrapper .error{padding:1rem 2rem;background-color:#ff000067;border-radius:25px}.error-wrapper .error p{color:red;font-size:1.5rem;font-weight:600}.home{display:flex;flex-direction:column;height:100vh;width:100vw;justify-content:center;align-items:center}.log-container{width:400px}.label-before,.field input:focus+label:before,.field input:valid+label:before{line-height:20px;font-size:12px;top:-10px;background:#131f24;padding:0 6px;left:9px}.container{max-width:400px;width:80%;margin:30px 0}.field{position:relative;font-family:Orbitron,sans-serif}.field label:before{content:attr(title);position:absolute;top:0;left:15px;line-height:40px;font-size:14px;color:#dce6ec;transition:.3s all}.field input{width:100%;line-height:40px;padding:0 15px;box-sizing:border-box;font-size:14px;color:#dce6ec;border:1px solid #ccc;border-radius:7px;background-color:#131f24;font-family:Orbitron,sans-serif}.field input::placeholder{color:transparent}.field input:focus{outline:0;border-color:#dce6ec}.field input:focus::placeholder{color:#828282}.field input:valid+label:before{content:attr(data-title)}.field input:focus+label:before{color:#dce6ec}.pre-game{display:flex;flex-direction:column;align-items:center;justify-content:center}.game-layout{min-height:100vh;width:100vw}.back-button{width:15vw;min-width:150px}.global{width:inherit;height:auto;margin:0;padding:0}.player-modal{z-index:22;position:absolute;display:flex;flex-direction:column;align-items:center;margin:0;max-width:600px;width:300px;height:500px;border-radius:10px;border:2px solid #E5E5E5;padding:20px;background-color:#fff;color:#3c3c3c;top:2rem;right:2rem;transition:all .3s ease-out}.player-modal.theme-dark{background-color:#202f36!important;color:#f1f7fb!important;border:none}.player-modal.theme-dark button{color:#fff!important}.player-modal.close{width:100px;height:100px;padding:0;border-radius:999px}.player-modal.close .button-profil{width:100%;height:100%;padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}.player-modal.close .button-profil img{height:100%;width:100%}.model-content p{text-align:center;font-size:1.2rem;margin:10px 0}.theme-selector input{display:none}.theme-selector label{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.theme-selector .slider{cursor:pointer;height:22px;width:50px;border-radius:999px;margin-left:1rem;background-color:#d2d2d2;transition:all .4s ease-in-out;display:flex;justify-content:flex-start;align-items:center;padding:3px 5px;-webkit-transition:.4s;transition:.4s}.theme-selector .slider:before{content:"";position:absolute;height:20px;width:20px;border-radius:99px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.theme-selector input:checked+label .slider{background-color:#46bd42}.theme-selector input:checked+label .slider:before{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}.button-voir-profil{background-color:#8a2be2;border-radius:999px;margin-bottom:1rem}.language-selector{margin-top:1rem}.language-selector .select-language button{color:#000;font-weight:400;background-color:transparent;border:none;outline:none;cursor:pointer;font-family:inherit}.language-selector .select-language img{border-radius:99px;width:30px;height:30px}body,html,#root,.App{height:100%;width:100%;margin:0;position:absolute}*{transition:background-color .4s}.App{text-align:center;font-family:Orbitron,sans-serif;display:flex;flex-direction:column;align-items:center;color:#3c3c3c}.App .theme-dark{background-color:#131f24;color:#f1f7fb}