@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);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}.lobby-container{align-items:center;background:radial-gradient(circle at top left,#3a3a3a,#1a1a1a 75%);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.lobby-box{background-color:#242424;border-radius:12px;box-shadow:0 15px 40px #000000b3;max-width:400px;padding:40px 50px;text-align:center;width:100%}.lobby-title{color:#e6e6e6;font-size:2.5rem;font-weight:700;margin-bottom:25px}.lobby-input{background-color:#383838;border:1px solid #555;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1.05rem;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.lobby-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.lobby-button{border:none;border-radius:8px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;padding:15px 25px;transition:background-color .3s ease,transform .2s ease}.lobby-button,.lobby-button.primary{background-color:#007bff}.lobby-button:hover{background-color:#0056b3;box-shadow:0 6px 15px #007bff66;transform:translateY(-2px)}.lobby-subtitle{display:none}.lobby-hint{color:#888;font-size:.8rem;margin:-5px 0 0}.separator{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:600;text-align:center}.separator:after,.separator:before{border-bottom:1px solid #444;content:"";flex:1 1}.separator:not(:empty):before{margin-right:.25em}.separator:not(:empty):after{margin-left:.25em}.lobby-footer{bottom:20px;color:#666;font-size:.8rem;position:absolute}.lobby-footer a{color:#888;text-decoration:none}.lobby-footer a:hover{text-decoration:underline}.gameContainer{color:#e0e0e0;display:flex;font-family:Poppins,sans-serif;height:100vh;width:100vw}.leftPanel{background-color:#242424e6;border-right:1px solid #46464680;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.rightPanel{background-color:#1a1a1ae6;display:flex;flex:2 1;flex-direction:column}.header-controls{align-items:center;border-bottom:1px solid #46464680;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.header-controls h2{color:#e6e6e6;font-size:1.8rem;margin:0}.store-button{background-color:#f0ad4e;border:none;border-radius:6px;color:#2c2c2c;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 15px;transition:background-color .2s ease,transform .2s ease}.store-button:hover{background-color:#ec971f;transform:translateY(-1px)}.host-room-info{background-color:#2d2d2db3;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.host-room-info h3{color:#e0e0e0;font-size:1.2rem;margin-top:0}.host-room-info p{color:#b0b0b0;font-size:.9rem}.host-room-info a{color:#007bff;text-decoration:none}.host-room-info a:hover{text-decoration:underline}.game-header{align-items:center;background-color:#2d2d2db3;border-radius:8px;display:flex;font-size:1.1rem;justify-content:space-around;margin-bottom:15px;padding:10px 15px}.game-header strong{color:#007bff}h4{color:#e0e0e0;font-size:1.3rem;margin-bottom:10px}ul{list-style:none;margin:0 0 20px;padding:0}li{align-items:center;background-color:#3c3c3c80;border-radius:5px;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:5px;padding:8px 10px}.endDayPhaseBtn,.startGameBtn,.startVotingBtn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:12px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.startVotingBtn{background-color:#17a2b8}.endDayPhaseBtn{background-color:#dc3545}.endDayPhaseBtn:hover,.startGameBtn:hover,.startVotingBtn:hover{filter:brightness(1.1);transform:translateY(-2px)}.role-card{background-color:#007bff33;border:1px solid #007bff;border-radius:8px;color:#007bff;font-size:1.1rem;font-weight:600;margin-top:20px;padding:10px 15px;text-align:center}.video-grid{grid-gap:10px;background-color:#0e0e0e;border-bottom:1px solid #46464680;display:grid;flex:2 1;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow-y:auto;padding:15px}.call-controls{background-color:#242424;border-top:1px solid #46464680;display:flex;justify-content:center;padding:10px}.call-controls button{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 5px;padding:10px 20px;transition:background-color .2s ease}.call-controls button:hover{background-color:#5a6268}.chat-window{background-color:#1a1a1a;border-top:1px solid #46464680;display:flex;flex:3 1;flex-direction:column;overflow-y:auto;padding:15px}.chat-window div{word-wrap:break-word;margin-bottom:8px}.chat-window strong{color:#007bff}.chat-input{background-color:#242424;border-top:1px solid #46464680;display:flex;padding:10px 15px}.chat-input input{background-color:#383838;border:1px solid #555;border-radius:8px;box-sizing:border-box;color:#fff;flex-grow:1;font-size:1rem;margin-right:10px;padding:10px;transition:border-color .2s,box-shadow .2s}.chat-input input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.chat-input button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.chat-input button:hover{background-color:#0056b3;transform:translateY(-2px)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#242424;border-radius:12px;box-shadow:0 15px 40px #000000b3;color:#fff;font-family:Poppins,sans-serif;max-height:80vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:80%}.close-button{background:none;border:none;color:#a0a0a0;cursor:pointer;font-size:28px;position:absolute;right:15px;top:15px;transition:color .2s ease}.close-button:hover{color:#fff}.item-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.item-card{background-color:#2a2a2e;border:1px solid #444;border-radius:8px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;justify-content:space-between;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.item-card:hover{box-shadow:0 8px 20px #0006;transform:translateY(-3px)}.item-footer{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.price{color:#f0c419;font-size:1.1rem;font-weight:600}.purchase-button{background-color:#28a745;border:none;border-radius:8px;box-shadow:0 4px 10px #28a7454d;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background-color .3s ease,transform .2s ease}.purchase-button:hover{background-color:#218838;box-shadow:0 6px 15px #28a74566;transform:translateY(-2px)}.error-message{color:#ff4d4d}.room-settings{background-color:#242424;border:none;border-radius:12px;box-shadow:0 15px 40px #000000b3;color:#fff;font-family:Poppins,sans-serif;margin:20px auto;max-width:800px;padding:20px}.room-settings h4{color:#e6e6e6;font-size:2.2rem;font-weight:700;margin-bottom:25px;text-align:center}.setting-group h5{color:#007bff;font-size:1.3rem;font-weight:600}.setting-item input[type=number]{background-color:#383838;border-radius:8px;font-size:1rem;padding:8px;transition:border-color .2s,box-shadow .2s}.setting-item input[type=number]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.cancel-settings-button,.edit-settings-button,.save-settings-button{border:none;border-radius:8px;box-shadow:0 4px 10px #0003;cursor:pointer;font-size:1rem;font-weight:600;margin-left:10px;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}.edit-settings-button{background-color:#007bff;color:#fff}.edit-settings-button:hover{background-color:#0056b3;transform:translateY(-2px)}.save-settings-button{background-color:#28a745;color:#fff}.save-settings-button:hover{background-color:#218838;transform:translateY(-2px)}.cancel-settings-button{background-color:#6c757d;color:#fff}.cancel-settings-button:hover{background-color:#5a6268;transform:translateY(-2px)}.edit-controls{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:20px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-group{background-color:#33373e;border:1px solid #444;border-radius:8px;padding:15px}.setting-group h5{color:#98c379;margin-bottom:15px;margin-top:0;text-align:center}.setting-item{border-bottom:1px dashed #444;margin-bottom:10px;padding:5px 0}.setting-item:last-child{border-bottom:none}.setting-item label{flex-grow:1;margin-right:10px}.setting-item input[type=number]{background-color:#1c1f24;border:1px solid #555;border-radius:4px;color:#fff;padding:5px;text-align:center;width:60px}.team-roles-display{border-top:1px solid #555;margin-top:15px;padding-top:10px}.team-roles-display h6{font-size:1.1em;margin-bottom:10px;text-align:center}.town-role-group{border-left:5px solid #61dafb}.town-role-group h6{color:#61dafb}.mafia-role-group{border-left:5px solid #e06c75}.mafia-role-group h6{color:#e06c75}.neutral-role-group{border-left:5px solid #e5c07b}.neutral-role-group h6{color:#e5c07b}.role-config-group legend{text-align:center}.about-container{align-items:center;background-color:#1a1a1a;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.about-box{background-color:#242424;border-radius:12px;box-shadow:0 10px 30px #00000080;max-width:700px;padding:40px 50px;width:100%}.about-title{color:#e6e6e6;font-size:2.2rem;font-weight:700;margin-bottom:20px;text-align:center}.about-subtitle{border-bottom:1px solid #444;color:#09f;font-size:1.5rem;margin-bottom:15px;margin-top:30px;padding-bottom:5px}.about-text{color:silver;font-size:1rem;line-height:1.6}.features-list,.tech-list{color:silver;font-size:1rem;padding-left:20px}.features-list li,.tech-list li{margin-bottom:10px}.features-list strong,.tech-list strong{color:#e6e6e6}.back-link{color:#007bff;display:inline-block;font-weight:600;margin-top:30px;text-decoration:none}.back-link:hover{text-decoration:underline}#root,body,html{background:radial-gradient(circle at top left,#3a3a3a,#1a1a1a 75%);color:#fff;font-family:Poppins,sans-serif;height:100%;margin:0;overflow:auto;padding:0}.App{height:100vh}.App,.landing-container{display:flex;flex-direction:column}.landing-container{align-items:center;background:radial-gradient(circle at top left,#3a3a3a,#1a1a1a 75%);color:#fff;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.landing-box{background-color:#242424;border-radius:12px;box-shadow:0 15px 40px #000000b3;max-width:400px;padding:40px 50px;text-align:center;width:100%}.landing-title{color:#e6e6e6;font-size:2.5rem;font-weight:700;margin-bottom:10px}.landing-subtitle{color:#a0a0a0;font-size:1rem;margin-bottom:30px}.landing-buttons{display:flex;flex-direction:column;gap:20px}.landing-button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;padding:15px 25px;transition:background-color .3s ease,transform .2s ease}.landing-button.admin{background-color:#dc3545;box-shadow:0 4px 10px #dc35454d}.landing-button:hover{background-color:#0056b3;box-shadow:0 6px 15px #007bff66;transform:translateY(-2px)}.landing-button.admin:hover{background-color:#c82333;box-shadow:0 6px 15px #dc354566}.admin-settings-container{align-items:center;background-color:initial;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding:20px}.admin-settings-box{background-color:#242424;border-radius:12px;box-shadow:0 15px 40px #000000b3;box-sizing:border-box;max-width:600px;padding:20px;width:100%}.admin-settings-title{color:#e6e6e6;font-size:2.2rem;font-weight:700;margin-bottom:25px;text-align:center}.setting-section{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;margin-bottom:20px;padding:15px}.setting-section legend{color:#007bff;font-size:1.2rem;font-weight:600;padding:0 10px}.setting-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.setting-item:last-child{margin-bottom:0}.setting-item label{flex-basis:100%;font-weight:500;margin-bottom:8px}.setting-item input[type=number],.setting-item select{background-color:#383838;border:1px solid #555;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:10px;transition:border-color .2s,box-shadow .2s;width:100%}.setting-item input[type=number]:focus,.setting-item select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.role-setting{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.role-setting label{flex-basis:70%;margin-bottom:0}.role-setting input{flex-basis:25%;text-align:center}.role-description{align-items:center;background-color:#007bff33;border:1px solid #007bff80;border-radius:50%;color:#999;cursor:help;display:inline-flex;font-size:.9em;height:20px;justify-content:center;margin-left:5px;vertical-align:middle;width:20px}.role-description:hover{background-color:#007bff66;color:#fff}.role-balance-indicator{border-radius:6px;font-weight:600;margin-top:15px;padding:8px;text-align:center}.role-balance-indicator.balanced{background-color:#28a7451a;color:#28a745}.role-balance-indicator.unbalanced{background-color:#dc35451a;color:#dc3545}.placeholder{background-color:#ffffff0d;color:#aaa;text-align:center}.placeholder p{font-style:italic;margin:5px 0}.create-room-button{background-color:#007bff;border:none;border-radius:8px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:600;margin-top:20px;padding:15px 25px;transition:background-color .3s ease,transform .2s ease;width:100%}.create-room-button:disabled{background-color:#555;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.create-room-button:hover:not(:disabled){background-color:#0056b3;box-shadow:0 6px 15px #007bff66;transform:translateY(-2px)}.role-config-group{border-left:5px solid;border-radius:8px;margin-bottom:20px;padding:15px}.role-config-group legend{font-weight:700;padding:0 10px}.town-role-group{border-color:#61dafb}.town-role-group legend{color:#61dafb}.mafia-role-group{border-color:#e06c75}.mafia-role-group legend{color:#e06c75}.neutral-role-group{border-color:#e5c07b}.neutral-role-group legend{color:#e5c07b}.team-balance-display{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin-top:20px;padding:15px}.team-balance-display legend{color:#007bff;font-size:1.2rem;font-weight:600}.power-summary{display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.town-power-text{color:#61dafb}.mafia-power-text{color:#e06c75}.assessment-item{font-weight:500;margin-top:15px}.assessment-text{font-style:italic}.assessment-text.warning{color:#ffc107;font-weight:700}.team-power-bar-container{background-color:#333;border-radius:5px;display:flex;height:20px;margin-bottom:15px;margin-top:10px;overflow:hidden;width:100%}.town-power-bar{background-color:#61dafb}.mafia-power-bar,.town-power-bar{height:100%;transition:width .5s ease-in-out}.mafia-power-bar{background-color:#e06c75}@media (max-width:480px){.admin-settings-box{padding:15px}.admin-settings-title{font-size:1.8rem}.setting-section legend{font-size:1.1rem}}
/*# sourceMappingURL=main.bdb93c31.css.map*/