:root{--CARD-WIDTH:clamp(38px,min(8.7vh,5.5vw),90px);--CARD-HEIGHT:calc(var(--CARD-WIDTH)*1.4078)}*{box-sizing:border-box;font-family:arial,sans-serif;margin:0;padding:0}h1{font-size:clamp(40px,12vh,3.5rem);padding-bottom:10px}h2{font-size:clamp(24px,9vh,3rem)}h2,h3{padding-top:1vh}h3{font-size:clamp(16px,6vh,2rem)}h4{font-size:clamp(12px,4.5vh,1.5rem);padding-top:1vh}.WaitingRoom ul{font-size:clamp(20px,7vh,2rem);padding-top:1vh}button{cursor:pointer}label{font-size:1.2rem}input[type=text]{border:none;border-bottom:1px solid #7e7e7e;font-size:1.2rem}.App{height:100vh;width:100vw}.Homepage{align-items:center;display:grid;grid-template-columns:50vw 50vw;height:100%;justify-content:center;width:100%}.Homepage form{font-size:36px}.Homepage button,.WaitingRoom button{border-radius:10%;font-size:1.2rem;padding:6px 40px}.WaitingRoom h1,.homepageColumn{text-align:center}.alignLeft,.homepageColumn{display:inline-block}.alignLeft{text-align:left}.WaitingRoom{align-items:center;display:flex;flex-direction:column;grid-template-columns:50vw 50vw;height:100%;width:100%}.Game{align-items:center;background-color:green;display:grid;grid-template-areas:"opponent-side" "player-side";grid-template-rows:78vh 22vh;justify-content:center;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none}.GameEnded{background-color:#ff0}.UserCards{display:flex;flex-direction:row;gap:.5rem}.UserSide{display:flex;flex-direction:column;grid-area:player-side;text-align:center}.OpponentsSide,.UserSide{align-items:center;justify-content:center}.OpponentsSide{display:grid;grid-template-areas:"top-hand top-hand top-hand top-hand top-hand top-hand top-hand top-hand" "left-hand left-hand field field field field right-hand right-hand";grid-template-columns:16.66vw 5vw 11.66vw 16.66vw 16.66vw 11.66vw 5vw 16.66vw;grid-template-rows:22vh 56vh;height:100%;overflow:clip;width:100vw}.UserSide .user-turn-text{font-size:calc(clamp(38px, min(8.7vh, 5.5vw), 90px)/2);font-size:calc(var(--CARD-WIDTH)/2);height:calc(clamp(38px, min(8.7vh, 5.5vw), 90px)/2);height:calc(var(--CARD-WIDTH)/2)}.OpponentHand{padding-top:11px}.OpponentHand,.PlayerSpot{align-items:center;display:flex}.PlayerSpot{flex-direction:column}.OpponentName{font-size:2vw;height:2vw}.PlayedCards{display:flex;flex-direction:row;gap:.5rem;grid-area:field;justify-content:center;position:relative}.CardBack,.CardBack img{height:calc(clamp(38px, min(8.7vh, 5.5vw), 90px)*1.4078);height:var(--CARD-HEIGHT);width:clamp(38px,min(8.7vh,5.5vw),90px);width:var(--CARD-WIDTH)}.table-button{border:1px solid #000;border-radius:50%;font-size:20px;height:40px;padding:0;position:absolute;right:5px;top:5px;width:40px;z-index:3}.new-game-button{background-color:#6effff;border-radius:7px;font-size:min(10vh,60px);height:min(20vh,120px);margin-top:15px;width:100%}#info-button,.new-game-button{border:1px solid #000;z-index:2}#info-button{left:10px}#info-button,#records-button{font-size:20px;height:50px;padding:0;position:absolute;top:10px;width:100px}#records-button{border:1px solid #000;right:10px;z-index:2}.card{align-items:center;background-color:#fff;border:1px solid #000;border-radius:5%;cursor:not-allowed;display:flex;font-size:calc(var(--CARD-HEIGHT)*.7);height:var(--CARD-HEIGHT);justify-content:center;position:relative;width:var(--CARD-WIDTH)}.card.red{color:red}.card.black{color:#000}.card.valid{cursor:pointer}.card:after,.card:before{content:attr(data-value);font-size:calc(var(--CARD-HEIGHT)*.155);position:absolute}.card:before{left:calc(var(--CARD-WIDTH)*.07);top:calc(var(--CARD-HEIGHT)*.03)}.card:after{bottom:calc(var(--CARD-HEIGHT)*.03);right:calc(var(--CARD-WIDTH)*.07);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.popup{align-items:center;background-color:rgba(0,0,0,.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2}.popup-inner{background-color:#fff;display:flex;flex-direction:column;padding:1vw;position:relative}.call-popup{align-items:center;background-color:rgba(0,0,0,.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.call-popup-inner{background-color:#fff;padding:10px;text-align:center}.call-popup-inner input{background-color:#fff;font-size:4vh;padding:1vw}.call-popup-input{width:30vw}.call-popup-inner label{font-size:4vh;padding:1vw}.call-popup-inner input::-webkit-inner-spin-button,.call-popup-inner input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.call-popup-inner input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.invalid-call-text{color:red;font-size:4vh;text-align:center}.last-turn-popup-container{align-items:center;display:flex;flex-direction:row;font-size:2vw;gap:.5rem;justify-content:center;text-align:center}.last-turn-button{border:1px solid #000;border-radius:50%;font-size:20px;height:40px;left:5px;padding:0;position:absolute;top:5px;width:40px;z-index:3}.laleo-popup{z-index:1}.laleo-cards{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center;padding-bottom:1vw;text-align:center}.laleo-cards .card{cursor:pointer}.laleo-button,.laleo-cards .card.selected{background-color:rgba(255,255,0,.5)}.laleo-button{border:1px solid #000;border-radius:0;border-radius:7px;font-size:min(4vh,25px);height:min(8vh,50px);width:100%}.laleo-text{font-size:min(4vh,25px);padding-bottom:1vw;text-align:center}.table-container{align-items:center;display:flex;justify-content:center}table{height:100%;width:100%}.table{table-layout:fixed}.table,.table th{border:1px solid #000}.table th{font-size:min(3rem,3vw,5vh)}.table .black{color:#000}.table .black,.table .red{font-size:min(5rem,5vw,6vh)}.table .red{color:red}.table td{border:1px solid #000;font-size:min(3rem,4vw,5vh)}.table .name{word-wrap:break-word;font-size:min(2vw,4vh)}.table .sup{display:inline-block;line-height:100%;padding-inline:.7vw;text-align:left;width:100%}.table .wrong{color:red}.table .guessed{color:green}.table .inf{display:inline-block;line-height:100%;padding-inline:.7vw;text-align:right;width:100%}.table .prese{color:#ffa600}.table .full{display:block;text-align:center}td.diagonal{background:linear-gradient(to right bottom,#fff,#fff 49.9%,#000 50%,#000 51%,#fff 51.1%,#fff)}.Records{height:100vh;max-width:100%;overflow:hidden;text-align:center}.Records h2{padding:2vh 1vh}.Records ul{background-color:#ddd;position:fixed;width:15%}.Records li{height:7.6923vh;line-height:7.6923vh}.Records .list-title{background-color:#fff944;font-size:2vw}.Records li a{color:#000;display:block;font-size:1.2vw;text-decoration:none}.Records li a:hover:not(.active){background-color:#555;color:#fff}.Records li a.active{background-color:#0599b7;color:#fff}.records-page{height:100vh;margin-left:15%;padding:10px 20px}.Records .link-to-homepage a{background-color:#ff9797}.Infopage{height:100vh;max-width:100%;overflow-y:scroll;padding:10px}.Infopage p,.Infopage ul{font-size:clamp(12px,5vh,1.5rem)}.Infopage ul{padding-left:2rem}.info-table{border:1px solid #000;border-spacing:0;table-layout:fixed}.info-table td,.info-table th{border:1px solid #000;font-size:clamp(12px,5vh,1.5rem)}.info-table td,footer{text-align:center}footer{font-size:clamp(12px,5vh,1.5rem)}footer a{background-color:#ff9797;padding:0 30px}
/*# sourceMappingURL=main.ae6bd1b3.css.map*/