*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{color:#00f0ff;background-color:#0a0e27;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:50px 50px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:100%;min-height:100vh;font-family:Courier New,Consolas,Monaco,monospace;line-height:1.6;animation:.5s ease-in fadeIn;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#00f0ff0d 0%,#0000 70%);position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00f0ff80,0 0 10px #00f0ff4d,0 0 15px #00f0ff33}50%{box-shadow:0 0 10px #00f0ffcc,0 0 20px #00f0ff80,0 0 30px #00f0ff4d}}@keyframes pulse{0%,to{box-shadow:0 0 10px #ffc80080,0 0 20px #ffc8004d}50%{box-shadow:0 0 20px #ffc800cc,0 0 40px #ffc80080}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){.container{padding:1rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0e27e6;border-bottom:2px solid #00f0ff;position:sticky;top:0;box-shadow:0 0 20px #00f0ff4d}.header-container{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.logo{text-transform:uppercase;letter-spacing:4px;color:#00f0ff;text-shadow:0 0 10px #00f0ffcc,0 0 20px #00f0ff80;margin:0;font-size:2rem;font-weight:700}.nav-desktop{align-items:center;gap:1.5rem;display:flex}.nav-desktop a{color:#00f0ff;text-transform:uppercase;letter-spacing:1px;border:1px solid #00f0ff;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;transition:all .3s}.nav-desktop a:hover{background:#00f0ff1a;transform:translateY(-2px);box-shadow:0 0 15px #00f0ff80}.nav-desktop .username{color:#00f0ff;border:1px solid #00f0ff4d;border-radius:4px;padding:.5rem 1rem;font-size:.9rem}.nav-desktop .btn-logout{color:#ff006e;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #ff006e;border-radius:4px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.nav-desktop .btn-logout:hover{background:#ff006e1a;transform:translateY(-2px);box-shadow:0 0 15px #ff006e80}.burger-btn{cursor:pointer;z-index:2000;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;padding:0;display:none;position:relative}.burger-btn span{transform-origin:50%;background:#00f0ff;border-radius:10px;width:2rem;height:2px;transition:all .3s;position:absolute;left:0;box-shadow:0 0 5px #00f0ff80}.burger-btn span:first-child{top:.25rem}.burger-btn span:nth-child(2){top:.875rem}.burger-btn span:nth-child(3){top:1.5rem}.burger-btn:hover span{box-shadow:0 0 10px #00f0ffcc}.burger-btn.open span:first-child{top:.875rem;transform:rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0;transform:translate(20px)}.burger-btn.open span:nth-child(3){top:.875rem;transform:rotate(-45deg)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1500;opacity:0;pointer-events:none;background:#0a0e27cc;transition:opacity .5s;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.nav-mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1800;visibility:hidden;box-sizing:border-box;background:#0a0e27fa;border-left:2px solid #00f0ff;flex-direction:column;gap:1.5rem;width:280px;max-width:80vw;height:100vh;padding:5rem 2rem 2rem;transition:right .6s cubic-bezier(.4,0,.2,1),visibility 0s .6s;display:none;position:fixed;top:0;right:-280px;overflow:hidden auto;box-shadow:-5px 0 30px #00f0ff4d}.nav-mobile.open{visibility:visible;transition:right .6s cubic-bezier(.4,0,.2,1),visibility;right:0}.nav-mobile a{color:#00f0ff;text-transform:uppercase;letter-spacing:1px;text-align:center;border:1px solid #00f0ff;border-radius:4px;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.nav-mobile a:before{content:"";z-index:-1;background:#00f0ff1a;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.nav-mobile a:hover:before,.nav-mobile a:active:before{left:0}.nav-mobile a:hover,.nav-mobile a:active{transform:translate(-5px);box-shadow:0 0 15px #00f0ff80}.mobile-user-info{text-align:center;background:#00f0ff0d;border:1px solid #00f0ff4d;border-radius:4px;margin-bottom:.5rem;padding:1rem 1.5rem}.mobile-username{color:#00f0ff;letter-spacing:1px;text-shadow:0 0 10px #00f0ff80;font-size:1rem}.btn-logout-mobile{color:#ff006e;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;background:0 0;border:1px solid #ff006e;border-radius:4px;justify-content:center;align-items:center;width:100%;margin-top:auto;padding:1rem 1.5rem;font-family:inherit;font-size:.9rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.btn-logout-mobile:before{content:"";z-index:-1;background:#ff006e1a;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.btn-logout-mobile:hover:before,.btn-logout-mobile:active:before{left:0}.btn-logout-mobile:hover,.btn-logout-mobile:active{transform:translate(-5px);box-shadow:0 0 15px #ff006e80}@media (max-width:768px){.nav-desktop{display:none}.burger-btn{display:flex}.mobile-menu-overlay{display:block}.nav-mobile{display:flex}.header-container{padding:1rem 1.5rem}.logo{font-size:1.5rem}}button,.btn{color:#00f0ff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:2px solid #00f0ff;border-radius:4px;padding:.75rem 2rem;font-family:Courier New,monospace;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden}button:before,.btn:before{content:"";z-index:-1;background:#00f0ff33;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}button:hover:before,.btn:hover:before{left:0}button:hover,.btn:hover{background:#00f0ff1a;transform:translateY(-3px);box-shadow:0 0 20px #00f0ff99,inset 0 0 20px #00f0ff33}button:active,.btn:active{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{box-shadow:none;background:0 0;transform:none}.btn-delete{color:#ff006e;border-color:#ff006e}.btn-delete:hover{background:#ff006e1a;box-shadow:0 0 20px #ff006e99}.form-group{margin-bottom:1.5rem}.form-group label{color:#00f0ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea{color:#00f0ff;box-sizing:border-box;background:#00000080;border:1px solid #00f0ff;border-radius:4px;width:100%;max-width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#00f0ff;outline:none;transform:translateY(-2px);box-shadow:0 0 15px #00f0ff80,inset 0 0 10px #00f0ff1a}input::placeholder,textarea::placeholder{color:#00f0ff66}.section,form{box-sizing:border-box;background:#0a0e27cc;border:1px solid #00f0ff;border-radius:8px;width:100%;margin-bottom:2rem;padding:2rem;box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff0d}@media (max-width:768px){.section,form{padding:1rem}}.loading{border:2px solid #00f0ff4d;border-top-color:#00f0ff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.message{border-left:4px solid;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500;animation:.3s ease-out slideUp;display:none}.message.error{color:#ff6b6b;background:linear-gradient(135deg,#ff6b6b1a 0%,#ff32321a 100%);border-left-color:#ff6b6b}.message.success{color:#0f8;background:#00ff881a;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.message.error{color:#ff006e;background:#ff006e1a;border-color:#ff006e;box-shadow:0 0 10px #ff006e4d}.header-row{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.glow-text{text-shadow:0 0 10px #00f0ffcc,0 0 20px #00f0ff99,0 0 30px #00f0ff66}.empty-state{text-align:center;color:#88d3e6;background:#0a0e2780;border:2px dashed #00f0ff4d;border-radius:8px;padding:3rem}.empty-state h3{color:#88d3e6;margin-bottom:.5rem;font-weight:500}@media (max-width:768px){header{flex-direction:column;gap:1rem}nav{flex-direction:column;width:100%}nav a{text-align:center}.container{padding:1rem}h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}h2{font-size:1.5rem}.header-row{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}button,.btn{text-align:center;box-sizing:border-box;width:100%}img{max-width:100%;height:auto}*{max-width:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.token-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.token-modal-overlay.show{display:flex}.token-display{background:linear-gradient(135deg,#00f0ff14 0%,#667eea14 100%);border:2px solid #00f0ff;border-radius:12px;width:90%;max-width:600px;padding:2rem;animation:.3s slideIn;position:relative;box-shadow:0 0 30px #00f0ff66,0 0 60px #667eea33}.token-close{color:#ff006e;cursor:pointer;z-index:10;background:#ff006e1a;border:2px solid #ff006e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.2rem;font-weight:400;line-height:0;transition:all .3s;display:flex;position:absolute;top:.5rem;right:.5rem}.token-close:hover{background:#ff006e4d;border-color:#ff3385}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.bots-list{box-sizing:border-box;width:100%;margin:0;padding:0;list-style:none}.bots-list li{box-sizing:border-box;background:linear-gradient(135deg,#00f0ff0d 0%,#667eea0d 100%);border:1px solid #00f0ff4d;border-radius:8px;width:100%;margin-bottom:1rem;padding:1.25rem;transition:all .3s;overflow:hidden}.bots-list li:hover{background:linear-gradient(135deg,#00f0ff1a 0%,#667eea1a 100%);border-color:#00f0ff;transform:translate(5px);box-shadow:0 0 20px #00f0ff4d}@media (max-width:768px){.bots-list li{padding:1rem}.bots-list li:hover{transform:translate(0)}.bot-card-content{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.bot-card-content>div:last-child{width:100%;justify-content:flex-start!important}}.btn-regenerate{color:#00f0ff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#00f0ff1a 0%,#667eea1a 100%);border:1px solid #00f0ff80;border-radius:6px;padding:.5rem 1rem;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;transition:all .3s}.btn-regenerate:hover{background:linear-gradient(135deg,#00f0ff33 0%,#667eea33 100%);border-color:#00f0ff;transform:translateY(-2px);box-shadow:0 0 15px #00f0ff66}.btn-delete{color:#ff006e;white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#ff006e1a 0%,#ff6b6b1a 100%);border:1px solid #ff006e80}.btn-delete:hover{background:linear-gradient(135deg,#ff006e33 0%,#ff6b6b33 100%);border-color:#ff006e;box-shadow:0 0 15px #ff006e66}@media (max-width:768px){.btn-regenerate,.btn-delete{letter-spacing:.3px;padding:.4rem .6rem;font-size:.7rem}.btn-regenerate:hover,.btn-delete:hover{transform:none}}.empty-state{text-align:center;background:linear-gradient(135deg,#00f0ff08 0%,#667eea08 100%);border:2px dashed #00f0ff4d;border-radius:12px;margin:2rem 0;padding:4rem 2rem}.matches-container{max-width:1200px;margin:0 auto;padding:2rem}.matches-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.matches-header h1{text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #00f0ffcc;font-size:2rem}.status-tabs{border:1px solid #00f0ff4d;border-radius:4px;gap:0;margin-bottom:2rem;display:flex;overflow:hidden}.status-tab{letter-spacing:1px;text-transform:uppercase;transition:all .3s;color:#00f0ff80!important;background:0 0!important;border:none!important;border-right:1px solid #00f0ff33!important;border-radius:0!important;padding:.75rem 1.5rem!important;font-size:.85rem!important}.status-tab:last-child{border-right:none!important}.status-tab:hover{color:#00f0ff!important;box-shadow:none!important;background:#00f0ff0d!important;transform:none!important}.status-tab.active{text-shadow:0 0 10px #00f0ffcc;color:#00f0ff!important;background:#00f0ff26!important;box-shadow:inset 0 0 15px #00f0ff1a!important}.match-card{background:linear-gradient(135deg,#00f0ff0d 0%,#667eea0d 100%);border:1px solid #00f0ff4d;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s;display:flex}.match-card:hover{background:linear-gradient(135deg,#00f0ff1a 0%,#667eea1a 100%);border-color:#00f0ff;transform:translate(5px);box-shadow:0 0 20px #00f0ff4d}.match-card-info{flex:1;align-items:center;gap:1.5rem;display:flex}.match-id{color:#00f0ff;white-space:nowrap;font-size:1.1rem;font-weight:700}.match-participants{color:#00f0ffcc;font-size:.95rem}.match-participants .vs{color:#ff006e;margin:0 .5rem;font-weight:700}.match-meta{color:#00f0ff66;gap:1rem;font-size:.8rem;display:flex}.match-card-actions{flex-shrink:0;gap:.5rem;display:flex}.match-card-actions button{padding:.5rem 1rem;font-size:.8rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 0;display:flex}.pagination-btn{color:#00f0ff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #00f0ff4d;border-radius:4px;padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#00f0ff1a;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff4d}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#00f0ff99;letter-spacing:1px;font-size:.85rem}.status-badge{text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.status-badge.pending,.status-badge.queued{color:#ffc800;background:#ffc8001a;border:1px solid #ffc80066}.status-badge.in_progress{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff66;animation:2s ease-in-out infinite pulse}.status-badge.finished{color:#0f8;background:#00ff881a;border:1px solid #0f86}.status-badge.cancelled{color:#ff006e;background:#ff006e1a;border:1px solid #ff006e66}.winner-name{color:#0f8;text-shadow:0 0 8px #00ff8880;font-weight:700}.wizard-steps{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.wizard-step{align-items:center;gap:.5rem;display:flex}.wizard-step-number{color:#00f0ff66;border:2px solid #00f0ff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.wizard-step-number.active{color:#00f0ff;text-shadow:0 0 10px #00f0ffcc;border-color:#00f0ff;box-shadow:0 0 15px #00f0ff80}.wizard-step-number.done{color:#0f8;background:#00ff881a;border-color:#0f8}.wizard-step-label{text-transform:uppercase;letter-spacing:1px;color:#00f0ff66;font-size:.8rem}.wizard-step-label.active{color:#00f0ff}.wizard-step-label.done{color:#0f8}.wizard-connector{background:#00f0ff33;width:60px;height:2px;margin:0 .5rem}.wizard-connector.done{background:#0f8;box-shadow:0 0 8px #0f86}.bot-selector{background:#0000004d;border:1px solid #00f0ff4d;border-radius:8px;padding:1rem}.bot-option{cursor:pointer;border:1px solid #00f0ff33;border-radius:6px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.bot-option:hover{background:#00f0ff0d;border-color:#00f0ff}.bot-option.selected{background:#00f0ff1a;border-color:#00f0ff;box-shadow:0 0 10px #00f0ff4d}.bot-option .bot-dot{background:#0f8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #0f89}.bot-option .bot-info{flex:1}.bot-option .bot-info .name{color:#00f0ff;font-weight:700}.bot-option .bot-info .owner{color:#00f0ff80;font-size:.8rem}.bot-option .check-mark{border:2px solid #00f0ff4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .3s;display:flex}.bot-option.selected .check-mark{color:#0f8;background:#0f83;border-color:#0f8}.arena-presets{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.arena-preset{cursor:pointer;text-align:center;background:#0000004d;border:2px solid #00f0ff33;border-radius:8px;padding:1.25rem;transition:all .3s}.arena-preset:hover{background:#00f0ff0d;border-color:#00f0ff80}.arena-preset.selected{background:#00f0ff1a;border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d}.arena-preset .preset-name{color:#00f0ff;margin-bottom:.25rem;font-weight:700}.arena-preset .preset-size{color:#00f0ffcc;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.arena-preset .preset-desc{color:#00f0ff66;font-size:.75rem}.match-viewer{grid-template-columns:1fr 280px;gap:1.5rem;min-height:600px;display:grid}.game-canvas-container{background:#0009;border:1px solid #00f0ff4d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:relative;overflow:hidden}.game-canvas-container canvas{border:1px solid #00f0ff33;border-radius:4px;max-width:100%;max-height:100%}.game-sidebar{flex-direction:column;gap:1rem;display:flex}.sidebar-panel{background:#0a0e27cc;border:1px solid #00f0ff4d;border-radius:8px;padding:1rem}.sidebar-panel h3{text-transform:uppercase;letter-spacing:2px;color:#00f0ff99;border-bottom:1px solid #00f0ff26;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.85rem}.connection-status{text-transform:uppercase;letter-spacing:1px;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700;display:flex}.connection-status .dot{border-radius:50%;width:8px;height:8px}.connection-status.live{color:#f44;background:#ff00001a;border:1px solid #ff00004d}.connection-status.live .dot{background:#f44;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #f009}.connection-status.waiting{color:#ffc800;background:#ffc8001a;border:1px solid #ffc8004d}.connection-status.waiting .dot{background:#ffc800;animation:1.5s ease-in-out infinite pulse-dot}.connection-status.queued{color:#ff8c00;background:#ff8c001a;border:1px solid #ff8c004d}.connection-status.queued .dot{background:#ff8c00;animation:1.5s ease-in-out infinite pulse-dot}.connection-status.offline{color:#888;background:#6464641a;border:1px solid #6464644d}.connection-status.offline .dot{background:#888}.connection-status.error{color:#ff006e;background:#ff006e1a;border:1px solid #ff006e4d}.connection-status.error .dot{background:#ff006e}.connection-status.finished{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.connection-status.finished .dot{background:#0f8;box-shadow:0 0 8px #0f89}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.bot-entry{border-radius:4px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.5rem;display:flex}.bot-entry .bot-color{border-radius:2px;width:12px;height:12px;box-shadow:0 0 6px}.bot-entry .bot-name{flex:1;font-size:.9rem;font-weight:600}.bot-entry .bot-score{font-size:.9rem;font-weight:700}.bot-entry.dead{opacity:.4}.bot-entry.winner{background:#00ff881a;border:1px solid #00ff884d}.replay-controls{background:#0a0e27e6;border:1px solid #00f0ff4d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem;display:flex}.replay-controls button{letter-spacing:1px;padding:.4rem .75rem;font-size:.8rem}.replay-controls .timeline{flex:1;min-width:200px}.replay-controls .timeline input[type=range]{appearance:none;background:#00f0ff33;border-radius:2px;outline:none;width:100%;height:4px}.replay-controls .timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#00f0ff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #00f0ff99}.replay-controls .timeline input[type=range]::-moz-range-thumb{cursor:pointer;background:#00f0ff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #00f0ff99}.replay-controls .speed-selector{color:#00f0ff;background:#00000080;border:1px solid #00f0ff4d;border-radius:4px;padding:.4rem .6rem;font-family:Courier New,monospace;font-size:.8rem}.replay-controls .event-counter{color:#00f0ff99;white-space:nowrap;font-size:.8rem}.turn-display{color:#00f0ff;text-shadow:0 0 10px #00f0ff80;text-align:center;font-size:1.5rem;font-weight:700}.turn-label{text-transform:uppercase;letter-spacing:2px;color:#00f0ff66;text-align:center;font-size:.7rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.summary-item{text-align:center;background:#0000004d;border:1px solid #00f0ff26;border-radius:6px;padding:1rem}.summary-item .value{color:#00f0ff;font-size:1.25rem;font-weight:700}.summary-item .label{text-transform:uppercase;letter-spacing:1px;color:#00f0ff66;margin-top:.25rem;font-size:.7rem}.waiting-overlay{z-index:10;background:#0a0e27e6;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.waiting-overlay .waiting-text{color:#ffc800;text-transform:uppercase;letter-spacing:2px;font-size:1.1rem;animation:2s ease-in-out infinite pulse-text}.waiting-overlay .waiting-hint{color:#00f0ff80;text-align:center;max-width:400px;font-size:.8rem;line-height:1.8}.waiting-overlay code{color:#00f0ff;background:#00000080;border:1px solid #00f0ff4d;border-radius:3px;padding:.25rem .5rem;font-size:.8rem;display:inline-block}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.match-finished-banner{text-align:center;background:linear-gradient(135deg,#00ff881a 0%,#00f0ff1a 100%);border:1px solid #0f86;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.match-finished-banner .winner-text{color:#0f8;text-shadow:0 0 15px #00ff8880;margin-bottom:.75rem;font-size:1.3rem;font-weight:700}@media (max-width:768px){.matches-container{padding:1rem}.matches-header{flex-direction:column;align-items:flex-start;gap:1rem}.match-viewer{grid-template-columns:1fr}.match-card{flex-direction:column;align-items:flex-start}.match-card-info{flex-direction:column;gap:.5rem}.match-card-actions{width:100%}.match-card-actions button{flex:1}.status-tabs{flex-wrap:wrap}.wizard-steps{flex-wrap:wrap;justify-content:center}.wizard-connector{width:30px}.arena-presets{grid-template-columns:1fr 1fr}.replay-controls{justify-content:center}}.intro-overlay{z-index:15;background:#0a0e27eb;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;animation:4s ease-out forwards introAppearDisappear;display:flex;position:absolute;inset:0}.intro-title{color:#00f0ff99;text-transform:uppercase;letter-spacing:4px;font-size:1.1rem;font-weight:700}.intro-fighters{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.intro-fighter{text-align:center;background:#0000004d;border:1px solid;border-radius:8px;min-width:160px;padding:1.5rem 2rem;animation:.6s ease-out both introSlideUp}.intro-fighter:first-child{animation-delay:.2s}.intro-fighter:nth-child(2){animation-delay:.4s}.intro-fighter:nth-child(3){animation-delay:.6s}.intro-fighter-name{text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.intro-fighter-tagline{color:#00f0ff80;max-width:200px;font-size:.85rem;font-style:italic}.intro-vs{color:#ff006e;text-shadow:0 0 20px #ff006ecc;letter-spacing:4px;font-size:1.8rem;font-weight:900;animation:1.5s ease-in-out infinite introPulse}@keyframes introAppearDisappear{0%{opacity:0}10%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes introSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes introPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.bot-card-summary{background:#0003;border:1px solid #00f0ff1a;border-radius:6px;margin-bottom:.5rem;padding:.75rem;transition:all .3s}.bot-card-summary.dead{opacity:.4}.bot-card-summary.winner{background:#00ff881a;border-color:#00ff884d}.bot-card-header{align-items:center;gap:.5rem;display:flex}.bot-card-header .bot-color{border-radius:2px;flex-shrink:0;width:12px;height:12px}.bot-name-link{flex:1;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s}.bot-name-link:hover{filter:brightness(1.3);text-decoration:underline}.bot-card-header .bot-score{color:#00f0ff;font-size:.9rem;font-weight:700}.bot-card-tagline{color:#00f0ff66;margin-top:.4rem;padding-left:1.25rem;font-size:.75rem;font-style:italic}.bot-card-stats{letter-spacing:.5px;gap:.5rem;margin-top:.4rem;padding-left:1.25rem;font-size:.7rem;font-weight:600;display:flex}.stat-win{color:#0f8}.stat-loss{color:#ff006e}.stat-draw{color:#ffc800}.chat-input-form{align-items:center;gap:.75rem;display:flex}.chat-input{color:#00f0ff;background:#0000004d;border:2px solid #00f0ff4d;border-radius:8px;flex:1;padding:.875rem 1rem;font-family:Courier New,monospace;font-size:.95rem;transition:all .3s}.chat-input:focus{background:#0006;border-color:#00f0ff;outline:none;box-shadow:0 0 15px #00f0ff66}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input::placeholder{color:#00f0ff80}.chat-send-btn{color:#00f0ff;cursor:pointer;background:linear-gradient(135deg,#00f0ff1a 0%,#667eea1a 100%);border:2px solid #00f0ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:.875rem 1.25rem;font-size:1.25rem;transition:all .3s;display:flex}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#00f0ff33 0%,#667eea33 100%);transform:scale(1.05);box-shadow:0 0 20px #00f0ff99}.chat-send-btn:active:not(:disabled){transform:scale(.98)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.chat-input-form{gap:.5rem}.chat-input{padding:.75rem;font-size:.9rem}.chat-send-btn{width:48px;height:48px;padding:.75rem;font-size:1.1rem}}.cinema-page{background:#060a1a;flex-direction:column;min-height:calc(100vh - 70px);padding:0;display:flex}.cinema-loading{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.cinema-loading-spinner{border:3px solid #00f0ff26;border-top-color:#00f0ff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.cinema-loading-text{color:#00f0ff80;text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.cinema-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0a0e27f2;border-bottom:1px solid #00f0ff26;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.cinema-back-btn{color:#00f0ffb3;letter-spacing:1px;cursor:pointer;align-items:center;gap:.5rem;transition:all .2s;display:flex;background:0 0!important;border:1px solid #00f0ff40!important;border-radius:4px!important;padding:.4rem .9rem!important;font-size:.8rem!important}.cinema-back-btn:hover{color:#00f0ff;box-shadow:none!important;background:#00f0ff0d!important;border-color:#00f0ff!important;transform:none!important}.cinema-back-arrow{font-size:1rem}.cinema-match-title{align-items:center;gap:.6rem;display:flex}.cinema-match-id{color:#00f0ff;text-shadow:0 0 10px #00f0ff66;font-size:1rem;font-weight:700}.cinema-separator{color:#00f0ff33;font-weight:300}.cinema-mode-label{text-transform:uppercase;letter-spacing:2px;color:#00f0ff80;font-size:.8rem}.cinema-topbar-right{align-items:center;gap:1rem;display:flex}.cinema-arena-size{color:#00f0ff66;border:1px solid #00f0ff26;border-radius:3px;padding:.25rem .6rem;font-size:.8rem}.cinema-game-mode{color:#00f0ff66;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.cinema-status-pill{text-transform:uppercase;letter-spacing:1.5px;border-radius:20px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.7rem;font-weight:700;display:flex}.cinema-status-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.cinema-status-pill.live{color:#f44;background:#ff00001f;border:1px solid #ff3c3c66}.cinema-status-pill.live .cinema-status-dot{background:#f44;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #f00c}.cinema-status-pill.waiting{color:#ffc800;background:#ffc8001a;border:1px solid #ffc8004d}.cinema-status-pill.waiting .cinema-status-dot{background:#ffc800;animation:1.5s ease-in-out infinite pulse-dot}.cinema-status-pill.queued{color:#ff8c00;background:#ff8c001a;border:1px solid #ff8c004d}.cinema-status-pill.queued .cinema-status-dot{background:#ff8c00;animation:1.5s ease-in-out infinite pulse-dot}.cinema-status-pill.finished{color:#0f8;background:#00ff881a;border:1px solid #00ff884d}.cinema-status-pill.finished .cinema-status-dot{background:#0f8;box-shadow:0 0 6px #0f89}.cinema-status-pill.offline{color:#888;background:#6464641a;border:1px solid #6464644d}.cinema-status-pill.offline .cinema-status-dot{background:#888}.cinema-status-pill.error{color:#ff006e;background:#ff006e1a;border:1px solid #ff006e4d}.cinema-status-pill.error .cinema-status-dot{background:#ff006e}.cinema-error{color:#ff006e;background:#ff006e14;border:1px solid #ff006e4d;border-radius:6px;align-items:center;gap:.75rem;margin:.75rem 1.5rem 0;padding:.75rem 1rem;font-size:.85rem;display:flex}.cinema-error-icon{background:#ff006e26;border:1px solid #ff006e66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.cinema-empty{color:#00f0ff66;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.cinema-empty-icon{opacity:.2;font-size:3rem}.cinema-empty h3{color:#00f0ff80;margin:0;font-weight:600}.cinema-empty p{color:#00f0ff4d;margin:0;font-size:.85rem}.cinema-arena{flex:1;align-items:stretch;gap:0;min-height:0;padding:1rem;display:flex}.cinema-hud{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:.75rem;width:220px;padding-top:.5rem;display:flex}.cinema-hud-left{padding-right:1rem}.cinema-hud-right{padding-left:1rem}.cinema-bot-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e27d9;border:1px solid #00f0ff1f;border-radius:8px;transition:all .3s;display:flex;overflow:hidden}.cinema-bot-card:hover{background:#0a0e27f2;border-color:#00f0ff40}.cinema-bot-card.dead{opacity:.45;animation:.5s ease-out cinema-death-shake;border-color:#ff006e66!important}.cinema-bot-card.winner{background:#00ff8814;animation:2s ease-in-out infinite cinema-winner-card-glow;box-shadow:0 0 20px #0f83;border-color:#0f89!important}@keyframes cinema-death-shake{0%{opacity:1;border-color:#ff006ecc;transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}to{opacity:.45;border-color:#ff006e66;transform:translate(0)}}@keyframes cinema-winner-card-glow{0%,to{border-color:#00ff8880;box-shadow:0 0 15px #00ff8826}50%{border-color:#0f8c;box-shadow:0 0 30px #00ff8859,0 0 60px #00ff881a}}.cinema-bot-color-bar{flex-shrink:0;width:4px}.cinema-bot-info{flex:1;min-width:0;padding:.7rem .75rem}.cinema-bot-name{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .2s;display:block;overflow:hidden}.cinema-bot-name:hover{filter:brightness(1.3);text-decoration:underline}.cinema-bot-tagline{color:#00f0ff59;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.7rem;font-style:italic;overflow:hidden}.cinema-bot-meta{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.cinema-bot-score{color:#00f0ff;font-size:.8rem;font-weight:700}.cinema-bot-status{text-transform:uppercase;letter-spacing:1px;border-radius:3px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.cinema-bot-status.alive{color:#0f8;background:#00ff881a;border:1px solid #0f83}.cinema-bot-status.eliminated{color:#ff006e;background:#ff006e1a;border:1px solid #ff006e33}.cinema-bot-record{gap:.4rem;margin-top:.35rem;font-size:.65rem;font-weight:600;display:flex}.cinema-bot-elo{color:orange;letter-spacing:.04em;margin-top:.3rem;font-size:.65rem;font-weight:700}.cinema-canvas-wrapper{background:#0006;border:1px solid #00f0ff1f;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.cinema-canvas-wrapper .game-canvas-container{background:0 0;border:none;border-radius:0;width:100%;height:100%;padding:0}.cinema-canvas-placeholder{justify-content:center;align-items:center;width:100%;height:100%;min-height:500px;display:flex}.cinema-turn-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0a0e27cc;border:1px solid #00f0ff33;border-radius:8px;flex-direction:column;align-items:center;padding:.4rem .7rem;display:flex;position:absolute;top:12px;right:12px}.cinema-turn-number{color:#00f0ff;text-shadow:0 0 10px #00f0ff66;font-size:1.4rem;font-weight:700;line-height:1}.cinema-turn-label{text-transform:uppercase;letter-spacing:2px;color:#00f0ff66;margin-top:.15rem;font-size:.55rem}.cinema-state-overlay{z-index:10;background:#060a1aeb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.cinema-state-title{color:#ffc800;text-transform:uppercase;letter-spacing:3px;font-size:1.1rem;font-weight:700;animation:2s ease-in-out infinite pulse-text}.cinema-state-hint{color:#00f0ff73;text-align:center;max-width:400px;font-size:.8rem;line-height:1.8}.cinema-state-hint code{color:#00f0ff;background:#00000080;border:1px solid #00f0ff4d;border-radius:3px;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.cinema-end-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#060a1ac7;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;animation:.5s fadeIn;display:flex;position:absolute;inset:0}.cinema-end-label{text-transform:uppercase;letter-spacing:5px;color:#00f0ff80;font-size:.85rem;font-weight:600}.cinema-end-winner{text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 30px;font-size:2rem;font-weight:800;animation:2s ease-in-out infinite cinema-winner-glow}.cinema-end-draw{color:#ffc800;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 30px #ffc80099;font-size:2rem;font-weight:800}.cinema-replay-btn{color:#00f0ff;letter-spacing:1.5px;cursor:pointer;margin-top:.5rem;transition:all .3s;background:#00f0ff1a!important;border:1px solid #00f0ff!important;border-radius:6px!important;padding:.6rem 1.5rem!important;font-size:.85rem!important}.cinema-replay-btn:hover{background:#00f0ff33!important;box-shadow:0 0 20px #00f0ff66!important}@keyframes cinema-winner-glow{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.cinema-winner-crown{filter:drop-shadow(0 0 10px);margin-right:.5rem;font-size:2.5rem;animation:1s ease-in-out infinite cinema-crown-bounce;display:inline-block}@keyframes cinema-crown-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.1)}}.cinema-end-overlay .cinema-end-label{animation:.8s ease-out cinema-end-label-reveal}@keyframes cinema-end-label-reveal{0%{opacity:0;letter-spacing:15px}to{opacity:1;letter-spacing:5px}}.cinema-end-overlay .cinema-end-winner{animation:.6s ease-out .3s both cinema-winner-appear,2s ease-in-out .9s infinite cinema-winner-glow}@keyframes cinema-winner-appear{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cinema-end-overlay .cinema-end-draw{animation:.6s ease-out .3s both cinema-winner-appear}.cinema-countdown-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#060a1ad9;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.cinema-countdown-number{color:#00f0ff;text-shadow:0 0 40px #00f0ff99,0 0 80px #00f0ff4d;font-size:6rem;font-weight:900;line-height:1;animation:1s ease-in-out infinite countdown-pulse}.cinema-countdown-label{text-transform:uppercase;letter-spacing:6px;color:#ffffff80;font-size:.9rem}@keyframes countdown-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.cinema-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27f2;border-top:1px solid #00f0ff26;padding:0}.cinema-progress-bar{cursor:pointer;background:#00f0ff14;height:5px;transition:height .15s;position:relative}.cinema-progress-bar:hover{height:8px}.cinema-progress-fill{background:linear-gradient(90deg,#00f0ff,#667eea);border-radius:0 2px 2px 0;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.cinema-progress-thumb{opacity:0;background:#00f0ff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #00f0ff99}.cinema-progress-bar:hover .cinema-progress-thumb{opacity:1}.cinema-controls-row{justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.5rem;display:flex}.cinema-controls-left{align-items:center;gap:.25rem;display:flex}.cinema-ctrl-btn{color:#00f0ffb3;cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;background:0 0!important;border:1px solid #00f0ff26!important;border-radius:6px!important;padding:0!important}.cinema-ctrl-btn:hover:not(:disabled){color:#00f0ff;box-shadow:none!important;background:#00f0ff0d!important;border-color:#00f0ff66!important;transform:none!important}.cinema-ctrl-btn:disabled{opacity:.25;cursor:not-allowed}.cinema-ctrl-btn:disabled:hover{box-shadow:none!important;background:0 0!important;transform:none!important}.cinema-ctrl-play{width:44px;height:44px;margin:0 .25rem;border-color:#00f0ff4d!important;border-radius:50%!important}.cinema-ctrl-play:hover:not(:disabled){background:#00f0ff1a!important;border-color:#00f0ff!important;box-shadow:0 0 12px #00f0ff4d!important}.cinema-controls-center{align-items:center;gap:.75rem;display:flex}.cinema-time-display{color:#00f0ff99;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.cinema-event-type{text-transform:uppercase;letter-spacing:1px;color:#00f0ff4d;border:1px solid #00f0ff1a;border-radius:3px;padding:.15rem .5rem;font-size:.7rem}.cinema-controls-right{align-items:center;display:flex}.cinema-speed-group{border:1px solid #00f0ff26;border-radius:6px;gap:0;display:flex;overflow:hidden}.cinema-speed-btn{color:#00f0ff66;letter-spacing:.5px;cursor:pointer;min-width:unset;transition:all .2s;background:0 0!important;border:none!important;border-right:1px solid #00f0ff1a!important;border-radius:0!important;padding:.35rem .6rem!important;font-size:.7rem!important}.cinema-speed-btn:last-child{border-right:none!important}.cinema-speed-btn:hover{color:#00f0ff;box-shadow:none!important;background:#00f0ff0d!important;transform:none!important}.cinema-speed-btn.active{color:#00f0ff;text-shadow:0 0 8px #00f0ff80;background:#00f0ff1f!important}.cinema-stream-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e27f2;border-top:1px solid #00f0ff1a;justify-content:space-between;align-items:center;padding:.6rem 1.5rem;display:flex}.cinema-stream-bar-left,.cinema-stream-bar-right{align-items:center;gap:1rem;display:flex}.cinema-stream-bar-center{align-items:center;display:flex}.cinema-stream-status-text{color:#00f0ff66;text-transform:uppercase;letter-spacing:1.5px;font-size:.75rem}.cinema-turn-badge{color:#00f0ff80;font-variant-numeric:tabular-nums;border:1px solid #00f0ff26;border-radius:3px;padding:.2rem .5rem;font-size:.75rem}@media (max-width:1024px){.cinema-hud{width:180px}}@media (max-width:900px){.cinema-arena{flex-direction:column;gap:.75rem;padding:.75rem}.cinema-hud{flex-flow:wrap;gap:.5rem;width:100%;padding:0!important}.cinema-hud-left{order:2}.cinema-hud-right{order:3}.cinema-canvas-wrapper{order:1;min-height:350px}.cinema-bot-card{flex:1;min-width:160px}.cinema-topbar{padding:.6rem 1rem}.cinema-controls-row{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.5rem 1rem}.cinema-controls-center{order:-1;justify-content:center;width:100%}.cinema-stream-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem 1rem}}@media (max-width:600px){.cinema-topbar{flex-wrap:wrap;justify-content:center;gap:.5rem}.cinema-match-title{order:-1;justify-content:center;width:100%}.cinema-canvas-wrapper{min-height:280px}.cinema-end-winner{letter-spacing:2px;font-size:1.4rem}.cinema-end-draw{font-size:1.4rem}.cinema-speed-group{flex-wrap:wrap}.cinema-bot-card{min-width:140px}}.bots-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.bots-page-title{letter-spacing:3px;text-transform:uppercase;color:#00f0ff;text-shadow:0 0 10px #00f0ff99;margin:0;font-size:2rem;font-weight:700}.bots-page-subtitle{color:#88d3e6;align-items:center;gap:1rem;margin:.5rem 0 0;font-size:.9rem;display:flex}.bots-connected-indicator{color:#0f8;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.bots-connected-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite botsDotPulse;display:inline-block;box-shadow:0 0 6px #0f8}@keyframes botsDotPulse{0%,to{opacity:1;box-shadow:0 0 6px #0f8}50%{opacity:.5;box-shadow:0 0 12px #0f8}}.bots-create-btn{letter-spacing:1px;white-space:nowrap;transition:all .3s;color:#9b87f5!important;background:#9b87f514!important;border:2px solid #9b87f5!important;border-radius:6px!important;padding:.6rem 1.5rem!important;font-size:.9rem!important}.bots-create-btn:hover{transform:translateY(-2px);background:#9b87f52e!important;box-shadow:0 0 20px #9b87f566!important}.bots-create-btn:before{display:none}.bots-create-panel{background:linear-gradient(135deg,#9b87f50f 0%,#00f0ff0a 100%);border:1px solid #9b87f566;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;animation:.25s ease-out slideUp}.bots-create-panel-title{color:#9b87f5;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.bots-create-form{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.bots-create-fields{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;display:grid}.bots-create-field label{text-transform:uppercase;letter-spacing:1px;color:#00f0ff;margin-bottom:.5rem;font-size:.8rem;font-weight:600;display:block}.bots-create-field input{color:#fff;box-sizing:border-box;background:#0006;border:1px solid #00f0ff40;border-radius:6px;width:100%;padding:.7rem 1rem;font-family:Courier New,monospace;font-size:.95rem;transition:all .3s}.bots-create-field input:focus{border-color:#9b87f5;outline:none;box-shadow:0 0 12px #9b87f54d}.bots-create-field input::placeholder{color:#88d3e659}.bots-create-hint{color:#88d3e680;margin-top:.4rem;font-size:.75rem;display:block}.bots-create-actions{justify-content:flex-end;display:flex}.bots-submit-btn{letter-spacing:1px;align-items:center;gap:.5rem;display:inline-flex;color:#9b87f5!important;background:#9b87f51a!important;border:2px solid #9b87f5!important;border-radius:6px!important;padding:.65rem 2rem!important;font-size:.9rem!important}.bots-submit-btn:hover{background:#9b87f533!important;box-shadow:0 0 20px #9b87f566!important}.bots-submit-btn:before{display:none}.bots-create-error{color:#ff6b6b;background:#ff006e14;border:1px solid #ff006e66;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;animation:.2s ease-out slideUp}.bots-create-success{color:#0f8;background:#00ff8814;border:1px solid #0f86;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.9rem;animation:.2s ease-out slideUp}.bots-error-banner{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b66;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;animation:.2s ease-out slideUp;display:flex}.bots-search-wrapper{margin-bottom:1.5rem}.bots-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.bot-card{cursor:pointer;background:linear-gradient(160deg,#0a0e27e6 0%,#0f1432e6 100%);border:1px solid #00f0ff26;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.bot-card:hover{border-color:#00f0ff80;transform:translateY(-3px);box-shadow:0 4px 24px #00f0ff26,0 0 0 1px #00f0ff1a}.bot-card-status-line{width:100%;height:3px}.bot-card-body{padding:1.25rem 1.5rem}.bot-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.bot-card-name{color:#00f0ff;letter-spacing:.5px;word-wrap:break-word;font-size:1.15rem;font-weight:700}.bot-card-tagline{color:#9b87f5;word-wrap:break-word;margin-top:.3rem;font-size:.85rem;font-style:italic;line-height:1.4}.bot-card-meta{border-top:1px solid #00f0ff14;gap:1.25rem;margin-bottom:1rem;padding-top:.75rem;display:flex}.bot-card-meta-item{color:#88d3e6;letter-spacing:.3px;font-size:.8rem}.bot-card-actions{flex-wrap:wrap;gap:.6rem;display:flex}.bot-card-elo{letter-spacing:1px;white-space:nowrap;background:#0000004d;border:1px solid;border-radius:6px;align-items:baseline;gap:.35rem;padding:.2rem .6rem;font-size:1.1rem;font-weight:700;display:flex}.bot-card-elo-label{text-transform:uppercase;letter-spacing:1px;opacity:.6;font-size:.65rem;font-weight:600}.bot-card-actions .btn-regenerate,.bot-card-actions .btn-delete{letter-spacing:.5px;border-radius:5px!important;padding:.4rem .8rem!important;font-size:.75rem!important}@media (max-width:768px){.bots-page-header{flex-direction:column;gap:1rem}.bots-create-btn{text-align:center;width:100%}.bots-create-fields{grid-template-columns:1fr}.bots-create-panel{padding:1.25rem}.bots-grid{grid-template-columns:1fr}.bot-card:hover{transform:none}.bot-card-header{flex-direction:column;gap:.5rem}.bot-card-actions{width:100%}.bot-card-actions .btn-regenerate,.bot-card-actions .btn-delete{text-align:center;flex:1}}.cb-page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.cb-page-title{letter-spacing:3px;text-transform:uppercase;color:#00f0ff;text-shadow:0 0 10px #00f0ff99;margin:0;font-size:2rem;font-weight:700}.cb-page-subtitle{color:#88d3e6;margin:.5rem 0 0;font-size:.9rem}.cb-live-counter{white-space:nowrap;background:#00ff880f;border:1px solid #0f86;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;display:flex}.cb-live-dot{background:#0f8;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite botsDotPulse;box-shadow:0 0 8px #0f8}.cb-live-count{color:#0f8;font-size:1.3rem;font-weight:700}.cb-live-label{color:#00ff88b3;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.cb-controls{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.cb-search-wrapper{flex:1;position:relative}.cb-search-result-count{color:#88d3e6;margin-top:-.75rem;margin-bottom:.5rem;padding-left:.25rem;font-size:.8rem;display:block}.cb-sort-wrapper{flex-shrink:0;padding-top:.1rem}.cb-sort-select{color:#00f0ff;letter-spacing:.5px;cursor:pointer;appearance:none;background:#0a0e27e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300f0ff' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #00f0ff4d;border-radius:8px;padding:.6rem 2.25rem .6rem 1rem;font-family:inherit;font-size:.85rem;transition:all .3s}.cb-sort-select:hover{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.cb-sort-select:focus{border-color:#00f0ff;outline:none;box-shadow:0 0 15px #00f0ff4d}.cb-sort-select option{color:#00f0ff;background:#0a0e27}.cb-error-banner{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b66;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;animation:.2s ease-out slideUp;display:flex}.cb-retry-btn{letter-spacing:1px;color:#ff6b6b!important;background:0 0!important;border:1px solid #ff6b6b!important;border-radius:4px!important;padding:.35rem 1rem!important;font-size:.8rem!important}.cb-retry-btn:hover{background:#ff6b6b26!important}.cb-retry-btn:before{display:none}@media (max-width:768px){.cb-page-header{flex-direction:column;gap:1rem}.cb-live-counter{align-self:flex-start}.cb-controls{flex-direction:column}.cb-sort-wrapper,.cb-sort-select{width:100%}}.docs-header{margin-bottom:2rem}.docs-back-link{color:#88d3e6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.85rem;text-decoration:none;transition:color .3s;display:inline-block}.docs-back-link:hover{color:#00f0ff}.docs-title{letter-spacing:3px;text-transform:uppercase;color:#00f0ff;text-shadow:0 0 10px #00f0ff80;margin:0;font-size:2rem;font-weight:700}.docs-subtitle{color:#88d3e6;margin:.5rem 0 0;font-size:.9rem}.docs-nav{border-bottom:1px solid #00f0ff33;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.docs-nav-btn{letter-spacing:1px;color:#88d3e6;cursor:pointer;text-transform:uppercase;border-radius:4px;font-family:inherit;transition:all .3s;background:0 0!important;border:1px solid #00f0ff4d!important;padding:.5rem 1rem!important;font-size:.85rem!important}.docs-nav-btn:hover{color:#00f0ff;box-shadow:none!important;background:#00f0ff0d!important;border-color:#00f0ff!important;transform:none!important}.docs-nav-btn.active{color:#00f0ff;background:#00f0ff1a!important;border-color:#00f0ff!important;box-shadow:0 0 10px #00f0ff4d!important}.docs-nav-btn:before{display:none}.docs-lang-toggle{background:#0a0e2799;border:1px solid #00f0ff26;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;display:flex}.docs-lang-label{letter-spacing:1px;text-transform:uppercase;color:#ffffff80;margin-right:.25rem;font-size:.8rem}.docs-lang-btn{letter-spacing:1px;color:#fff9;cursor:pointer;text-transform:uppercase;border-radius:4px;font-family:inherit;transition:all .2s;background:0 0!important;border:1px solid #00f0ff40!important;padding:.3rem .9rem!important;font-size:.8rem!important}.docs-lang-btn:hover{color:#00f0ff;border-color:#00f0ff!important}.docs-lang-btn.active{color:#00f0ff;background:#00f0ff1f!important;border-color:#00f0ff!important;box-shadow:0 0 8px #00f0ff33!important}.docs-lang-btn:before{display:none}.docs-section{background:#0a0e27cc;border:1px solid #00f0ff26;border-radius:8px;margin-bottom:1.5rem;padding:2rem}.docs-section h3{color:#00f0ff;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #00f0ff33;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:600}.docs-section h4{color:#00f064;letter-spacing:1px;margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}.docs-section p{color:#b0d4e8;margin-bottom:.75rem;line-height:1.8}.docs-section ul,.docs-section ol{color:#b0d4e8;margin-bottom:1rem;padding-left:1.5rem}.docs-section li{margin-bottom:.4rem;line-height:1.6}.docs-code-block{color:#88d3e6;white-space:pre;background:#00000080;border:1px solid #00f0ff33;border-radius:8px;margin:1rem 0;padding:1.25rem;font-family:Courier New,Consolas,Monaco,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.docs-inline-code{color:#00f0ff;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:3px;padding:.15rem .4rem;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9em}.docs-table{border-collapse:collapse;width:100%;margin:1rem 0}.docs-table th{text-align:left;color:#00f0ff;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #00f0ff4d;padding:.75rem;font-size:.8rem;font-weight:600}.docs-table td{color:#b0d4e8;border-bottom:1px solid #00f0ff1a;padding:.75rem}.docs-server-banner{background:#00f0ff12;border:1px solid #00f0ff4d;border-radius:8px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.docs-server-banner-label{text-transform:uppercase;letter-spacing:.1em;color:#00f0ff;font-size:.75rem;font-weight:600}.docs-server-banner-url{color:#fff;background:#0006;border-radius:4px;width:fit-content;padding:.4rem .75rem;font-family:Courier New,Consolas,Monaco,monospace;font-size:1.1rem;display:inline-block}.docs-server-banner p{color:#8ab4c8;margin:0;font-size:.875rem}.docs-server-banner code{color:#a0c8d8;font-family:Courier New,Consolas,Monaco,monospace;font-size:.85em}.docs-tip{color:#b0d4e8;background:#00f0640f;border-left:3px solid #00f064;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem 1.25rem}.docs-warning{color:#b0d4e8;background:#ffd0000f;border-left:3px solid #ffd000;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem 1.25rem}.docs-func-sig{color:#00f0ff;background:#0006;border-left:3px solid #00f0ff;border-radius:4px;margin:.75rem 0 .25rem;padding:.5rem .75rem;font-family:Courier New,Consolas,Monaco,monospace;font-size:.9rem;display:block;overflow-x:auto}.docs-func-desc{color:#88d3e6;margin:.25rem 0 1rem .75rem;font-size:.85rem}.bots-docs-btn{letter-spacing:1px;white-space:nowrap;text-transform:uppercase;cursor:pointer;align-items:center;font-family:inherit;text-decoration:none;transition:all .3s;display:inline-flex;color:#00f064!important;background:#00f06414!important;border:2px solid #00f064!important;border-radius:6px!important;padding:.6rem 1.5rem!important;font-size:.9rem!important}.bots-docs-btn:hover{transform:translateY(-2px);background:#00f0642e!important;box-shadow:0 0 20px #00f06466!important}.bots-docs-btn:before{display:none}@media (max-width:768px){.docs-nav{flex-direction:column}.docs-nav-btn{text-align:center;width:100%}.docs-section{padding:1.25rem}.docs-title{font-size:1.5rem}.bots-header-actions{flex-direction:column;width:100%}.bots-docs-btn{text-align:center;justify-content:center;width:100%}}