*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#252538,#363654 50%,#253535);background-attachment:fixed;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:1200px;padding:20px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28283ce6;border:1px solid #4ade8033;border-radius:20px;box-shadow:0 8px 32px #00000059;margin:100px auto;max-width:400px;padding:40px}.auth-container h1{font-size:32px;margin-bottom:30px;text-align:center}.form{display:flex;flex-direction:column;gap:15px}.input{background:#232337cc;border:2px solid #4ade8040;border-radius:10px;color:#e2e8f0;font-size:16px;padding:12px 16px;transition:all .3s}.input:focus{background:#28283cf2;border-color:#4ade8080;box-shadow:0 0 15px #4ade8026;outline:none}.input::placeholder{color:#ffffff80}select.input option{padding:10px}select.input optgroup,select.input option{background:#1a1a2e;color:#fff}.btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#4ade80,#22d3ee);color:#0a0a0f;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 4px 20px #4ade8066,0 0 30px #22d3ee33;transform:translateY(-2px)}.btn-secondary{background:#4ade801a;border:1px solid #4ade804d;color:#4ade80}.btn-secondary:hover{background:#4ade8033;border-color:#4ade8080;box-shadow:0 0 15px #4ade8026}.link{color:#fffc;margin-top:20px;text-align:center}.link button{background:none;border:none;color:#4ade80;cursor:pointer;font-size:16px;text-decoration:underline}.game-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr 350px;margin-top:20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282841cc;border:1px solid #4ade8026;border-radius:15px;box-shadow:0 8px 32px #00000040;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header h1{font-size:28px}.players-list{display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-y:auto}.player{align-items:center;background:#4ade800d;border:1px solid #4ade801a;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.game-area{text-align:center}.game-area h2{font-size:24px;margin-bottom:30px}.waiting{opacity:.7;padding:60px 20px}.answer-form{display:flex;gap:10px;margin-top:30px}.answer-form input{flex:1 1}.progress-bar{background:#232337cc;border:1px solid #4ade8033;border-radius:4px;height:8px;margin:20px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4ade80,#22d3ee);box-shadow:0 0 10px #4ade8080;height:100%;transition:width .1s linear}.chat{display:flex;flex-direction:column;height:650px;padding:20px}.messages{flex:1 1;margin-bottom:15px;overflow-y:auto}.message{background:#232337b3;border:1px solid #4ade801a;border-radius:8px;margin-bottom:10px;padding:8px 12px}.message-author{color:#22d3ee;font-weight:600;margin-bottom:4px}.chat-input{align-items:stretch;display:flex;gap:10px}.chat-input input{flex:1 1}.chat-input button{min-width:50px;padding:12px 16px}.scoreboard{margin-top:30px}.scoreboard h2{margin-bottom:20px}.score-item{background:#4ade800d;border:1px solid #4ade801a;border-radius:10px;display:flex;font-size:18px;justify-content:space-between;margin-bottom:10px;padding:15px}.score-item:first-child{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border:1px solid #ffd70066;color:gold;font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4ade80;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}input[type=range]::-webkit-slider-thumb:hover{background:#22c55e;transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:#4ade80;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}input[type=range]::-moz-range-thumb:hover{background:#22c55e;transform:scale(1.2)}.notification{animation:slideInRight .3s ease-out;background:#28283cf2;border:1px solid #4ade8033;border-radius:10px;box-shadow:0 4px 20px #00000059;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.notification.success{border-left:4px solid #4ade80;box-shadow:0 4px 20px #00000080,0 0 15px #4ade8033}.notification.error{border-left:4px solid #ef4444;box-shadow:0 4px 20px #00000080,0 0 15px #ef444433}.notification.info{border-left:4px solid #22d3ee;box-shadow:0 4px 20px #00000080,0 0 15px #22d3ee33}@media (max-width:1024px){.game-container{grid-template-columns:1fr 1fr}.game-container>.card:first-child{grid-column:1/-1}}@media (max-width:768px){.app{padding:10px}.header{flex-wrap:wrap;gap:10px}.header h1{font-size:22px;width:100%}.game-container{gap:15px;grid-template-columns:1fr}.card{border-radius:12px;padding:15px}.auth-container{margin:50px 15px;padding:25px}.auth-container h1{font-size:26px}.players-list{flex-direction:row;flex-wrap:wrap;gap:8px;max-height:none}.player{flex:0 0 auto;font-size:14px;padding:8px 12px}.game-area h2{font-size:20px;margin-bottom:20px}.waiting{padding:40px 15px}.answer-form{flex-direction:column;gap:10px}.answer-form button,.answer-form input{width:100%}.chat{height:400px;padding:15px}.messages{font-size:14px}.message{padding:6px 10px}.chat-input{flex-direction:row}.chat-input button{min-width:60px}.score-item{font-size:16px;padding:12px}.btn{font-size:15px;padding:10px 18px}.input{font-size:16px;padding:10px 14px}.notification{left:10px;max-width:none;right:10px}}@media (max-width:400px){.app{padding:8px}.header h1{font-size:18px}.card{padding:12px}.player{font-size:13px;padding:6px 10px}.chat{height:350px}}.lobby-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px;margin-bottom:40px}.lobby-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:48px;margin-bottom:15px;text-shadow:0 0 40px #4ade804d}@media (max-width:1024px){.lobby-grid{grid-template-columns:1fr}.lobby-sidebar{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.lobby-hero h1{font-size:36px}.lobby-hero p{font-size:16px}.lobby-sidebar{grid-template-columns:1fr}.lobby-footer{flex-direction:column;text-align:center}}@media (max-width:500px){.lobby-hero h1{font-size:28px}}
/*# sourceMappingURL=main.24333553.css.map*/