@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body,html{padding:0;margin:0;box-sizing:border-box;background:#e6e6e6;font-family:"Kanit",sans-serif;font-size:.9rem;height:100%}button,input{font-family:"Kanit",sans-serif;letter-spacing:1px}button{border:none;outline:none;background:none;cursor:pointer}::-webkit-input-placeholder{color:gray}.custom-advertize-block{position:fixed;width:400px;height:100%;display:flex;left:0;flex-direction:column;justify-content:space-around}.custom-advertize-block .custom-advertize{width:100%;height:200px}.custom-advertize-block-right{right:0;left:initial}.game-alerts{opacity:0;padding:10px;cursor:default}.game-id .waiting{font-size:1.1rem;margin:10px 0;font-weight:bold}.game-id .invite-box{background:#d3d3d3;gap:0}.game-id .invite-box .invite-tag{padding:10px;background:#a9a9a9;display:block}.game-id .invite-box .invite-link{font-style:italic;padding:10px;text-align:center;outline:none;border:none}.game-id .invite-box .copy-link-tag{padding:10px;background:#a9a9a9;cursor:pointer;border:none;outline:none;height:100%}.htp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#2c2c2c;color:#e6e6e6;text-align:center}.htp h1{font-size:3.3rem}.htp .htp-close{position:absolute;right:20px;top:20px;color:#e6e6e6;font-size:2rem}.d-none{display:none !important}.d-flex{display:flex;align-items:center;justify-content:center;gap:5px}.flex-column{flex-direction:column}.loading{position:absolute;color:#fff;background:#000;top:0;right:0;bottom:0;left:0;font-size:1.5rem;z-index:4}.message-div{position:fixed;top:0;right:0;left:0;background:#ccc;z-index:10;height:50px}.new-set-timer{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(14,14,14,.7333333333);color:#e6e6e6}.new-set-timer .new-set-head{font-size:1.4rem}.new-set-timer .timer-head{font-size:1.2rem}.new-set-timer .timer{font-size:2rem}.landing{overflow:hidden;height:100%;width:100%}.landing .game-entry-form{height:-moz-fit-content;height:fit-content}.landing .game-entry-form .landing-input{font-size:1rem;padding:5px;outline:none;background-color:#f5f5f5;border:rgba(14,14,14,.7333333333) 2px solid;color:#2c2c2c;width:100%}.landing .game-entry-form .landing-btn{background:#2c2c2c;border-radius:5px;color:#fff;min-width:130px;padding:10px}.landing .game-entry-form .landing-btn:hover{background:#1a1a1a}.landing .game-entry-form .input-form{gap:0;border-radius:5px}.landing .game-entry-form .input-form .landing-input{height:30px;border-radius:5px 0 0 5px}.landing .game-entry-form .input-form .first-landing-input{text-align:center;border-radius:5px}.landing .game-entry-form .input-form .input-form-btn{background:#2c2c2c;color:#fff;display:block;border-radius:0 5px 5px 0;height:44px;width:-moz-fit-content;width:fit-content}.landing .game-entry-form .input-form .input-form-btn:hover{background:#1a1a1a}.game{display:flex;justify-content:center;height:100%;align-items:center;background:#fff}.game .game-area{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 10px;background:#fff;height:100%}.game .game-area .score-board{background:#1a1a1a;margin-bottom:10px;justify-content:space-between;display:flex;width:100%;color:#fff;align-items:center}.game .game-area .score-board .players{padding:5px 10px}.game .game-area .score-board .players .player{width:150px;display:grid;grid-template-columns:auto 10% 10%;align-items:center;height:25px}.game .game-area .score-board .players .player-1-name{text-decoration:underline;text-decoration-color:#ff0}.game .game-area .score-board .players .player-2-name{text-decoration:underline;text-decoration-color:red}.game .game-area .score-board .players .turn{color:#fff}.game .game-area .score-board .set-details{padding:5px 10px;text-align:right}.game .game-area .score-board .set-details :first-child{margin-bottom:5px}.game .game-area .game-area-footer{display:flex;padding:5px 0;justify-content:space-around;width:100%}.game-over-overlay{z-index:2;position:absolute;width:100%;height:100%}.game-over-overlay .game-over{height:100%}.game-over-overlay .game-over .head{font-size:3rem;margin-bottom:10px}.game-over-overlay .game-over .winner{margin-bottom:15px;font-size:1.5rem}.game-over-overlay .game-over .play-again-request{margin-bottom:10px;border:none;color:#2c2c2c;font-weight:bold;font-size:1.5rem}.game-over-overlay .game-over .game-over-btn{margin:0 10px;padding:5px 10px;height:40px;min-width:100px;background:#2c2c2c;color:#fff}.game-over-overlay .game-over .game-over-btn:hover{background:#000}.htp-btn{color:#2c2c2c;text-align:center;text-decoration:underline}canvas{background:#252525;display:block}.player-left{position:fixed;width:100%;height:100%;top:0;min-height:200px;z-index:6;background:rgba(0,0,0,.6)}.player-left .left-content{height:300px;background:#e6e6e6}.player-left .left-content .back-to-landing{margin-top:10px;padding:10px;color:#fff;background:#000;border:none;cursor:pointer;outline:none}.terms{position:fixed;display:block;bottom:10px;text-align:center;width:100%;color:#2c2c2c}@media(max-width: 1200px){.custom-advertize-block{width:300px !important}}@media(max-width: 950px){.custom-advertize-block{display:none !important}}@media(max-width: 750px){.custom-advertize-block{display:none}}@media(max-height: 500px){.custom-advertize-block{display:none !important}}