*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#fdf6e3;background-image:radial-gradient(#000 1px,#0000 0);background-size:20px 20px;display:flex;font-family:Space Grotesk,Segoe UI,Roboto,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh}#root{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.error-banner{animation:slideDown .3s ease-in-out;background:#f44;border-radius:8px;color:#fff;left:50%;padding:15px 30px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.button{border:3px solid #000;border-radius:4px;box-shadow:4px 4px 0 #000;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .15s ease}.button:active{box-shadow:2px 2px 0 #000;transform:translate(2px,2px)}.button-primary{background:#ff5277;color:#000}.button-primary:hover{background:#ff2b5b;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.button-secondary{background:#fff;color:#000}.button-secondary:hover{background:#e0e0e0;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.button-danger{background:#f44;color:#000}.button-danger:hover{background:#c00;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.button-success{background:#4deeea;color:#000}.button-success:hover{background:#0bcecb;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.button:disabled{background:#ccc;box-shadow:4px 4px 0 #000;cursor:not-allowed;opacity:.7;transform:none}input[type=number],input[type=text]{border:3px solid #000;border-radius:4px;box-shadow:4px 4px 0 #000;font-size:16px;font-weight:600;padding:12px;transition:transform .15s ease,box-shadow .15s ease}input[type=number]:focus,input[type=text]:focus{background-color:#fff9c4;box-shadow:6px 6px 0 #000;outline:none;transform:translate(-2px,-2px)}.card{background:#fff;border:4px solid #000;border-radius:4px;box-shadow:8px 8px 0 #000;max-width:500px;padding:30px;width:90%}@media (max-width:600px){.button{font-size:14px;padding:10px 20px}input[type=number],input[type=text]{font-size:16px;padding:10px}}.username-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.username-card{animation:fadeIn .3s ease-out;background:#fff;border:4px solid #000;border-radius:4px;box-shadow:12px 12px 0 #000;max-width:450px;padding:50px;text-align:center;transform:translate(-4px,-4px);width:90%}@media (max-width:600px){.username-card{padding:30px 20px;width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.username-header{margin-bottom:40px}.username-header h1{color:#000;font-size:48px;font-weight:900;letter-spacing:-1px;margin-bottom:10px;text-transform:uppercase}@media (max-width:600px){.username-header h1{font-size:36px}}.username-header p{color:#000;font-size:18px;font-weight:600}.username-card form{display:flex;flex-direction:column;gap:20px}.username-card input{border:3px solid #000;border-radius:4px;box-shadow:4px 4px 0 #000;font-size:18px;font-weight:700;padding:15px;transition:all .15s;width:100%}.username-card input:focus{background-color:#fff9c4;box-shadow:6px 6px 0 #000;outline:none;transform:translate(-2px,-2px)}.username-card .button{font-size:18px;padding:15px}.username-tips{border-top:3px solid #000;margin-top:30px;padding-top:20px}.username-tips p{color:#000;font-size:14px;font-weight:600}.main-menu{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.menu-card{animation:slideUp .3s ease-out;background:#fff;border:4px solid #000;border-radius:4px;box-shadow:12px 12px 0 #000;max-width:500px;padding:40px;transform:translate(-4px,-4px);width:100%}@media (max-width:600px){.menu-card{border-radius:4px;padding:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-header{margin-bottom:40px;text-align:center}.menu-header h1{color:#000;font-size:48px;font-weight:900;letter-spacing:-1px;margin-bottom:10px;text-transform:uppercase}@media (max-width:600px){.menu-header h1{font-size:36px}}.menu-header p{color:#000;font-size:18px;font-weight:600}.username-display{border-bottom:3px solid #000;color:#ff5277;font-weight:900;text-transform:uppercase}.menu-card h2{border-bottom:4px solid #000;color:#000;font-size:28px;font-weight:800;margin-bottom:30px;padding-bottom:10px;text-align:center;text-transform:uppercase}.menu-buttons{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.menu-button{font-size:20px;padding:20px;width:100%}.menu-info{border-top:4px solid #000;color:#000;font-size:16px;font-weight:600;padding-top:20px;text-align:center}.menu-info p{margin:8px 0}.form-group{margin-bottom:20px}.form-group label{color:#000;display:block;font-weight:800;margin-bottom:8px;text-transform:uppercase}.form-group input{font-size:16px;padding:12px;width:100%}.form-group small{color:#999;display:block;font-size:12px;margin-top:5px}.button-group .button{padding:12px}.room-lobby{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.lobby-container{background:#fff;border:4px solid #000;border-radius:4px;box-shadow:12px 12px 0 #000;max-width:800px;padding:30px;transform:translate(-4px,-4px);width:100%}@media (max-width:600px){.lobby-container{border-radius:4px;padding:15px}}.lobby-header{align-items:center;border-bottom:4px solid #000;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}@media (max-width:600px){.lobby-header{align-items:flex-start;flex-direction:column}}.code-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.button-small{border-radius:0!important;font-size:14px!important;padding:8px 12px!important}.copy-feedback{animation:fadeInOut 2s ease-in-out;background:#000;border:2px solid #000;color:#0bcecb;font-size:13px;font-weight:800;padding:4px 8px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.lobby-header h2{color:#000;font-size:24px;font-weight:900;margin-bottom:10px;text-transform:uppercase}.room-code{color:#ff5277;font-size:32px;font-weight:900;text-shadow:2px 2px 0 #000}.lobby-header p{color:#000;font-weight:600;margin:0}.lobby-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:768px){.lobby-content{grid-template-columns:1fr}}.gm-controls h3,.players-section h3{border-left:6px solid #4deeea;color:#000;font-size:20px;font-weight:800;margin-bottom:20px;padding-left:10px;text-transform:uppercase}.players-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:600px){.players-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.player-card{background:#fff;border:3px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;padding:15px;text-align:center;transition:all .15s}.player-card.game-master{background:#fff9c4;border-color:#000}.player-card:hover{box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.player-info{align-items:center;display:flex;flex-direction:column;gap:8px}.badge{background:#000;border:2px solid #000;border-radius:4px;color:#4deeea;display:inline-block;font-size:12px;font-weight:800;font-weight:700;padding:4px 8px}.player-name{font-weight:600;margin:0}.gm-controls{background:#f9f9f9;border:2px solid #eee;border-radius:12px;padding:20px}.gm-controls .button{margin-bottom:20px;width:100%}.word-form{gap:15px;margin-bottom:20px}.form-group,.word-form{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:10px}.button-group{display:flex;gap:10px}.button-group .button{flex:1 1;font-size:14px;padding:10px}.transfer-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.transfer-section h4{color:#333;font-size:14px;margin-bottom:10px}.select-input{border:2px solid #ddd;border-radius:8px;margin-bottom:10px}.select-input,.transfer-section .button{font-size:14px;padding:10px;width:100%}.waiting-message{background:#e3f2fd;border-radius:10px;color:#1976d2;font-size:16px;grid-column:1/-1;padding:20px;text-align:center}.game-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.game-container{background:#fff;border:4px solid #000;border-radius:4px;box-shadow:12px 12px 0 #000;max-width:1000px;padding:30px;transform:translate(-4px,-4px);width:100%}@media (max-width:600px){.game-container{border-radius:4px;padding:15px}}.game-header{align-items:center;border-bottom:4px solid #000;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.game-header h2{color:#000;font-size:32px;font-weight:900;margin-bottom:5px;text-transform:uppercase}@media (max-width:600px){.game-header h2{font-size:24px}}.game-header p{color:#000;font-size:16px;font-weight:600;margin:0}.status-badge{background:#ff5277;border:3px solid #000;border-radius:4px;box-shadow:4px 4px 0 #000;color:#000;font-size:14px;font-weight:900;padding:10px 20px;text-transform:uppercase}.game-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 300px}@media (max-width:768px){.game-content{grid-template-columns:1fr}}.main-area{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.word-display{text-align:center;width:100%}.word-display h3{font-size:24px;font-weight:800}.word-box,.word-display h3{color:#000;margin-bottom:20px;text-transform:uppercase}.word-box{background:#fff9c4;border:5px solid #000;border-radius:4px;box-shadow:12px 12px 0 #000;font-size:72px;font-weight:900;letter-spacing:2px;padding:60px;transform:skew(-2deg,-2deg)}@media (max-width:600px){.word-box{font-size:42px;padding:40px 20px}}.word-box p{margin:0}.imposter-label{color:#ff5277;font-size:32px;font-weight:900;margin-bottom:15px;text-shadow:2px 2px 0 #000;text-transform:uppercase}.word-display .hint{background:#4deeea;border:2px solid #000;box-shadow:3px 3px 0 #000;color:#000;display:inline-block;font-size:16px;font-weight:700;padding:8px 16px}.voting-area{border-top:4px solid #000;margin-top:40px;padding-top:30px;text-align:center;width:100%}.voting-area h3{color:#000;font-size:28px;font-weight:900;margin-bottom:10px;text-transform:uppercase}.voting-subtitle{color:#000;font-size:18px;font-weight:600;margin-bottom:30px}.voting-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:600px){.voting-buttons{grid-template-columns:1fr}}.gm-voting-control{background:#fff;border:4px solid #000;border-radius:4px;box-shadow:8px 8px 0 #000;padding:40px 20px;text-align:center}.gm-voting-control h3{color:#000;font-size:28px;font-weight:900;margin-bottom:10px;text-transform:uppercase}.voting-status{background:#fdf6e3;border:3px solid #000;border-radius:4px;margin-top:20px;padding:20px}.voting-status p{color:#000;font-size:16px;font-weight:700;margin:0}.vote-button{background:#fff;border:3px solid #000;border-radius:4px;box-shadow:4px 4px 0 #000;color:#000;cursor:pointer;font-weight:800;padding:15px;text-transform:uppercase;transition:all .15s}.vote-button:hover:not(.disabled){background:#ff5277;box-shadow:6px 6px 0 #000;color:#000;transform:translate(-2px,-2px)}.vote-button.disabled{background:#ccc;box-shadow:4px 4px 0 #000;cursor:not-allowed;opacity:.7;transform:none}.voted-message{background:#4deeea;border:2px solid #000;box-shadow:4px 4px 0 #000;color:#000;display:inline-block;font-size:16px;font-weight:900;margin-top:20px;padding:10px;text-transform:uppercase}.results-area{text-align:center;width:100%}.results-area h3{color:#000;font-size:32px;font-weight:900;margin-bottom:20px;text-transform:uppercase}.result-box{background:#fff;border:4px solid #000;border-radius:4px;box-shadow:8px 8px 0 #000;padding:30px}.result-box p{color:#000;font-size:20px;font-weight:700;margin:15px 0}.eliminated{background:#ff90e8;border:2px solid #000;display:inline-block;font-size:24px;font-weight:900;margin-bottom:20px;padding:5px 10px;text-transform:uppercase}.correct{background:#4deeea}.correct,.incorrect{border:2px solid #000;color:#000;display:inline-block;font-size:24px;font-weight:900;padding:5px 10px;text-transform:uppercase}.incorrect{background:#f44}.word-reveal{background:#fff9c4;border:3px solid #000;border-radius:4px;font-weight:800;margin:10px 0;padding:12px}.end-screen{padding:40px;text-align:center}.end-screen h2{color:#000;font-size:48px;font-weight:900;margin-bottom:10px;text-transform:uppercase}.end-screen p{color:#000;font-size:24px;font-weight:700;margin-bottom:30px}.game-stats{background:#fff;border:4px solid #000;box-shadow:8px 8px 0 #000;margin-top:30px;padding:20px;text-align:left}.game-stats h3{color:#000;font-weight:900;margin-bottom:15px;text-transform:uppercase}.stats-list{display:flex;flex-direction:column;gap:10px}.stat-item{background:#f5f5f5;border-radius:8px;color:#333;padding:12px}.sidebar{background:#f9f9f9;border:1px solid #eee;border-radius:15px;height:fit-content;padding:20px}.sidebar h4{color:#333;font-size:14px;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.players-sidebar{border-bottom:1px solid #ddd;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px}.player-item{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:14px;gap:10px;padding:8px}.player-status{font-size:18px}.player-name{color:#333;font-weight:500;word-break:break-word}.gm-actions{display:flex;flex-direction:column;gap:10px}.gm-actions h4{font-size:12px;margin-bottom:0}.gm-actions .button{font-size:12px;padding:10px}.result-actions{display:flex;flex-direction:column;gap:10px}.result-actions .button{font-size:12px;padding:10px}
/*# sourceMappingURL=main.8d2d3f61.css.map*/