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}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px;text-align:center}.lobby{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:50px auto;max-width:500px;padding:40px}.lobby h1{color:#333;margin-bottom:20px}.connection-status{font-size:14px;font-weight:700;margin-bottom:20px}.lobby-form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.lobby-form input{border:2px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s}.lobby-form input:focus{border-color:#667eea;outline:none}.lobby-form button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s}.lobby-form button:hover:not(:disabled){background-color:#5568d3}.lobby-form button:disabled{background-color:#ccc;cursor:not-allowed}.instructions{background:#f8f9fa;border-radius:8px;padding:20px;text-align:left}.instructions h3{color:#333;margin-top:0}.instructions ul{margin:10px 0;padding-left:20px}.instructions li{color:#666;margin-bottom:8px}.game-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:1600px;padding:20px}.game-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.game-header h1{color:#333;font-size:28px;margin:0}.game-id{background:#f0f0f0;color:#666;font-family:monospace;font-size:12px;max-width:100%;overflow-wrap:break-word;padding:8px 12px;word-break:break-all}.error,.game-id{border-radius:6px}.error{background:#ffebee;border-left:4px solid #c62828;color:#c62828;margin-bottom:15px;padding:12px}.game-over{background:linear-gradient(135deg,gold,#ffed4e);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.game-over h2{color:#333;margin:0 0 10px}.game-over p{color:#555;font-size:18px;font-weight:700;margin:0}.game-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:320px 1fr 320px}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}.center-panel{align-items:flex-start;display:flex;justify-content:center;padding-top:40px}.action-panel{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.action-panel h3{color:#333;font-size:18px;margin:0 0 15px}.action-panel p{color:#666;font-size:14px;margin:10px 0}.selected-piece-info{display:flex;flex-direction:column;gap:10px}.selected-piece-info p{background:#e3f2fd;border-radius:4px;color:#1976d2;font-weight:700;margin:0;padding:8px}.selected-piece-info button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:all .3s}.selected-piece-info button:first-of-type{background-color:#4caf50;color:#fff}.selected-piece-info button:first-of-type:hover{background-color:#45a049}.selected-piece-info button:last-child{background-color:#f44336;color:#fff}.selected-piece-info button:last-child:hover{background-color:#da190b}@media (max-width:1200px){.game-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.left-panel{order:1}.center-panel{order:2}.right-panel{order:3}}.turn-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:15px;text-align:center}.turn-info h3{color:#666;font-size:16px;margin:0 0 10px}.turn-info p{margin:5px 0}.waiting-room{padding:20px 0;text-align:center}.waiting-room h2{color:#333;margin-bottom:10px}.waiting-room p{color:#666;font-size:18px;margin:10px 0}.timer{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;color:#856404;font-size:16px;font-weight:700;margin:20px 0;padding:15px}.players-list{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.players-list h3{color:#333;margin-top:0}.players-list ul{list-style:none;margin:10px 0;padding:0}.players-list li{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;font-size:16px;font-weight:700;margin:5px 0;padding:10px}.waiting-instructions{background:#e3f2fd;border-radius:8px;margin-top:20px;padding:15px}.waiting-instructions p{color:#1976d2;font-size:14px;margin:5px 0}.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.modal h2{color:#333;font-size:24px;margin:0 0 15px}.modal p{color:#666;font-size:16px;line-height:1.5;margin:10px 0}.bot-buttons{display:flex;flex-direction:column;gap:10px;margin:25px 0}.bot-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px 25px;transition:all .3s}.bot-button:hover{box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.bot-button:active{transform:translateY(0)}.cancel-button{background:#f5f5f5;border:2px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:16px;margin-top:10px;padding:12px 24px;transition:all .3s}.cancel-button:hover{background:#e0e0e0;border-color:#bbb}.rules-modal{max-height:80vh;max-width:700px;overflow-y:auto}.modal-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{margin:0}.close-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .3s;width:32px}.close-button:hover{color:#333}.modal-content{text-align:left}.modal-content section{margin-bottom:25px}.modal-content h3{color:#667eea;font-size:18px;margin:0 0 10px}.modal-content p{line-height:1.6;margin:8px 0}.modal-content ul{margin:10px 0;padding-left:25px}.modal-content li{line-height:1.5;margin:8px 0}.modal-footer{border-top:2px solid #eee;margin-top:25px;padding-top:20px;text-align:center}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px;transition:all .3s}.primary-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:600px){.App,.game-container{padding:10px}.game-header{flex-direction:column;gap:10px}.lobby{margin:20px auto;padding:20px}.modal{padding:25px;width:95%}.rules-modal{max-height:90vh}.bot-button{font-size:16px;padding:12px 20px}}@keyframes tutorialPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.theme-switcher{align-items:center;display:flex;gap:10px}.theme-label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.theme-options{display:flex;gap:8px}.theme-button{align-items:center;border:3px solid #0000;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.theme-button:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.theme-button.active{border-color:#fff;box-shadow:0 0 0 2px #333,0 4px 12px #0000004d}@media (max-width:600px){.theme-switcher{align-items:flex-start;flex-direction:column;gap:8px}.theme-button{height:36px;width:36px}}
/*# sourceMappingURL=main.7369494f.css.map*/