body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-frame{align-items:center;background-color:#fff;display:flex;flex-wrap:wrap;gap:9px 35px;justify-content:center;overflow:hidden;padding:80px 28px;position:relative}.main-frame .title-image{height:150px;margin-top:-46px;object-fit:cover;position:relative;width:268px}.main-frame .question-area{align-items:center;display:flex;gap:10px;height:348px;justify-content:center;padding:7px;position:relative;width:100%}.main-frame .question{height:308.61px;margin:-52.3px -62.3px -52.3px -44.3px;position:relative;width:326.61px}.main-frame .overlap-group{height:309px;position:relative;width:309px}.main-frame .question-box-back{background-color:#2561c3;left:14px;top:14px;transform:rotate(-6.2deg)}.main-frame .question-box,.main-frame .question-box-back{border:7px solid #000;height:280px;position:absolute;width:280px}.main-frame .question-box{background-color:#f5f5f5;left:13px;top:16px}.main-frame .char{left:130px;top:26px}.main-frame .char,.main-frame .text-wrapper{color:#000;font-family:Inter-Regular,Helvetica;font-size:48px;font-weight:400;letter-spacing:0;line-height:normal;position:absolute}.main-frame .text-wrapper{left:32px;top:125px}.main-frame .arrow{font-size:40px;left:134px;top:78px;white-space:nowrap}.main-frame .arrow,.main-frame .div{color:#000;font-family:Inter-Regular,Helvetica;font-weight:400;letter-spacing:0;line-height:normal;position:absolute}.main-frame .div{font-size:48px;left:128px;top:226px}.main-frame .arrow-2{left:134px;top:178px}.main-frame .arrow-2,.main-frame .arrow-3{color:#000;font-family:Inter-Regular,Helvetica;font-size:40px;font-weight:400;letter-spacing:0;line-height:normal;position:absolute;white-space:nowrap}.main-frame .arrow-3{left:85px;top:130px}.main-frame .char-2{font-size:48px;left:228px;top:126px}.main-frame .arrow-4,.main-frame .char-2{color:#000;font-family:Inter-Regular,Helvetica;font-weight:400;letter-spacing:0;line-height:normal;position:absolute}.main-frame .arrow-4{font-size:40px;left:181px;text-align:center;top:130px;white-space:nowrap}.main-frame .ans-char{color:#ff2b2b;font-family:Inter-Regular,Helvetica;font-size:48px;font-weight:400;left:133px;letter-spacing:0;line-height:normal;position:absolute;text-align:center;top:126px}.main-frame .submit-area{gap:18px 38px;padding:15px 0;width:100%}.main-frame .result,.main-frame .submit-area{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative}.main-frame .result{background-color:#f5f5f5;border-radius:15px;gap:10px;height:64px;padding:34px 100px;width:60%}.main-frame .result-text{color:#000;font-family:Inter-Regular,Helvetica;font-size:24px;font-weight:400;letter-spacing:0;line-height:normal;margin-bottom:-30px;margin-top:-32px;position:relative;text-align:center;width:fit-content}.main-frame .final-result{align-items:center;border-radius:15px;display:flex;gap:10px;height:64px;justify-content:center;padding:34px 100px;position:relative;width:100%}.main-frame .final-result-text{-webkit-text-fill-color:#0000;-webkit-text-stroke:2px #000;text-fill-color:#0000;-webkit-background-clip:text!important;background:linear-gradient(180deg,#fa0,#fff);background-clip:text;color:#0000;font-family:Inter-Bold,Helvetica;font-size:40px;font-weight:700;letter-spacing:0;line-height:normal;margin:-31px -71px -21px -79px;position:relative;text-align:center;white-space:nowrap;width:fit-content}.main-frame .again{align-items:center;background-color:#ff2b2b;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:48px;justify-content:center;padding:17px 22px;position:relative;width:30%}.main-frame .again:hover{cursor:pointer}.main-frame .again:active{background-color:#851616;box-shadow:0 0 0 #00000040}.main-frame .text-wrapper-2{color:#fff;font-family:Inter-Regular,Helvetica;font-size:24px;font-weight:400;letter-spacing:0;line-height:normal;margin:-8.5px -.5px -6.5px;position:relative;text-align:center;width:fit-content}.main-frame .exit{align-items:center;background-color:#f5f5f5;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:48px;justify-content:center;padding:17px 22px;position:relative;width:30%}.main-frame .exit:hover{cursor:pointer}.main-frame .exit:active{background-color:#c2c2c2;box-shadow:0 0 0 #00000040}.main-frame .text-wrapper-3{color:#000;font-family:Inter-Regular,Helvetica;font-size:24px;font-weight:400;letter-spacing:0;line-height:normal;margin:-8.5px -.5px -6.5px;position:relative;text-align:center;width:fit-content}.main-frame .next{align-items:center;background-color:#ff2b2b;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:55px;justify-content:center;padding:13px 32px;position:relative;width:50%}.main-frame .next:hover{cursor:pointer}.main-frame .next:active{background-color:#851616;box-shadow:0 0 0 #00000040}.main-frame .next-text-wrapper{color:#fff;font-family:Inter-Regular,Helvetica;font-size:20px;font-weight:400;letter-spacing:0;line-height:normal;margin-top:-1px;position:relative;text-align:center;width:fit-content}.main-frame .start:hover{cursor:pointer}.main-frame .start:active{background-color:#851616;box-shadow:0 0 0 #00000040}.main-frame .start{background-color:#ff2b2b;box-shadow:8px 4px 4px #00000040;height:79px;padding:10px 22px;width:60%}.main-frame .start,.main-frame .waiting{align-items:center;border-radius:15px;display:flex;gap:10px;justify-content:center;position:relative}.main-frame .waiting{background-color:#9b9b9b;height:52px;padding:5px 8px;width:90%}.main-frame .waiting-text-wrapper{color:#fff;font-family:Inter-Regular,Helvetica;font-size:17px;font-weight:400;letter-spacing:0;line-height:normal;position:relative;width:fit-content}.main-frame .submit-button{align-items:center;background-color:#ff2b2b;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:47px;justify-content:center;padding:1px 0;position:relative;width:70%}.main-frame .submit-button:hover{cursor:pointer}.main-frame .submit-button:active{background-color:#851616;box-shadow:0 0 0 #00000040}.main-frame .div-2{align-items:center;display:flex;flex-wrap:wrap;gap:0 0;height:187px;margin-bottom:-46px;padding:6px 10px;position:relative;width:35%}.main-frame .overlap-group-wrapper{height:187px;left:0;position:absolute;top:0;width:100%}.main-frame .overlap-group-2{height:187px;position:relative;width:100%}.main-frame .team-a-point-back{background-color:#ff2b2b;left:6px;top:10px}.main-frame .div-3,.main-frame .team-a-point-back{border:4px solid #000;height:177px;position:absolute;width:100%}.main-frame .div-3{background-color:#f5f5f5;left:0;top:0}.main-frame .text-wrapper-4{color:#000;font-family:Inter-Bold,Helvetica;font-size:24px;font-weight:700;letter-spacing:0;line-height:normal;margin-top:-35px;position:relative;width:106px}.main-frame .player-name{font-family:Inter-Regular,Helvetica;font-weight:400}.main-frame .my-player-name,.main-frame .player-name{color:#000;font-size:16px;letter-spacing:0;line-height:normal;margin-top:-6px;position:relative;width:100%}.main-frame .my-player-name{font-family:Inter-Bold,Helvetica;font-weight:1000}.main-frame .team-name{font-size:24px;width:100%}.main-frame .pointNum,.main-frame .team-name{color:#000;font-family:Inter-Bold,Helvetica;font-weight:400;letter-spacing:0;line-height:normal;position:relative}.main-frame .pointNum{font-size:48px;width:20%}.main-frame .pointStr{font-size:24px;font-weight:400;width:20%}.main-frame .pointStr,.main-frame .text-wrapper-5{color:#000;font-family:Inter-Bold,Helvetica;letter-spacing:0;line-height:normal;position:relative}.main-frame .text-wrapper-5{font-size:48px;font-weight:700;margin-bottom:-33px;width:64px}.main-frame .text-wrapper-6{color:#000;font-family:Inter-Bold,Helvetica;font-size:24px;font-weight:700;letter-spacing:0;line-height:normal;margin-bottom:-18.5px;position:relative;width:64px}.main-frame .team-b-point-back{background-color:#2562c3;border:4px solid #000;height:177px;left:6px;position:absolute;top:10px;width:100%}.main-frame .charBox{font-size:24px}.main-frame .arrowBox,.main-frame .charBox{--webkit-appearance:none;-webkit-appearance:none;appearance:none;height:40px;margin-left:5px;padding:0;text-align:center;width:40px}.main-frame .arrowBox{background-color:#fff;border:1px;border-radius:5%;box-shadow:2px 2px 2px #00000040;color:#000;font-size:30px;margin-top:10px}.main-frame .arrowBox:hover{cursor:pointer}.main-frame .arrowBox:active{background-color:#c2c2c2;box-shadow:0 0 0 #00000040}.main-frame .ansCharBox{--webkit-appearance:none;-webkit-appearance:none;appearance:none;font-size:24px;height:40px;padding:0;text-align:center;width:40px}.main-frame .error-message{color:#ff2b2b;font-family:Inter-Bold,Helvetica;font-size:20px;text-align:center;width:100%}.main-frame .room-area{align-items:center;display:flex;flex-wrap:wrap;gap:0 0;height:187px;justify-content:center;margin-bottom:20px;padding:6px 10px;position:relative;width:80%}.main-frame .create-room-back{background-color:#ff2b2b;left:6px;top:10px}.main-frame .create-room,.main-frame .create-room-back{border:4px solid #000;height:180px;position:absolute;width:100%}.main-frame .create-room{background-color:#f5f5f5;left:0;top:0}.main-frame .enter-room-back{background-color:#2561c3;border:4px solid #000;height:180px;left:6px;position:absolute;top:10px;width:100%}.main-frame .lobby-desc{color:#000;font-family:Inter-Bold,Helvetica;font-size:14px;font-weight:700;letter-spacing:0;line-height:normal;position:relative;text-align:center;width:100%}.main-frame .room-button{align-items:center;background-color:#ff2b2b;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:47px;justify-content:center;padding:1px 0;position:relative;width:80%}.main-frame .room-button:hover{cursor:pointer}.main-frame .room-button:active{background-color:#851616;box-shadow:0 0 0 #00000040}.main-frame .enter-button{align-items:center;background-color:#2561c3;border-radius:15px;box-shadow:8px 4px 4px #00000040;display:flex;gap:10px;height:47px;justify-content:center;padding:1px 0;position:relative;width:80%}.main-frame .enter-button:hover{cursor:pointer}.main-frame .enter-button:active{background-color:#162885;box-shadow:0 0 0 #00000040}.main-frame .room-code{--webkit-appearance:none;-webkit-appearance:none;appearance:none;display:flex;font-size:16px;margin-bottom:5px;padding:0;position:relative;text-align:center;width:100%;width:50%}.main-frame .title-summary{align-items:center;font-size:14px;text-align:center;width:80%}