:root{--color-bg-start:#1a1a2e;--color-bg-middle:#16213e;--color-bg-end:#0f3460;--color-primary-start:#7f00ff;--color-primary-middle:#e100ff;--color-primary-end:#ff0080;--color-button-start:#ff416c;--color-button-end:#ff4b2b;--color-text-light:#eee;--color-text-muted:#bbb}*{box-sizing:border-box}#root,body,html{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);background:linear-gradient(135deg,var(--color-bg-start),var(--color-bg-middle),var(--color-bg-end));color:#eee;color:var(--color-text-light);height:100%;margin:0;padding:0}#root,.home-container,body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.home-container{align-items:center;background-color:#121417;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.home-card{background-color:#1a1e25;border-radius:16px;box-shadow:0 0 20px #4a90e24d;box-sizing:border-box;max-width:420px;padding:32px;text-align:center;width:100%}.home-title{color:#4a90e2;font-size:2rem;font-weight:700;margin-bottom:24px;text-shadow:0 0 10px #4a90e24d}.home-form{display:flex;flex-direction:column;gap:16px}.home-input{background-color:#22272e;border:2px solid #333;border-radius:12px;box-sizing:border-box;color:#eee;font-size:16px;outline:none;padding:16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.home-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.room-id-input{font-weight:600;letter-spacing:2px;text-align:center;text-transform:uppercase}.generated-room-section{margin:8px 0}.generated-room-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.generated-room-id{background-color:#22272e;border:2px solid #333;border-radius:8px;color:#ddd;font-size:16px;font-weight:700;letter-spacing:2px;min-width:120px;padding:12px 16px;text-align:center;-webkit-user-select:all;user-select:all}.copy-button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:background-color .3s ease,transform .2s ease}.copy-button:hover:not(.disabled){background-color:#357abd;transform:translateY(-1px)}.copy-button.disabled{background-color:#666;cursor:not-allowed;opacity:.5}.button-group{display:flex;gap:12px;margin-top:8px}.home-button{border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;overflow:hidden;padding:16px 0;position:relative;transition:all .3s ease}.join-button{background:linear-gradient(135deg,#e52d27,#b31217);background-size:200% auto}.join-button:hover{background-position:100%;box-shadow:0 8px 15px #e52d274d;transform:translateY(-2px)}.create-button{background:linear-gradient(135deg,#4a90e2,#357abd)}.create-button:hover{background:linear-gradient(135deg,#357abd,#2868a3);box-shadow:0 8px 15px #4a90e24d;transform:translateY(-2px)}.home-info{color:#aaa;font-size:14px;line-height:1.5;margin-top:24px}@media (max-width:480px){.home-container{padding:16px}.home-card{max-width:100%;padding:24px}.home-title{font-size:1.75rem}.home-input{font-size:15px;padding:14px}.button-group{flex-direction:column}.home-button{font-size:15px;padding:14px 0}.generated-room-display{flex-direction:column;gap:8px}.generated-room-id{padding:10px 12px;width:100%}.copy-button{width:100%}}@media (max-width:320px){.home-card{padding:20px}.home-title{font-size:1.5rem}}.chat-container{background-color:#1e1e1e;border-radius:1rem;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;max-height:520px;padding:10px}.chat-header{color:#ccc;font-size:1.2rem;margin-bottom:10px;text-align:center}.blue-strip{background-color:#007bff;border-radius:2px;height:4px;margin-top:8px}.chat-messages{flex:1 1;gap:8px;overflow-y:auto;padding:10px}.chat-message,.chat-messages{display:flex;flex-direction:column}.chat-message{word-wrap:break-word;border-radius:16px;font-size:14px;max-width:60%;padding:8px 12px}.chat-message.own{align-self:flex-end;background-color:#007bff;border-bottom-right-radius:0;color:#fff}.chat-message.other{align-self:flex-start;background-color:#333;border-bottom-left-radius:0;color:#fff}.chat-username{color:#aaa;font-size:12px;font-weight:700;margin-bottom:3px}.chat-bubble{white-space:pre-wrap}.chat-input-container{display:flex;gap:8px;margin-top:10px}.chat-input{background-color:#2c2c2c;border:none;border-radius:8px;color:#fff;flex:1 1;outline:none;padding:8px;resize:none}.chat-send-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 16px;transition:background-color .2s ease}.chat-send-button:hover{background-color:#0056b3}:root{--bg-color:#121212;--text-color:#e0e0e0;--card-bg:#1f1f1f;--card-border:#333;--accent-color:#4a90e2;--highlight-blue:#0000ff4d;--highlight-green:#00ff004d;--highlight-red:#f006}.room-container{align-items:center;background-color:#121212;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);display:flex;flex-direction:column;min-height:100vh;padding:1rem}.room-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.room-content{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:960px;width:100%}.chessboard-wrapper{background:#1f1f1f;background:var(--card-bg);border:1px solid #333;border:1px solid var(--card-border);border-radius:1rem;box-shadow:0 0 12px #ffffff1a;flex-direction:column;flex-shrink:0;max-width:420px;padding:1rem}.chessboard-wrapper,.info-panel{align-items:center;display:flex;width:100%}.info-panel{font-size:.9rem;gap:.5rem;height:50px;justify-content:space-evenly;margin-bottom:1rem;text-align:center}.bold-text{color:#4a90e2;color:var(--accent-color);font-weight:700}.chessboard-container{align-items:center;border-radius:8px;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;overflow:hidden;width:100%}.room-content>div:last-child{flex-grow:1;max-width:400px;min-width:280px}@media (max-width:768px){.room-content{align-items:center;flex-direction:column;gap:1rem}.chessboard-wrapper{padding:.75rem}.chessboard-container,.chessboard-wrapper{max-width:100%;width:100%}.room-content>div:last-child{margin-top:0;max-width:100%;width:100%}}@media (max-width:480px){.room-container{padding:.5rem}.room-title{font-size:1.5rem}.chessboard-wrapper{border-radius:.5rem;padding:.5rem}.info-panel{font-size:.7rem;gap:.35rem;margin-bottom:.75rem}}
/*# sourceMappingURL=main.877350bf.css.map*/