body{text-align:center;margin:0;padding:0;font-family:Blinker}.root{color:#fff;position:relative}.homePage{background:linear-gradient(315deg,#141414,#2c2c2c);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.imageContainer{width:100%;max-width:450px;margin:0 auto}.imageContainer img{width:100%;height:auto}h1{color:#fff;cursor:default;margin:20px 0;font-size:50px;font-weight:600}.container{width:100%;max-width:450px}.menu{gap:20px;width:calc(100% - 24px);margin:0 12px;display:flex}.menu>*{flex:1 1 0;min-width:0}.button{appearance:none;box-sizing:border-box;color:#000;cursor:pointer;text-align:center;background-color:#fff;border:2px solid #fff;border-radius:12px;outline:none;width:calc(100% - 4px);min-width:0;height:60px;margin:0;padding:16px 0;font-family:Blinker;font-size:20px;font-weight:600;line-height:normal;text-decoration:none;transition:all .15s ease-in-out;display:inline-block}.button:hover{color:#fff;background-color:#0000}.button:active{box-shadow:none;transform:translateY(0)}.gameIdInputContainer{box-sizing:border-box;border:2px solid #0000;align-items:stretch;width:calc(100% - 4px);height:60px;margin:0;padding:0;display:flex}.gameIdInputContainer input{text-align:center;color:#fff;box-sizing:border-box;background-color:#1a1a1a;border:2px solid #fff;border-radius:12px 0 0 12px;width:calc(100% - 28px);height:56px;margin:0;padding:0;font-family:Blinker;font-size:20px;font-weight:600;line-height:normal}.gameIdInputContainer input:focus{border:2px solid #fff;outline:none}.gameIdInputContainer button{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:0 12px 12px 0;width:28px;margin:0;padding:0;font-size:18px}.gamePage{background:radial-gradient(circle,#b0b0b0,#585858,#141414 40%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.gameArea{gap:3px;width:100vw;height:100vh;display:flex}.players{box-sizing:border-box;background:linear-gradient(#1b1b1b,#000);flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;height:100%;padding:24px;display:flex}.playerName{color:#fff;padding:12px 0;font-size:40px;font-weight:600}.text p{color:#fff;margin:12px;font-size:24px;font-weight:600}.choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.choices .choiceBtn{appearance:none;color:#fff;box-sizing:border-box;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:12px;width:220px;min-width:0;height:50px;margin:0;padding:16px 0;font-family:Blinker;font-size:18px;font-weight:600;line-height:normal;text-decoration:none;transition:all .15s ease-in-out;display:flex}.choices .choiceBtn.disabled{cursor:not-allowed;color:gray;border:2px solid gray}.choices .choiceBtn:hover{color:#000;background-color:#fff}.choices .choiceBtn.disabled:hover{background-color:gray}.choiceImage .panelImage{height:200px}.readyImage{width:80px;margin-bottom:14px}.statusText{color:#fff;font-size:20px}.copyIcon{height:24px}.restartIcon{width:30px}.homeIcon{width:36px}.gameId{color:#fff;align-items:center;gap:4px;font-size:20px;display:flex}.gameId img{cursor:pointer}.result{appearance:none;color:#fff;box-sizing:border-box;cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:12px;width:200px;min-width:0;height:60px;margin:0;padding:16px 0;font-family:Blinker;font-size:24px;font-weight:600;line-height:normal;text-decoration:none;transition:all .15s ease-in-out;display:flex}.result.accept{color:#fff;cursor:pointer;background-color:#2563eb;border:none}.result.accept:hover{background-color:#1d4ed8}.afterResult{background-color:#000;border:none;border-radius:12px;flex-direction:column;gap:24px;width:70px;height:fit-content;padding-top:20px;padding-bottom:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #fff3,0 6px 20px #ffffff30}.rematchRequests{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;z-index:20;color:#fff;background-color:#80808033;border:none;border-radius:12px;width:max-content;height:fit-content;padding:12px 16px;font-size:16px;position:absolute;inset:auto auto calc(100% + 14px) 50%;transform:translate(-50%)}.rematchRequests:after{content:" ";border:8px solid #0000;border-top-color:#80808033;position:absolute;top:100%;left:50%;right:auto;transform:translate(-50%)}.afterResult button{cursor:pointer;background-color:#0000;border:none;transition:all .2s ease-in-out}.afterResult button:hover{transform:translateY(-1px)}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{width:80px;height:80px;display:inline-block;position:relative}.lds-ellipsis div{background:currentColor;border-radius:50%;width:13.3333px;height:13.3333px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33.3333px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:8px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:8px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:32px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (width<=768px){.homePage{box-sizing:border-box;padding:24px 20px}.imageContainer{max-width:300px}h1{margin:16px 0;font-size:40px}.menu{flex-direction:column;gap:14px}.button,.gameIdInputContainer{height:56px}.gameIdInputContainer input{height:52px}.gamePage{overflow-x:hidden}.gameArea{flex-direction:column-reverse}.players{min-height:0;padding:16px 12px 92px;overflow-y:auto}.playerName{padding:8px 0;font-size:26px}.choiceImage .panelImage{height:120px}.readyImage{width:56px;margin-bottom:10px}.statusText{font-size:15px}.text p{margin:8px;font-size:20px}.choices{flex-direction:column;gap:10px;width:100%}.choices .choiceBtn{width:100%;max-width:260px;height:48px}.gameId{font-size:16px}.lds-ellipsis{width:60px;height:60px}.lds-ellipsis div{width:10px;height:10px;top:25px}.lds-ellipsis div:first-child,.lds-ellipsis div:nth-child(2){left:10px}.lds-ellipsis div:nth-child(3){left:30px}.lds-ellipsis div:nth-child(4){left:50px}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(20px)}}.result{width:160px;height:52px;font-size:20px}.afterResult{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:auto;height:fit-content;padding:12px;display:flex;position:fixed;inset:50% 24px auto auto;transform:translateY(-50%)}.afterResult button{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.restartIcon{width:24px}.homeIcon{width:28px}.rematchRequests{white-space:nowrap;z-index:20;width:max-content;max-width:none;padding:8px 12px;font-size:13px;position:absolute;inset:auto auto calc(100% + 12px) 50%;overflow:visible;transform:translate(-50%)}.rematchRequests:after{border-width:6px;border-color:#80808033 #0000 #0000;top:100%;left:50%;right:auto;transform:translate(-50%)}}@media (width<=480px){.imageContainer{max-width:240px}h1{font-size:32px}.playerName{font-size:22px}.choiceImage .panelImage{height:90px}.statusText{font-size:14px}.choices .choiceBtn{height:46px;font-size:16px}.gameId{font-size:14px}.result{width:130px;height:48px;font-size:18px}}