@font-face{font-family:SCDream;src:url(/fonts/SCDream1.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream2.woff2) format("woff2");font-weight:200;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream3.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream4.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream5.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream6.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream7.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:SCDream;src:url(/fonts/SCDream8.woff2) format("woff2");font-weight:800;font-style:normal}:root{--gray: #707070;--orange: #ffc400;--orange2: #ff7043}body{width:100%;margin:0;padding:0;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;font-family:SCDream,sans-serif;font-weight:400}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}.header{height:70px;width:100vw;position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#fff;color:var(--orange);margin:0;padding:0;border-bottom:1.5px solid var(--orange)}.header-content{width:1200px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.header nav{margin-right:10px}.header ul{list-style:none;display:flex;gap:20px}.header a{text-align:left;color:var(--gray);font-size:17px;font-weight:500;text-decoration:none}.h-li{display:flex;align-items:center}.logo{font-weight:600;padding-left:10px}.header a:hover{color:var(--orange)}.footer{text-align:left;padding:20px;background-color:#fff;color:#000;margin-top:50px}.footer-content{width:1200px;display:flex;margin:50px auto auto}.profile-image{width:40px;height:40px;border-radius:50%;cursor:pointer;margin-top:5px;margin-left:5px}.homepage-container{max-width:1200px;margin:0 auto;padding:10px}.home-h3{font-weight:500}.room-list{margin-top:30px}.rooms{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.room-card{background-color:#fff;padding:5px;border-radius:8px;box-shadow:2px 4px 2px #0000001a;width:200px;height:200px;text-align:center;transition:.2s;border:2px solid #ffc268;box-sizing:border-box;font-size:13px}.room-card:hover{background-color:#fff8e8}.room-title{font-size:14px;font-weight:500}.category-container{width:100%;background-color:#fff;display:flex;justify-content:left;margin-left:30px;padding-top:10px;position:relative;z-index:2}.category-buttons{display:flex;justify-content:left;width:100%;max-width:1200px;gap:10px;overflow:hidden}.category-button{background-color:transparent;border:none;color:#000;font-size:20px;font-weight:500;cursor:pointer;text-align:center;padding:8px 20px 5px;border-radius:8px 8px 0 0;transition:.3s}.category-button.active,.category-button:hover{background-color:#ffc268;color:#000}.banner-container{width:100%;background-color:#ffc268;padding-top:0;display:flex;justify-content:center;position:relative;z-index:1;border-radius:8px}.banner{width:100%;padding:0;margin:auto}.game-options{padding:20px;display:flex;overflow-x:auto;justify-content:flex-start;gap:15px;margin:0;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none}.game-options::-webkit-scrollbar{display:none}.game-button{background-color:#fff8e8;border:3px solid #ffffff;border-radius:8px;cursor:pointer;transition:.3s;color:#000;width:100px;height:120px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:5px}.game-button img{width:80px;height:80px;object-fit:cover;border-radius:5px}.game-button span{font-size:11px;margin-top:5px}.game-button:hover{background-color:#ffe9c8;color:#000;border:5px solid #b8b8b8}.login-container{max-width:425px;margin:100px auto;padding:20px;background:#fff;border-radius:10px;text-align:center;box-shadow:0 4px 8px #0000001a}.login-title{font-size:24px;color:#333;margin-bottom:30px}.text-orange{color:var(--orange)}.logo-container{margin:auto}.discord-logo-large{width:150px;height:80px;margin-bottom:0}.discord-login-button{background-color:#5865f2;color:#fff;border:none;padding:12px;border-radius:5px;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:20px;transition:background-color .3s ease}.discord-login-button:hover{background-color:#4752c4}.login-links{margin-top:20px;font-size:14px;color:#666}.login-links a{color:#5865f2;text-decoration:none;margin-left:5px;transition:color .3s ease}.login-links a:hover{color:#4752c4;text-decoration:underline}.register-container{max-width:425px;margin:100px auto;padding:20px;background:#fff;border-radius:10px;text-align:center;box-shadow:0 0 10px #0000001a}.register-title{font-size:24px;color:#333;margin-bottom:20px}.register-form{display:flex;flex-direction:column}.register-input{width:100%;padding:10px 0;margin-bottom:10px;border:1px solid #a7a7a7;border-radius:5px;font-size:16px;text-indent:10px;transition:border-color .3s}.register-input:focus{border-color:var(--orange)}.username-container{margin-bottom:15px}.phone-container{display:flex;margin-top:5px;margin-bottom:0;justify-content:flex-end}.check-button{padding:5px 10px;margin-left:10px;margin-bottom:10px;font-size:14px;font-weight:400;border:1px solid var(--orange);background-color:#fff;color:var(--orange);border-radius:5px;cursor:pointer;transition:background-color .3s,color .3s}.check-button:hover{background-color:var(--orange);color:#fff}.username-status{font-size:12px;margin-top:-10px;margin-bottom:5px;text-align:left}.username-status.available{color:green}.username-status.unavailable{color:red}.register-name{font-size:14px;margin-top:-10px;margin-bottom:5px;text-align:left;font-weight:500;color:#000}.register-name span{color:red;font-size:12px}.register-options{display:flex;justify-content:start;align-items:center;font-size:14px;margin-bottom:0;margin-top:20px}.agree-terms{display:flex;align-items:center;gap:5px;cursor:pointer}.agree-terms input{width:14px;height:14px;cursor:pointer}.register-button{width:100%;background-color:var(--orange);color:#000;border:none;padding:12px;border-radius:5px;cursor:pointer;font-size:18px;margin-top:10px;transition:background-color .3s}.register-button:hover{background-color:orange}.login-link{margin-top:15px;font-size:14px}.login-link a{color:var(--gray);text-decoration:none;font-weight:500}.login-link a:hover{color:var(--orange);text-decoration:underline}.verification-status{font-size:12px;margin-top:-5px;margin-bottom:10px;text-align:left}.verification-status.success{color:green}.verification-status.error{color:red}.profile-container{max-width:1000px;margin:20px auto;padding:20px;background-color:#fff;border-radius:10px}.my-page{text-align:center;margin-bottom:30px;font-size:30px;font-weight:600}.profile-header{display:flex;align-items:center;margin-bottom:30px;border-bottom:1px solid #979797}.profile-header img{transition:.3s;width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #ddd;margin-right:20px;margin-bottom:20px}.profile-details{display:flex;flex-direction:column}.username{margin-top:0;font-size:22px;font-weight:600;color:var(--orange);margin-bottom:5px}.reputation{margin-top:5px;margin-bottom:35px;font-size:16px;color:#666}.discord-rejoin{display:flex;justify-content:space-between;align-items:center;margin:auto auto 20px;background-color:#fff;padding:25px;border-radius:8px;box-shadow:2px 3px 6px #00000026}.discord-rejoin p{font-weight:500;margin-bottom:10px;color:#333}.rejoin-button{background-color:#5865f2;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.rejoin-button:hover{background-color:#4752c4}.quit-button{background-color:#e53939;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.quit-button:hover{background-color:#b02626}.profile-button{height:100%;display:flex;margin-top:auto;justify-content:flex-end;margin-bottom:0}.profile-info p{font-weight:400!important}.logout-button{background-color:#000;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#333}.friend-section{display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:25px;border-radius:8px;box-shadow:2px 3px 6px #00000026;margin-bottom:20px}.friend-left,.friend-right{flex:1}.friend-section h2,.friend-section h3{font-weight:600;margin-bottom:12px}.friend-list,.friend-requests ul{list-style:none;padding:0;margin:10px 0}.friend-list li,.friend-requests li{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background-color:#f8f8f8;border-radius:6px;box-shadow:0 1px 3px #0000000d}.friend-add{display:flex;gap:100px;margin-top:0}.friend-add-h3{display:flex;gap:10px;margin-top:20px;margin-bottom:auto}.friend-section input{padding:8px;flex:1;border:1px solid #aaa;border-radius:5px}.friend-section button{background-color:var(--orange);color:#fff;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.friend-section button:hover{background-color:#f93}.no-friend{color:#888;font-style:italic}.create-room-container{max-width:500px;margin:100px auto;padding:20px;background:#fff;border-radius:10px;text-align:center;box-shadow:0 0 10px #0000001a}.create-room-title{font-size:24px;color:#333;margin-bottom:20px}.room-input,.room-textarea,.room-select{width:100%;padding:10px 0;margin-bottom:10px;border:1px solid #a7a7a7;border-radius:5px;font-size:16px;text-indent:10px;transition:border-color .3s}.room-input:focus,.room-textarea:focus,.room-select:focus,.datetime-container input:focus{border-color:var(--orange)}.datetime-container select{background-color:#fff;cursor:pointer;width:100%;padding:10px 0;margin-bottom:10px;border:1px solid #a7a7a7;border-radius:5px;font-size:16px;text-indent:10px;transition:border-color .3s}.room-textarea{height:80px;resize:none;padding:10px;box-sizing:border-box;text-indent:0px}.room-select{background-color:#fff;cursor:pointer}.role-container{display:flex;gap:10px;margin-top:10px;align-items:center}.role-container input{flex:1;padding:8px;border:1px solid #a7a7a7;border-radius:5px;font-size:14px}.role-container button{background-color:#fff;color:#fff;border:none;padding:6px 8px;border-radius:5px;cursor:pointer}.room-submit-button{width:100%;background-color:var(--orange);color:#fff;border:none;padding:12px;border-radius:5px;cursor:pointer;font-size:18px;margin-top:10px;transition:background-color .3s}.room-submit-button:hover{background-color:orange}.role-create{display:block;margin-left:auto;width:30%;background-color:#5865f2;color:#fff;border:none;padding:5px;border-radius:5px;cursor:pointer;font-size:18px;margin-top:10px;transition:background-color .3s}.role-create:hover{background-color:#4752c4}.create-room-link{margin-top:15px;font-size:14px}.create-room-link a{color:var(--gray);text-decoration:none;font-weight:500}.create-room-link a:hover{color:var(--orange);text-decoration:underline}.day-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px 0;max-width:100%}.day-selector button{flex:1;padding:10px 0;margin:2px;background-color:#e0e0e0;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.day-selector button:hover{background-color:#d0d0d0}.selected-day{background-color:var(--orange)!important;color:#fff;font-weight:700}.time-selector,.datetime-container{display:flex;gap:10px;margin-top:10px;align-items:center}.time-selector label,.datetime-container label{display:flex;font-size:16px;margin-left:auto;font-weight:500}.time-selector input,.datetime-container select{width:50%;padding:7px;font-size:16px;border:1px solid #a7a7a7;border-radius:5px;box-sizing:border-box}.room-detail-container{max-width:600px;margin:80px auto;padding:20px;background:#fff;border-radius:10px;text-align:center;box-shadow:0 0 10px #0000001a}.room-detail-title{font-size:26px;color:#333;margin-bottom:15px}.room-detail-description{font-size:18px;color:#555;margin-bottom:20px}.room-info{text-align:left;font-size:16px;margin-bottom:20px;padding:10px;background:#f9f9f9;border-radius:8px}.role-header{font-size:20px;margin-bottom:10px}.role-list{list-style:none;padding:0}.role-item{font-size:16px;background:#f1f1f1;margin-bottom:5px;padding:8px;border-radius:5px}.loading{font-size:18px;color:#777}.delete-room-button{margin-top:20px;padding:10px 20px;font-size:16px;background-color:#ff4d4f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.delete-room-button:hover{background-color:#d9363e}.party-finder-container{max-width:1200px;margin:auto;padding:20px;background:#fff;border-radius:10px;text-align:center;position:relative}.party-finder-container h2{font-size:24px;color:#333;margin-bottom:20px}.search-controls{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.search-controls>*{flex:1;min-width:0}.search-input,.sort-select{padding:10px;font-size:16px;border:1px solid #a7a7a7;border-radius:5px;transition:border-color .3s}.search-input{flex:2}.sort-select{flex:.8}.room-select:focus,.search-input:focus,.sort-select:focus{border-color:var(--orange)}.party-room-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.party-room-item{display:flex;align-items:center;gap:15px;background:#f9f9f9;padding:15px;border-radius:8px;transition:transform .2s}.party-room-item:hover{transform:translateY(-2px);background:#f1f1f1}.party-room-info{flex:1;text-align:left}.party-room-info h4{font-size:18px;margin:0;color:#333}.party-room-info p{font-size:14px;color:#666;margin-top:5px}.no-rooms{font-size:16px;color:#888}.category-image{width:80px;height:80px;border-radius:5px;object-fit:cover}.create-room-button{position:sticky;bottom:50px;margin-left:auto;margin-right:20px;display:block;background-color:var(--orange);color:#fff;font-size:18px;padding:12px 18px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .2s ease-in-out;z-index:1000}.create-room-button:hover{background-color:#ff7b00;transform:scale(1.05)}