.hamburger-button-image{object-fit:contain;width:100%;height:100%}.hamburger-default-menu-button{--width: 50px;--height: 50px;background:none;position:fixed;width:var(--width);height:var(--height);border:none;padding:0%;cursor:pointer}.hamburger-generic-button,.hamburger-sub-generic-button{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:auto;height:fit-content;background:none;color:#000;border:none;margin-bottom:clamp(10px,5vh,35px);cursor:pointer;text-align:center;font-size:clamp(1.8rem,min(3vh,3vw),2rem);font-weight:bolder;letter-spacing:0px;text-transform:uppercase;transition:letter-spacing .3s ease-in-out,margin .1s linear}.hamburger-generic-button:hover,.hamburger-generic-button:active{letter-spacing:2.3px}.hamburger-generic-button:before,.hamburger-generic-button:after{display:block;content:"";position:relative;width:0;left:-3px;border:2px solid #00000000;transition:all .3s ease-in-out}.hamburger-generic-button:hover:before,.hamburger-generic-button:hover:after{width:100%;border-color:#000}.hamburger-sub-generic-button{width:fit-content;font-size:clamp(.8rem,min(1.5vh,1.5vw),1rem);margin-bottom:clamp(5px,1%,15px);text-align:left;display:flex;justify-content:center;align-items:start;text-wrap:nowrap}.hamburger-sub-generic-button:after{content:"";position:relative;width:0;background:none;border-bottom:2px solid #00000000;transition:all .3s ease-in-out}.hamburger-sub-generic-button:hover:after,.hamburger-sub-generic-button:active:after{width:100%;border-bottom:2px solid #000000}.hamburger-disabled-button{color:#878787;animation:none!important;transition:none!important;pointer-events:none!important;cursor:not-allowed}@media only screen and (max-height: 620px){.hamburger-generic-button{margin-bottom:clamp(5px,1.5vh,35px);font-size:clamp(1.5rem,min(3vh,3vw),2rem)}.hamburger-sub-generic-button{font-size:clamp(.8rem,min(1.5vh,1.5vw),1rem)}}#hamburger-main-button{--background-color: white;--background-blur: 15px;--background-spread-init: 2px;--background-spread-target: .3px;--background-offset-x: 0px;--background-offset-y: 0px;--background-direction: inset;z-index:var(--permanent-z-index);top:10px;left:10px;border-radius:50%;transition-duration:.5s}#hamburger-main-button:hover{box-shadow:var(--background-offset-x) var(--background-offset-y) var(--background-blur) var(--background-spread-init) var(--background-color) var(--background-direction);animation:glow infinite forwards ease-in-out 1s;animation-delay:1s}#hamburger-main-button-image{--background-color: white;--background-blur: 10px;--background-spread-init: 2px;--background-spread-target: 0px;--background-offset-x: 0px;--background-offset-y: 0px;--background-direction: ;border-radius:50%;box-shadow:var(--background-offset-x) var(--background-offset-y) var(--background-blur) var(--background-spread-init) var(--background-color) var(--background-direction);animation:glow infinite forwards ease-in-out 5s}@keyframes glow{0%{box-shadow:var(--background-offset-x) var(--background-offset-y) var(--background-blur) var(--background-spread-init) var(--background-color) var(--background-direction)}50%{box-shadow:var(--background-offset-x) var(--background-offset-y) var(--background-blur) var(--background-spread-target) var(--background-color) var(--background-direction)}to{box-shadow:var(--background-offset-x) var(--background-offset-y) var(--background-blur) var(--background-spread-init) var(--background-color) var(--background-direction)}}#hamburger-menu-container{background:#fff;width:clamp(10px,30vw,350px);height:min(100vh,100%);position:fixed;top:0;border-top-right-radius:10px;border-bottom-right-radius:10px;transition:transform .4s ease-in-out;z-index:calc(var(--permanent-z-index) + 1)!important}#hamburger-menu-container.open{transform:translate(0)}#hamburger-menu-container.close{transform:translate(-110%)}@media only screen and (orientation: portrait),(max-height: 400px),(max-width: 750px){#hamburger-menu-container{width:100vw;border-radius:10px;transition:transform .8s ease-in-out}}@media only screen and (max-width: 350px){#hamburger-menu-container{width:100%;height:100%}}#hamburger-options-container{width:100%;height:70%;position:fixed;top:clamp(60px,10%,80px);display:flex;flex-direction:column;align-items:center;justify-content:start}@media only screen and (orientation: portrait),(max-height: 400px),(max-width: 750px){#hamburger-options-container{justify-content:center}}#hamburger-sub-options-container{width:50%;height:15%;position:fixed;bottom:2%;display:flex;flex-direction:column;align-items:left;justify-content:end}#hamburger-background{width:100vw;height:100vh;position:absolute;top:0;left:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;transition:transform .5s linear}#hamburger-background.close{transform:translate(-100%)}#hamburger-background.open{z-index:var(--permanent-z-index);transform:translate(0)}#hamburger-close-button{top:0;left:0}#hamburger-settings-button{top:5px;right:10px}#hamburger-french-button,#hamburger-english-button{--horizontal-buffer: 10px;--width-flag: 35px;--height-flag: 35px;width:var(--width-flag);height:var(--height-flag);top:calc((var(--height) - var(--height-flag)) / 2);transition:all .3s ease-in-out}#hamburger-french-button:hover,#hamburger-french-button:active,#hamburger-english-button:hover,#hamburger-english-button:active{--growth: 5px;width:calc(var(--width-flag) + var(--growth));height:calc(var(--height-flag) + var(--growth))}#hamburger-french-button{right:calc(var(--width) + var(--width-flag) + var(--horizontal-buffer) * 3.5)}#hamburger-french-button:hover,#hamburger-french-button:active{right:calc(var(--width) + var(--width-flag) + var(--horizontal-buffer) * 3.5 - var(--growth) / 2)}#hamburger-english-button{right:calc(var(--width) + var(--horizontal-buffer) * 2.5)}#hamburger-english-button:hover,#hamburger-english-button:active{right:calc(var(--width) + var(--horizontal-buffer) * 2.5 - var(--growth) / 2)}@media only screen and (orientation: portrait),(max-height: 400px),(max-width: 750px){#hamburger-french-button,#hamburger-english-button{--horizontal-buffer: 15px}#hamburger-settings-button{right:22px}}.standard-input{border:none;outline:none;width:90%;height:45px;color:#fff;background:#000;text-align:left;padding:0 0 0 10px;font-size:clamp(.7rem,min(1vw,1vh),1rem)}.standard-input-container{position:relative;display:flex;width:80%;border:3px whitesmoke solid}.standard-input-image,.standard-input-pwd-image{object-fit:contain;width:clamp(var(--min-width),var(--target-width),var(--max-width));height:var(--height)}.standard-input-image{--min-width: 30px;--max-width: 50px;--target-width: 20%;--height: 45px;border-right:3px whitesmoke solid}.standard-input-pwd-image{--min-width: 20px;--max-width: 45px;--target-width: 10%;--height: 20px;position:relative;top:27%;cursor:pointer}.standard-checkbox-container{cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center}.standard-checkbox-label{cursor:pointer;margin-left:5px;text-align:left;font-size:clamp(.7rem,min(1vw,1vh),1rem)}.standard-checkbox{cursor:pointer}:root{--dark-square-color: #ab6d0e;--light-square-color: #e4c9a1;--target-color: #00000069}.standard-square{position:relative;width:12.5%;height:100%}.standard-square:has(.standard-target){cursor:pointer}.standard-square.active{background:#fff}.standard-dark-square{background:var(--dark-square-color);color:var(--light-square-color)}.standard-light-square{background-color:var(--light-square-color);color:var(--dark-square-color)}.standard-square-row,.standard-square-column{--position-y-axis: -1%;--position-x-axis: 4%;--width: 100%;--height: 100%;position:absolute;display:flex;font-weight:700;padding:0;width:var(--width);height:var(--height)}.standard-square-row{top:var(--position-y-axis);left:var(--position-x-axis);text-align:start;align-items:start;justify-content:start}.standard-square-column{bottom:var(--position-y-axis);right:var(--position-x-axis);text-align:end;align-items:end;justify-content:end}.standard-contained-piece{position:absolute;width:90%;height:90%;top:5%;left:5%}.standard-target,.standard-piece-target{width:var(--target-width);height:var(--target-height);position:absolute;top:calc(50% - var(--target-height) / 2 - var(--border-width));left:calc(50% - var(--target-width) / 2 - var(--border-width));pointer-events:none}.standard-piece-target{--target-width: 75%;--target-height: 75%;--border-width: clamp(4px, min(.8vw, .8vh), 15px);background:transparent;border-radius:50%;border:var(--border-width) solid var(--target-color)}.standard-target{--target-width: 30%;--target-height: 30%;--border-width: 0px;background:var(--target-color);border-radius:50%}.standard-piece{object-fit:contain}.active{cursor:pointer}.disabled{cursor:default}:root{--standard-promotion-box-background-color: #2f2f2f}.standard-promotion-box{--target-height: 50% ;background-color:var(--standard-promotion-box-background-color);display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr;width:12.5%;height:var(--target-height);position:absolute;top:12.5%;border-radius:10px;animation:promotion-box-anim forwards .5s ease-in-out}@keyframes promotion-box-anim{0%{height:0%}to{height:var(--target-height)}}.standard-promotion-box-item{position:relative;width:90%;height:90%;top:5%;left:5%;opacity:0%;animation:promotion-items-anim forwards .3s ease-in-out;animation-delay:.4s}@keyframes promotion-items-anim{0%{opacity:0%}to{opacity:100%}}.standard-echiquier{--echiquier-min-view-width: 75vw;--echiquier-min-view-height: 75vh;--echiquier-min-size: 450px;--echiquier-target-size: min(var(--echiquier-min-view-width), var(--echiquier-min-view-height));position:relative;display:flex;flex-direction:column;align-items:start;justify-content:left;width:100%;height:100%}@media only screen and (orientation: portrait),(max-width: 1100px){.standard-echiquier{--echiquier-min-size: 350px}}@media only screen and (max-width: 375px){.standard-echiquier{--echiquier-min-size: 300px }}.standard-echiquier-row{position:relative;display:flex;flex-direction:row;align-items:start;justify-content:left;width:100%;height:12.5%}.default-sauvegarde-info-container>p{align-self:end;justify-self:start;font-weight:500;padding:0;margin:0;min-width:0;max-width:100%;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap}.default-sauvegarde-container{--width: 90%;--height: max(150px, min(21vh, 21vw));display:flex;flex-direction:row;align-items:center;width:var(--width);height:var(--height);background:#000;color:#fff;border-radius:10px;border:white solid 3px;margin-bottom:10px}.default-sauvegarde-container.active{cursor:pointer}.default-sauvegarde-echiquier-container{width:var(--height);height:var(--height);font-size:calc(var(--height) * .025)}.default-sauvegarde-info-container{display:grid;width:calc(100% - var(--height));max-width:calc(100% - var(--height));height:100%;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:7fr 3fr;padding-left:5px;padding-right:5px;box-sizing:border-box}.default-sauvegarde-title{align-self:center;justify-self:start;text-align:left;padding:0;margin:0;overflow:hidden;white-space:normal;word-break:break-word;overflow-wrap:break-word}.default-sauvegarde-delete-button{grid-row:1;grid-column:2;font-weight:700;justify-self:end;align-self:center;color:#fff}.default-sauvegarde-delete-button:after{border-color:#fff}.default-sauvegarde-delete-button:hover:after,.default-sauvegarde-delete-button:active:after{border-color:#fff}.default-sauvegarde-last-opponent{grid-row:2;grid-column:1}.default-sauvegarde-play-as{grid-row:3;grid-column:1}.default-sauvegarde-to-play{grid-row:4;grid-column:1}.default-sauvegarde-date{grid-row:4;grid-column:2;max-width:none!important;justify-self:end!important}@media only screen and (max-width: 500px),(orientation: portrait),(max-height: 830px){.default-sauvegarde-info-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow-y:scroll;overflow-x:hidden}.default-sauvegarde-title{padding:0;height:fit-content;font-size:calc(var(--height) * .1)}.default-sauvegarde-info-container>p{align-self:auto;justify-self:auto;font-size:calc(var(--height) * .08)}.default-sauvegarde-delete-button{font-size:calc(var(--height) * .09)}}:root{--default-pop-up-border-color: #3d3d3d}#default-pop-up-background{--opacity-pop-up: 0;display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;opacity:var(--opacity-pop-up);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:pointer;z-index:calc(var(--permanent-z-index) - 1)}#default-pop-up-background.close{animation:hide-pop-up .5s forwards ease-in-out}#default-pop-up-background.open{animation:show-pop-up .5s forwards ease-in-out}@keyframes hide-pop-up{0%{opacity:1}to{opacity:0}}@keyframes show-pop-up{0%{opacity:0}to{opacity:1}}#default-pop-up-container{position:absolute;display:grid;grid-template-rows:1fr 9fr;border-radius:10px;border:3px solid white;background-color:#000;overflow:visible;cursor:default;padding-bottom:30px;color:#fff}#default-pop-up-title{text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:nowrap;text-wrap:nowrap;color:#fff}#default-pop-up-content{color:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden;padding-bottom:30px;-ms-overflow-style:none;scrollbar-width:none}#default-pop-up-content::-webkit-scrollbar{display:none}#default-pop-up-close-button{--width: 200px;--height: 40px;position:absolute;width:var(--width);height:var(--height);left:calc(50% - var(--width) / 2);top:calc(100% - var(--height) / 2);overflow:hidden}.default-forgotten-password-container{width:95%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.default-change-pwd-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:95%;height:100%}#connection-input-zone{--min-width: 300px;--min-height: 300px;--max-width: 900px;--max-height: 450px;--width: clamp(var(--min-width), 90%, var(--max-width));--height: min(calc(var(--width) * .5), clamp(var(--min-height), 90vw, var(--max-height)));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background:#000;color:#fff;border:5px solid white;border-radius:20px;width:var(--width);height:var(--height);min-height:var(--min-height);min-width:var(--min-width)}#connection-input-options{width:90%;display:flex;align-items:center;justify-content:space-between;font-size:small}#connection-forgot-password{cursor:pointer;text-decoration:none;color:#fff;font-size:clamp(.7rem,min(1vw,1vh),1rem)}#connection-sign-up{cursor:pointer;color:#fff;margin-left:5px}#connection-sign-up-message{margin:0;padding:none;color:#fff}#connection-input-button{position:absolute;top:94.5%}#inscription-input-zone{--min-width: 300px;--min-height: 350px;--max-width: 900px;--max-height: 500px;--width: clamp(var(--min-width), 90%, var(--max-width));--height: min(calc(var(--width) * .5), clamp(var(--min-height), 100vw, var(--max-height)));position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border:5px white solid;border-radius:20px;width:var(--width);height:var(--height);min-width:var(--min-width);min-height:var(--min-height)}#inscription-input-button{position:absolute;top:95.5%}#account-container h1{--min-width: 300px;--min-height: 350px;--max-width: 900px;--max-height: 500px;--width: clamp(var(--min-width), 90%, var(--max-width));width:var(--width);text-align:left;color:#fff}#account-zone{--min-width: 300px;--min-height: 350px;--max-width: 900px;--width: clamp(var(--min-width), 90%, var(--max-width));--height: min(calc(var(--width) * .5), clamp(var(--min-height), 100vw, var(--max-height)));position:relative;display:flex;flex-direction:row;align-items:stretch;justify-content:center;border:5px white solid;border-radius:20px;width:var(--width);height:var(--height);min-width:var(--min-width);min-height:var(--min-height)}#account-zone .standard-input-pwd-image{display:none}#account-input-zone{display:flex;justify-content:space-between;flex-direction:column;align-items:center;align-self:center;width:60%;height:300px}#account-img-zone{display:flex;justify-content:center;flex-direction:column;align-items:center;align-self:center;width:40%;height:300px}#account-img-zone .edit-img{display:flex;justify-content:space-around;flex-direction:column;align-items:center;height:100%}.profile-icon{height:200px;width:200px}.account-input-name{box-sizing:border-box}#account-input-email button,#account-input-password button{margin-left:5px}#account-input-email input,#account-input-password input{color:gray}.edit-ligne{display:flex;justify-content:space-between;align-items:center;width:80%;padding:0}#account-input-button-container{position:absolute;top:105%;left:0%;width:100%}#account-input-button{position:relative}.account-email-update-container{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:90%;width:100%}.account-email-update-container>p,.account-popup-password-container>p{padding:0;margin:15px 0 5px;font-weight:600}.account-image-popup{display:flex;flex-direction:column;align-items:center}.popup-current-icon{width:100px;height:100px;margin-bottom:1rem}.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.account-popup-label{color:#fff}.popup-icon-option{flex:0 0 60px;width:60px;height:60px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.popup-icon-option:active,.popup-icon-option:focus{border-color:#007bff;box-shadow:0 0 0 4px #007bff4d;transform:scale(1.1);outline:none}.popup-icon-option:hover{border-color:#aaa}.account-popup-email-code-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:600}.account-popup-email-code-input{width:80%;height:40px;letter-spacing:8px;font-weight:600;text-align:center;background:#000;outline:none;border-radius:5px;border:white solid 3px;color:#fff}.account-popup-password-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 550px){#account-container{padding:2.8rem 0}#account-zone{flex-direction:column-reverse}#account-input-zone{width:100%;height:200px;margin-bottom:15px}}.about-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;font-family:Segoe UI,sans-serif;color:#fff}.about-title{font-size:2.5rem;margin-bottom:1.5rem}.about-image{display:block;width:200px;height:200px;margin:0 auto 2rem;object-fit:cover;border-radius:50%}.about-text{font-size:1.1rem;line-height:1.6;text-align:justify}.contact-container{max-width:1000px;margin:0 auto;padding:2rem;color:#fff}.contact-title{text-align:center;font-size:2rem;margin-bottom:1.5rem;padding-top:15px}.contact-intro{margin:1rem 0 2rem;text-align:center;font-size:1.1rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-field-wrapper{display:flex;flex-direction:column;margin-bottom:1rem;box-sizing:border-box}.contact-label{align-self:flex-start;font-weight:700;margin-bottom:.4rem}.contact-field{width:100%;box-sizing:border-box}.contact-textarea{min-height:120px;min-width:100%;max-width:100%;resize:none;outline:none;border:white solid 3px;padding:10px;background-color:#000}.contact-button.disabled{cursor:not-allowed;filter:grayscale(1)}.contact-button.disabled:active,.contact-button.disabled:hover{transform:none;animation:none;box-shadow:none;background:#000;color:#fff}:root{--title-bar-height: 75px;--permanent-z-index: 10;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#bebebe}.disable-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.default-button{--init-shadow-offset-x: 0px;--init-shadow-offset-y: 0px;--init-shadow-blur: 10px;--init-shadow-spread: 3px;--init-shadow-color: white;--target-shadow-offset-x: 0px;--target-shadow-offset-y: 0px;--target-shadow-blur: 7px;--target-shadow-spread: 3px;--target-shadow-color: black;position:relative;background:#000;border:3px white solid;border-radius:3px;color:#fff;font-weight:700;font-size:large;text-align:center;text-transform:uppercase;width:fit-content;height:fit-content;padding:5px 10px;cursor:pointer;overflow:visible;transition:transform .3s ease-in-out,background .3s ease-in-out,color .3s ease-in-out}.default-button:active,.default-button:hover{transform:scale(1.15);transform-origin:center;color:#000;background:#fff;box-shadow:var(--init-shadow-offset-x) var(--init-shadow-offset-y) var(--init-shadow-blur) var(--init-shadow-spread) var(--init-shadow-color);animation:button-glow 5s infinite ease-in-out}@keyframes button-glow{0%{box-shadow:var(--init-shadow-offset-x) var(--init-shadow-offset-y) var(--init-shadow-blur) var(--init-shadow-spread) var(--init-shadow-color)}50%{box-shadow:var(--target-shadow-offset-x) var(--target-shadow-offset-y) var(--target-shadow-blur) var(--target-shadow-spread) var(--target-shadow-color)}to{box-shadow:var(--init-shadow-offset-x) var(--init-shadow-offset-y) var(--init-shadow-blur) var(--init-shadow-spread) var(--init-shadow-color)}}#root{margin:0 auto;text-align:center;width:100vw;height:fit-content}#title{font-weight:700;font-size:xx-large;color:#fff;text-transform:uppercase;text-wrap:nowrap;position:fixed;left:75px;top:8px;margin:0;padding:0;height:fit-content;width:fit-content}#title-bar{background:#000;z-index:var(--permanent-z-index);position:fixed;top:0;left:0;width:100%;height:var(--title-bar-height)}#inscription-container>h1,#connection-container>h1,#import-container>h1{--min-width: 300px;--max-width: 900px;width:clamp(var(--min-width),90%,var(--max-width));text-align:left;text-transform:uppercase;text-wrap:nowrap;margin-bottom:5px;color:#fff}#inscription-container,#connection-container,#jouer-container,#import-container,#social-container,#match-history-container,#account-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;min-height:600px}.standard-icone{object-fit:contain}.standard-icone-container{padding:3px;border-radius:50%;border:2px solid white}.standard-button-image{object-fit:contain;width:100%;height:100%;pointer-events:none}.standard-image-button{position:relative;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.standard-image-button-hint{display:flex;align-items:center;justify-content:center;width:auto;height:20px;border-radius:5px;border:2px white solid;position:absolute;top:90%;transform:translateY(0);opacity:0;background:#222;text-align:center;color:#fff;font-weight:700;overflow:hidden;word-break:keep-all;white-space:nowrap;pointer-events:none;padding:2px;z-index:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.standard-image-button:hover .standard-image-button-hint{opacity:1;transform:translateY(30%)}.standard-single-line-multi-choice-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;height:fit-content;margin-bottom:var(--menu-accordeon-margin-bottom);font-weight:700;text-align:left;color:#fff}.standard-single-line-multi-choice-button-container{display:flex;justify-content:space-evenly;width:min(60%,200px);height:100%}:root{--standard-multi-choice-content-margin: 5px}.standard-multi-choice-container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:80px;width:100%;margin-bottom:10px;color:#fff}.standard-multi-choice-option-container{width:100%;height:60%;display:flex;flex-direction:row;justify-content:start;align-items:center;color:#fff}.standard-multi-choice-title-container{display:flex;align-items:center;height:40%;width:100%;color:#fff}.standard-multi-choice-title{display:flex;align-items:center;width:100%;height:100%;margin-left:var(--standard-multi-choice-content-margin);word-wrap:nowrap;text-wrap:nowrap;text-align:left;overflow:hidden;font-size:clamp(1.3rem,min(3vh,3vw),1.5rem)}.standard-multi-choice-button,.standard-multi-choice-input{width:25%;height:80%;margin:var(--standard-multi-choice-content-margin);border:3px solid white;background:#000;color:#fff;outline:none;font-weight:600;font-size:clamp(.8rem,min(1.1vh,1.1vw),.8rem)}.standard-multi-choice-button{cursor:pointer}.standard-multi-choice-input{height:60%;border:none}.standard-multi-choice-input::-webkit-outer-spin-button,.standard-multi-choice-input::-webkit-inner-spin-button,.standard-multi-choice-input{-moz-appearance:textfield;-webkit-appearance:none;appearance:none}.standard-multi-choice-input-confirm-button{width:20%;height:100%;object-fit:fill}.standard-multi-choice-text-input{width:100%;height:80%;border:none;outline:none;margin:var(--standard-multi-choice-content-margin);padding-left:5px}.standard-multi-choice-single-line{width:100%;margin:var(--standard-multi-choice-content-margin)}:root{--menu-accordeon-border-size: 3px;--menu-accordeon-margin-bottom: 20px}.standard-menu-accordeon-container{position:relative;display:flex;flex-direction:column;width:calc(100% - var(--menu-accordeon-border-size));height:fit-content;background:#000;color:#fff;border-radius:5px;border:var(--menu-accordeon-border-size) solid white;margin-bottom:var(--menu-accordeon-margin-bottom)}.standard-menu-accordeon-selected-container{display:flex;align-items:center;width:100%;height:50px;cursor:pointer}.standard-menu-accordeon-selected-container.close{border-bottom:0px solid white}.standard-menu-accordeon-selected-container.open{border-bottom:3px solid white}.standard-menu-accordeon-items-container{width:100%;height:auto;overflow-y:auto;overflow-x:hidden;transform-origin:top}.standard-menu-accordeon-items-container.close{max-height:0px}.standard-menu-accordeon-items-container.open{max-height:500px}.standard-menu-accordeon-item{width:calc(100% - 5px);margin:0 0 5px;padding-left:5px;text-align:left;font-weight:500;word-wrap:break-word;cursor:pointer}.standard-menu-accordeon-selected-item{display:flex;align-items:center;width:calc(80% - 5px);height:100%;margin:0;padding-left:5px;overflow:hidden;text-align:left;word-wrap:break-word;white-space:pre-wrap;font-weight:700;font-size:1.2rem}.standard-menu-accordeon-arrow{object-fit:contain;object-position:right center;width:20%;height:70%;padding-right:5px}.standard-historique-container{width:90%;height:90%;overflow-y:auto;display:flex;flex-direction:column;scroll-behavior:smooth;border-radius:5px;background:#000;margin:10px}.standard-historique-item{width:90%;height:90%}.historique-tour{display:grid;grid-template-columns:20% 40% 40%;grid-template-rows:1fr;justify-items:center;align-items:center;color:#fff}.historique-tour:nth-child(2n){background-color:#696969}.historique-tour:nth-child(odd){background-color:#a9a9a9}.historique-numero-tour{height:auto}.historique-data-node{display:flex;align-items:center}.historique-notation{height:auto;width:100%}.historique-navigation-buttons{display:flex;justify-content:space-around;width:50%;padding-bottom:1em}.historique-navigation-buttons button{padding:0;border:none;font-size:1em;cursor:pointer;background-color:#000}:root{--clock-active-color: #e1e1e1;--clock-disable-color: #292929;--clock-active-text-color: #000000;--clock-disable-text-color: #5c5c5c}.standard-clock-container{display:grid;grid-template-rows:1fr;justify-items:end;border-radius:5px;width:80px;height:90%;cursor:default}.standard-clock-container.active{grid-template-columns:25% 75%;gap:1%;padding-left:1%;background:var(--clock-active-color);color:var(--clock-active-text-color)}.standard-clock-container.disable{grid-template-columns:1fr;background:var(--clock-disable-color);color:var(--clock-disable-text-color)}.standard-clock-icon{object-fit:contain;border:none;width:100%;height:100%}.standard-clock-text{display:flex;align-items:center;justify-content:end;text-align:right;font-weight:700;font-size:100%;width:70%;height:100%;margin:0 3px 0 0;padding:0;cursor:default}.standard-clock-text.active{width:70%}.standard-clock-text.disable{width:100%}.default-draw-offer-container{display:grid;grid-template-columns:1.2fr .4fr .4fr;grid-template-rows:1fr;height:50px;width:100%;font-size:medium}.default-draw-offer-img-button{width:100%;height:100%}.default-search-list-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:auto;margin-top:10px;margin-bottom:10px}.default-search-list-input-container{width:calc(100% - 25px);height:50px;display:flex;flex-direction:row;justify-content:center;margin-top:10px}.default-search-list-input{width:100%}.default-search-list-content-container{display:flex;flex-direction:column;align-items:center;justify-content:start;padding:5px;height:200px;width:calc(100% - 40px);border:white 3px solid;background:#000;margin-top:20px;overflow-y:auto;overflow-x:hidden}:root{--light-grey: rgba(255, 255, 255, .485)}.default-user-list-item-container{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:groove var(--light-grey) 3px;overflow:visible}.default-user-list-item-options-container{width:50%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:end;overflow:visible}.default-user-list-item-name{display:flex;align-items:center;padding:0;margin:0;text-align:left;width:50%;height:100%;overflow-wrap:unset;text-wrap:unset;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;font-weight:500;scrollbar-width:thin;color:#fff}.default-user-list-item-name.full{width:100%}.default-user-list-item-name::-webkit-scrollbar{width:3px;height:3px}.default-user-list-item-button-image{width:clamp(40px,10%,60px);height:100%;padding:0}.default-clickable-user-list-item{cursor:pointer}:root{--jouer-settings-background-color: #222121;--jouer-standard-font-size: 100%;--jouer-icone-size: 30px;--jouer-user-container-margin: 10px;--jouer-user-container-height-buffer: 20px;--jouer-echiquier-width: clamp(400px, min(calc(90vw - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2), calc(90vh - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2)), min(calc(80vw - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2), calc(95vh - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2 - var(--title-bar-height))));--jouer-echiquier-height: var(--jouer-echiquier-width)}.jouer-small-text{margin:0;height:fit-content;font-weight:500;font-size:var(--jouer-standard-font-size)}.jouer-default-image-button{width:50px;height:50px;position:absolute;top:0;left:0}.jouer-default-button{display:flex;align-items:center;justify-content:center;width:90%;height:50px;font-size:var(--jouer-standard-font-size);text-wrap:nowrap}.jouer-default-button:active,.jouer-default-button:hover{transform:scale(1.08)}.jouer-default-button.disable{filter:grayscale(1);cursor:not-allowed}.jouer-default-button.disable:active,.jouer-default-button.disable:hover{transform:none;animation:none;box-shadow:none;background:#000;color:#fff}.jouer-user-container{display:flex;align-items:center;width:100%;height:calc(var(--jouer-icone-size) + var(--jouer-user-container-height-buffer));margin:var(--jouer-user-container-margin)}.jouer-user-info-container{width:60%;height:100%;display:flex;flex-direction:row;justify-content:start;align-items:center}.jouer-user-sub-container{display:flex;flex-direction:column;align-items:start;justify-content:center;width:fit-content;height:100%;margin-left:5px}.jouer-user-clock-container{width:40%;height:100%;display:flex;flex-direction:row;justify-content:end;align-items:center}.jouer-user-name{display:flex;align-items:center;margin:0 0 0 3px;font-weight:600;height:50%;color:#fff}.jouer-captured-piece-container{display:flex;flex-direction:row;width:auto;height:50%;position:relative;background:#404040;border-radius:5px;border:2px solid white}.jouer-captured-piece{object-fit:contain;width:25px;height:25px}.jouer-captured-piece-text{position:absolute;margin:0;top:30%;right:0%;font-weight:700;font-size:120%;text-shadow:-2px -2px 1px black,2px 2px 1px black;color:#fff}.jouer-standard-icone-container{width:calc(var(--jouer-icone-size) + 15px);height:calc(var(--jouer-icone-size) + 15px);min-width:calc(var(--jouer-icone-size) + 15px);min-height:calc(var(--jouer-icone-size) + 15px);box-sizing:border-box}.jouer-standard-icone{width:100%;height:100%}.jouer-color-selection-button{position:relative;width:33%;height:100%;background:transparent}.jouer-color-selection-button.active:before{content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid white;border-radius:5px}.jouer-game-historique{height:55%;width:90%;margin-bottom:20px;margin-top:20px;overflow-y:auto;overflow-x:hidden}.jouer-general-settings-sub-container-alt{height:90%!important;padding-top:15%}.jouer-friends-default-search-list{margin-bottom:0;margin-top:0}#jouer-container{flex-direction:row;align-items:center;margin-top:var(--title-bar-height);height:calc(100vh - var(--title-bar-height));width:100%;min-height:550px}#jouer-game-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--jouer-echiquier-width);height:100%}#jouer-options-container{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:100%}#jouer-settings-loaded-game{display:none;position:absolute;top:-50px;flex-direction:row;justify-content:center;align-items:center;color:#fff;width:auto;height:50px;max-width:90%;min-width:0;font-weight:600;cursor:default}#jouer-settings-loaded-game>p{width:80%;max-width:80%;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap;box-sizing:border-box}#jouer-settings-loaded-game>button{width:20%;max-width:50px;padding:0;margin:0}#jouer-settings-loaded-game.active{display:flex}#jouer-reception-settings-container,#jouer-game-ui-container,#jouer-general-settings-container{position:relative;display:flex;flex-direction:column;align-items:center;background:var(--jouer-settings-background-color);height:var(--jouer-echiquier-height);width:90%;border-radius:5px}#jouer-reception-settings-container{justify-content:space-evenly}#jouer-general-settings-container{justify-content:center}#jouer-game-ui-container{justify-content:space-around}#historique-container{display:flex;flex-direction:column;justify-content:start;align-items:center;height:55%;width:90%;padding-bottom:20px;margin-top:20px;overflow:visible}#historique-navigation-buttons{display:flex;justify-content:space-between;width:90%;margin:10px 0;border:white solid 3px;border-radius:5px;box-sizing:border-box;background-color:#000}#historique-navigation-buttons>button.icons{width:30px;height:30px;background-color:#000;border-radius:5px}#jouer-game-options-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:45%;width:100%}#jouer-general-settings-sub-container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:80%;width:calc(100% - var(--menu-accordeon-border-size));overflow-x:auto;overflow-y:visible}#jouer-echiquier-container{width:var(--jouer-echiquier-width);height:var(--jouer-echiquier-height);min-height:var(--jouer-echiquier-height);border-radius:5px;overflow:hidden;font-size:calc(min(var(--jouer-echiquier-width),var(--jouer-echiquier-height))/40)}#jouer-echiquier-container.historique-mode:after{content:"";position:absolute;width:calc(var(--jouer-echiquier-width) + 2.5px);height:var(--jouer-echiquier-height);top:calc((100% - var(--jouer-echiquier-height)) / 2);left:calc((100% - var(--jouer-echiquier-width) - 2.5px) / 2);box-sizing:border-box;border-radius:5px;border:2.5px solid rgb(255,255,255);animation:historique-mode-glow 1.5s infinite alternate ease-in-out}@keyframes historique-mode-glow{0%{box-shadow:0 0 10px 5px #ffffffb3;opacity:0}to{box-shadow:0 0 10px 5px #ffffffb3;opacity:1}}#jouer-start-game-button{position:absolute;bottom:3%}#jouer-settings-opponent-image{--img-width: clamp(60px, 90%, 100px);--img-height: var(var(--img-width));object-fit:contain;border:3px solid white;border-radius:5px;width:var(--img-width);height:var(--img-height);margin-bottom:calc(var(--menu-accordeon-margin-bottom) / 4)}#jouer-settings-opponent-name{margin:0 0 10px;font-weight:700;color:#fff;height:100px;width:100%;box-sizing:border-box;overflow:visible;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap}#jouer-matchmaking-title{margin:0 0 10px;padding:0;font-size:xx-large;font-weight:700;text-shadow:2px 4px 3px black;text-align:center;color:#fff;animation:matchmaking-title-breathing 5s ease-in-out infinite alternate-reverse}#jouer-matchmaking-timer{margin:0 0 20px;text-align:center;text-shadow:2px 4px 3px black;font-weight:500;font-size:x-large;color:#fff}@keyframes matchmaking-title-breathing{0%{letter-spacing:0px}to{letter-spacing:1px}}@media only screen and (orientation: portrait),(max-width: 960px){:root{--jouer-echiquier-width: clamp(300px, min(calc(90vw - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2), calc(90vh - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2)), min(calc(90vw - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2), calc(95vh - (var(--jouer-icone-size) + var(--jouer-user-container-margin) + var(--jouer-user-container-height-buffer)) * 2 - var(--title-bar-height))))}.jouer-default-button{width:90%}#historique-container{align-items:center;height:100%}.jouer-game-historique{width:90%;height:98%;margin:0}.jouer-general-settings-sub-container-alt{padding-top:10%}#jouer-game-options-container>.jouer-default-button{font-size:clamp(.7rem,min(1.8vw,1.8vh),1.2rem)}#jouer-container{flex-direction:column;height:fit-content;padding-bottom:20px}#jouer-options-container{width:var(--jouer-echiquier-width);height:fit-content;align-items:end;padding-top:10px}#jouer-reception-settings-container,#jouer-general-settings-container,#jouer-game-ui-container{justify-content:space-between;width:var(--jouer-echiquier-width);height:clamp(350px,25vh,450px);padding-top:15px;padding-bottom:15px}#jouer-reception-settings-container{justify-content:space-evenly;height:clamp(400px,25vh,500px)}#jouer-game-ui-container{flex-direction:row}#jouer-game-options-container{width:48%;height:98%}#jouer-general-settings-container{justify-content:center}#jouer-general-settings-sub-container{height:65%}#jouer-settings-loaded-game{top:-5px}}#upload-image-container{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;width:100%;height:100%}#upload-image-input{display:none}#upload-image-picture{object-fit:contain;width:100%;height:100%}#upload-image-picture-small{object-fit:contain;width:25%;height:25%}:root{--corner-selector-title-height: 100px;--corner-selector-button-container-height: 100px;--corner-selector-content-container-width: clamp(250px, min(90vw, calc(100vh - var(--corner-selector-title-height) - var(--corner-selector-button-container-height) - var(--title-bar-height))), min(90vw, calc(100vh - var(--corner-selector-title-height) - var(--corner-selector-button-container-height) - var(--title-bar-height))));--corner-selector-content-container-height: var(--corner-selector-content-container-width)}.corner-selector-values{justify-self:center;align-self:center;text-align:left;text-transform:uppercase;color:#a9a9a9;font-weight:500;width:fit-content;height:25px;cursor:pointer}.corner-selector-values.active{text-decoration:underline;text-shadow:2px 2px 4px white;color:#fff;animation:values-glow 3s infinite alternate ease-in-out}@keyframes values-glow{0%{text-shadow:2px 2px 4px white}to{text-shadow:1px 1px 2px white}}.corner-selector-image-wrapper{height:100%!important;width:100%!important}.corner-selector-image-component{cursor:crosshair}.corner-selector-marker{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:1px 1px 5px #000;background:red;width:30px;height:30px;font-weight:500;text-align:center;text-transform:uppercase}#corner-selector-container>h2{display:flex;align-items:center;text-transform:uppercase;text-align:center;height:var(--corner-selector-title-height);min-height:var(--corner-selector-title-height)}#corner-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;width:100%;height:100%;cursor:default;overflow:hidden;padding:0;margin:0}#corner-selector-content-container{width:var(--corner-selector-content-container-width);height:var(--corner-selector-content-container-height);border-radius:10px;border:3px solid white;padding:0;margin:0}#corner-selector-image-container{height:80%;width:100%;max-width:100%;max-height:var(--corner-selector-content-container-height);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:hidden}#corner-selector-image{display:block;max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%;border-radius:10px}#corner-selector-values-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:calc(var(--corner-selector-content-container-height) * .19);overflow-y:auto;overflow-x:hidden;border-top:3px white dotted}#corner-selector-submit-button-container{display:flex;align-items:center;height:var(--corner-selector-button-container-height);min-height:var(--corner-selector-button-container-height)}@media only screen and (orientation: portrait),(max-width: 960px){#corner-selector-values-container{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column}}#default-import-tooltip-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;height:120%;text-align:center;white-space:pre-line}#default-import-tooltip-container>ul{text-align:left}#default-import-tooltip-container>ul>li{padding:5px}:root{--import-upload-container-min-width: 300px;--import-upload-container-max-width: 900px;--import-upload-container-min-height: 250px;--import-upload-container-max-height: 400px;--import-upload-container-width: clamp(var(--import-upload-container-min-width), 95vw, min(140vw, 140vh));--import-upload-container-height: calc(var(--import-upload-container-width) / 2.25);--import-settings-pieces-height: 45px}#import-default-content-container>h1{width:var(--import-upload-container-width);text-align:left;color:#fff}#import-settings-title-container>h2{color:#fff;font-size:180%;padding:0;margin:0}#import-settings-pieces-buttons-container>.import-default-button{width:95%}.import-default-button{width:min(300px,90%);margin-bottom:10px}.import-default-button:active,.import-default-button:hover{transform:scale(1.05)}.import-settings-pieces{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;height:var(--import-settings-pieces-height);margin:6px}.import-drop-down__container{width:28%}.import-drop-down__control{width:100%;flex-wrap:nowrap!important}.import-drop-down__input-container{text-transform:capitalize}.import-drop-down__menu{color:#000}.import-settings-pieces>.import-image-button,.import-image-button{width:min(12%,40px);height:100%}#import-container{margin-top:var(--title-bar-height);height:fit-content;width:100%;min-height:500px;padding-bottom:20px}#import-container-corner-selector{margin-top:var(--title-bar-height);height:calc(100vh - var(--title-bar-height));width:100%;min-height:450px}#import-default-content-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#import-upload-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:var(--import-upload-container-width);height:var(--import-upload-container-height);margin-bottom:20px;font-size:calc(min(var(--import-upload-container-width),var(--import-upload-container-height))/40)}#import-upload-image-container,#import-echiquier-container{display:flex;align-items:center;justify-content:center;border-radius:10px;border:3px solid white;width:45%;height:100%;overflow:hidden}#import-echiquier-container{border:none}#import-settings-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;width:var(--import-upload-container-width);height:max(calc(var(--import-upload-container-height) / 1.5),var(--import-upload-container-min-height));border-radius:10px;background:var(--jouer-settings-background-color);margin-bottom:20px;padding:0 10px 10px;color:#fff}#import-settings-title-container{display:flex;flex-direction:row;align-items:start;justify-content:start;width:100%;height:15%}#import-settings-content-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:80%;margin:0;padding-left:10px;padding-right:10px;overflow-y:auto;overflow-x:hidden;color:#fff}#import-settings-general-container{width:65%;height:100%;color:#fff}#import-settings-pieces-container{position:sticky;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;top:5%;width:30%;height:88%;border-radius:10px;border:3px solid white;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}#import-settings-pieces-container::-webkit-scrollbar{display:none}#import-settings-pieces-buttons-container{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:fit-content;background:var(--jouer-settings-background-color);padding-top:5px;z-index:1}#import-settings-add-piece{display:flex;align-items:center;justify-content:center;width:100%;height:var(--import-settings-pieces-height);margin:6px}@media only screen and (orientation: portrait),(max-height: 520px){:root{--import-upload-container-width: clamp(var(--import-upload-container-min-width), 89vw, min(140vw, 140vh));--import-upload-container-height: calc(var(--import-upload-container-width) * 2)}#import-upload-container{flex-direction:column;justify-content:space-between;margin-bottom:8px}#import-upload-image-container,#import-echiquier-container{width:100%;height:49%}#import-settings-container{height:max(calc(var(--import-upload-container-height) / 4),var(--import-upload-container-min-height))}#import-settings-content-container{flex-direction:column;justify-content:flex-start;height:calc(var(--import-upload-container-height) * .8)}#import-settings-pieces-container,#import-settings-general-container{position:static;width:90%;height:fit-content;flex-shrink:0;margin:0;padding:0}#import-settings-pieces-container{height:min(calc(var(--import-upload-container-height) * .6),200px)}}.default-notification-container{position:relative;display:grid;grid-template-rows:.2fr .8fr;grid-template-columns:1fr;overflow-x:hidden;overflow-y:auto;justify-items:center;text-align:center;border:3px white solid;border-radius:10px;color:#fff;background-color:#000;z-index:calc(var(--permanent-z-index) - 3);transition:top .3s;pointer-events:all;padding:3px}.default-notification-container.open{animation:show-notification .5s forwards ease-in-out}.default-notification-container.close{animation:hide-notification .5s forwards ease-in-out}@keyframes show-notification{0%{opacity:0}to{opacity:1}}@keyframes hide-notification{0%{opacity:1}to{opacity:0}}.default-notification-close-button{position:absolute;width:40px;height:40px;top:0;right:0}#default-notification-manager{position:fixed;display:flex;flex-direction:column;align-items:start;justify-content:start;width:60%;max-width:300px;height:auto;max-height:min(112px,25%);right:0;top:var(--title-bar-height);overflow-y:scroll;overflow-x:hidden}.default-dual-inbox-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;justify-items:center;align-items:center;width:100%;height:200px;overflow:hidden;padding-top:10px;padding-bottom:10px}.default-dual-inbox-zone{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.default-dual-inbox-zone>h2{width:95%;height:10%;display:flex;align-items:center;justify-content:start;text-align:left}.default-dual-inbox-content{border:3px white solid;width:95%;height:90%;padding:5px;overflow-x:hidden;overflow-y:auto}@media only screen and (orientation: portrait){.default-dual-inbox-container{overflow:auto;grid-template-columns:1fr;grid-template-rows:200px 200px}}.default-invitation-parent-container{display:flex;flex-direction:column;align-items:center;justify-content:start;width:100%;height:250px;padding:10px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.default-invitation-container{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%;height:50px;box-sizing:border-box;border-bottom:solid var(--light-grey) 3px;overflow:visible}.default-invitation-info-container{display:flex;align-items:center;justify-content:start;width:80%;height:100%}.default-invitation-info-container>p{min-width:0;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap}.default-invitation-info-container>div{word-break:keep-all;white-space:nowrap}.default-invitation-options-container{display:flex;align-items:center;justify-content:end;width:19%;height:100%}.default-invitation-image-button{height:100%;width:50px;min-width:45px}.default-invitation-image-button.no-select{cursor:default}.default-invitation-name{font-weight:700;padding-left:4px}#social-container{width:100%;margin-top:var(--title-bar-height);height:calc(100% - var(--title-bar-height));min-height:auto}#social-title{text-align:left;width:90%;padding:0;margin:0 0 10px;color:#fff}.default-counter-container{border-radius:50%;border:2px white solid;background:#000;width:30px;height:30px;font-size:large;text-align:center;color:#fff;font-weight:600;animation:spawn forwards .5s ease-in-out}.default-conversation-container{--icone-size: 30px;width:100%;height:60px;min-height:60px;display:flex;flex-direction:row;align-items:center;justify-content:start;padding:5px;box-sizing:border-box;cursor:pointer;overflow:hidden;opacity:.7;contain:size layout}.default-conversation-container.selected{opacity:1}.default-conversation-icone-container{width:var(--icone-size);min-width:var(--icone-size);height:var(--icone-size)}.default-conversation-icone{width:100%;height:100%;object-fit:contain}.default-conversation-info-container{width:calc(100% - var(--icone-size));min-width:0;height:100%;margin-left:3px;box-sizing:border-box}.default-conversation-nom,.default-conversation-last-message{margin:0;min-width:0;width:100%;height:50%;display:flex;align-items:center;justify-content:start;padding:0 0 0 1.5px}.default-conversation-truncated-text{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap;text-align:left}.default-conversation-nom{color:#fff;font-weight:600}.default-conversation-last-message{color:#c3c3c3;font-style:italic}.default-message-container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:5px;color:#000}.default-message-container.left{align-items:start}.default-message-container.right{align-items:end}.default-message-content{height:auto;width:auto;max-width:45%;padding:5px;background:#fff;border-radius:15px;word-break:break-all;white-space:wrap;text-wrap:wrap;box-sizing:border-box;text-align:left}.default-message-date{height:auto;width:auto;max-width:45%;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap;color:#c3c3c3}#default-message-box-container{position:absolute;width:0px;height:0px;z-index:calc(var(--permanent-z-index) - 4)}#default-message-box{position:fixed;touch-action:none}#default-message-box.closed{display:flex;align-items:center;justify-content:center;width:max(min(5vw,5vh),70px);height:max(min(5vw,5vh),70px);border-radius:50%;background:#fff;cursor:grab;color:#000;opacity:0;animation:spawn .5s forwards ease-in-out}.default-message-box-icon{width:70%;height:70%;object-fit:contain}#default-message-box.opened{display:grid;grid-template-columns:1fr;grid-template-rows:30px 1fr;width:min(90vw,900px);min-width:250px;max-width:min(90vw,900px);height:min(calc(90vh - var(--title-bar-height)),500px);max-height:min(calc(90vh - var(--title-bar-height)),500px);min-height:120px;background:#000;border-radius:5px;border:white solid 3px;opacity:0;animation:spawn .5s forwards ease-in-out;overflow:auto;resize:both;scrollbar-width:0;box-sizing:border-box}@keyframes spawn{0%{opacity:0}to{opacity:1}}#default-message-box-options-bar{--buttons-width: 50px;display:flex;flex-direction:row;align-items:center;justify-content:end;background:#2d2d2d;border-bottom:3px solid white;box-sizing:border-box}#default-message-box-options-drag-bar{width:calc(100% - var(--buttons-width) * 2);height:100%;cursor:grab;display:flex;flex-direction:row;align-items:center;justify-content:start;font-weight:600;font-size:larger;padding-left:5px;color:#fff}.default-message-box-options-bar-button{padding:0;width:var(--buttons-width);height:100%}#default-message-box-content-zone{display:flex;flex-direction:row;height:100%;width:100%;box-sizing:border-box}#default-message-box-conversation-list{--conversation-width: 100px;border-right:3px white solid;width:20%;min-width:var(--conversation-width);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:start;overflow-x:hidden;overflow-y:auto;contain:size layout;color:#a5a5a5}#default-message-box-conversation-list::-webkit-scrollbar{width:5px;height:5px}#default-message-box-conversation-zone{--input-min-height: 40px;width:80%;box-sizing:border-box}#default-message-box-message-zone{display:flex;flex-direction:column;width:100%;height:min(calc(100% - var(--input-min-height)),90%);max-height:90%;border-bottom:3px white solid;padding-top:5px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;color:#a5a5a5;contain:size layout}#default-message-box-input-zone{display:grid;justify-items:center;align-items:center;width:100%;height:max(10%,var(--input-min-height));grid-template-columns:1fr 50px;grid-template-rows:1fr;box-sizing:border-box}.default-message-box-input-zone-input{background:none;border:none;outline:none;width:100%;height:100%;padding-left:15px;box-sizing:border-box;color:#fff}.default-message-box-input-zone-button{padding:0;width:30px;height:30px;box-sizing:border-box}.match-history-entry-container{--height: max(150px, min(20vh, 20vw));display:flex;flex-direction:row;background-color:#000;border:white 3px solid;border-radius:5px;width:100%;height:var(--height);margin-bottom:10px;box-sizing:border-box;overflow:hidden;color:#fff}.match-history-entry-chessboard-container{height:calc(var(--height) - 4px);width:calc(var(--height) - 4px);border-radius:5px;box-sizing:border-box;font-size:calc(var(--height) * .025)}.match-history-entry-info-container{height:var(--height);width:calc(100% - var(--height));display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr 1fr 1fr 1fr;overflow:hidden;padding-left:10px;padding-right:10px;box-sizing:border-box;color:#fff}.match-history-entry-info-container>h2,.match-history-entry-info-container>p{margin:0;padding:0;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;white-space:nowrap;color:#fff}.match-history-entry-winner{grid-row:1;grid-column:1/3}.match-history-entry-opponent{grid-row:2;grid-column:1;justify-self:start}.match-history-entry-opponent-type{grid-row:3;grid-column:1;justify-self:start}.match-history-entry-color{grid-row:4;grid-column:1;justify-self:start}.match-history-entry-date{grid-row:4;grid-column:2;justify-self:end}@media only screen and (max-width: 400px),(orientation: portrait),(max-height: 500px){.match-history-entry-info-container{display:flex;flex-direction:column;justify-content:space-evenly;padding-bottom:5px}}:root{--match-history-container-min-width: 300px;--match-history-container-max-width: 900px;--match-history-items-container-max-height: 400px}#match-history-container>h1{width:90%;min-width:var(--match-history-container-min-width);max-width:var(--match-history-container-max-width);height:auto;text-align:left;text-transform:uppercase;text-wrap:nowrap;margin-bottom:5px;color:#fff}#match-history-items-container{width:90%;min-width:var(--match-history-container-min-width);max-width:var(--match-history-container-max-width);height:75vh;padding-right:5px;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}#match-history-items-container.empty{display:flex;align-items:center;justify-content:center}#match-history-loading-container{width:100%;height:150px}.match-history-loading-content{object-fit:contain;width:100%;height:100%}.settings-container{width:100%;padding:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:start;box-sizing:border-box;color:#fff}.settings-range-container{width:80%;display:grid;grid-template-columns:30% 30% 10% 30%;grid-template-rows:1fr;gap:10px;flex-direction:row;align-items:center;justify-content:start;justify-items:left}.settings-default-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;width:100%;height:15px;background:#ddd;border-radius:15px;outline:none;box-sizing:border-box;cursor:pointer;opacity:.8}.settings-default-range::-webkit-slider-runnable-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;width:100%;height:100%;border-radius:15px;border:3px solid black;box-sizing:border-box}.settings-default-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;border:2px solid white;color:#000;background-color:#000;box-sizing:border-box}.settings-default-range:hover{opacity:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:#000;min-width:320px;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#000}html{margin:0;padding:0;min-height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}