@import"https://fonts.googleapis.com/css2?family=Teko:wght@400;600&family=Rajdhani:wght@500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-dark: #050a14;--neon-blue: #00f0ff;--text-dim: #64748b;--line-dim: rgba(255, 255, 255, .3);--energy-core: #ffffff;--energy-glow: #00f0ff;--energy-aura: rgba(0, 80, 255, .5);--neon-green: #00ff9d;--neon-red: #ff0055;--neon-gold: #ffd700;--scale: 1;--bucket-width: calc(190px * var(--scale));--sidebar-width: calc(240px * var(--scale));--sidebar-width-user: calc(380px * var(--scale));--trans-y-small: calc(25px * var(--scale));--trans-y-med: calc(75px * var(--scale));--trans-y-large: calc(85px * var(--scale));--trans-y-xl: calc(120px * var(--scale));--font-xs: calc(10px * var(--scale));--font-sm: calc(12px * var(--scale));--font-md: calc(14px * var(--scale));--font-lg: calc(18px * var(--scale));--font-xl: calc(26px * var(--scale))}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%,#0d1b2a,#02040a 80%);color:#fff;font-family:Rajdhani,sans-serif;height:100vh;overflow:hidden}.admin-container{display:flex;width:100vw;height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:#050a14f2;border-right:1px solid #334155;padding:calc(15px * var(--scale));display:flex;flex-direction:column;z-index:100;box-shadow:5px 0 30px #00000080;transition:width .4s cubic-bezier(.25,1,.5,1)}.sidebar.user-mode{width:var(--sidebar-width-user)}.sidebar h3{font-family:Teko,sans-serif;color:var(--neon-blue);font-size:calc(22px * var(--scale));margin-top:0;border-bottom:1px solid #334155;margin-bottom:15px;letter-spacing:1px}.pool-list{flex:1;overflow-y:auto;padding-right:5px}.pool-list::-webkit-scrollbar{width:5px}.pool-list::-webkit-scrollbar-thumb{background:#334;border-radius:3px}.match-details-container{display:flex;flex-direction:column;height:100%;animation:fadeIn .5s ease}.twitch-container{width:100%;aspect-ratio:16/9;background:#000;margin-bottom:15px;border:1px solid #334;position:relative}.twitch-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#555;font-size:var(--font-sm)}.md-header{margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.md-title{font-family:Teko,sans-serif;font-size:calc(24px * var(--scale));color:#fff;line-height:1;margin:0}.md-subtitle{font-size:var(--font-sm);color:var(--text-dim);margin-top:4px;display:flex;justify-content:space-between}.live-badge{color:var(--neon-red);font-weight:700;animation:pulse 2s infinite}.md-tabs{display:flex;gap:2px;margin-bottom:15px}.md-tab-btn{flex:1;background:#ffffff0d;border:1px solid transparent;border-bottom:2px solid #334;color:#888;padding:8px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;font-size:var(--font-md);transition:.2s}.md-tab-btn:hover{color:#fff;background:#ffffff1a}.md-tab-btn.active{color:var(--neon-blue);background:#00f0ff1a;border-bottom-color:var(--neon-blue)}.rosters-grid{display:flex;gap:10px}.roster-col{flex:1}.roster-team-name{font-size:var(--font-sm);color:var(--text-dim);margin-bottom:5px;text-align:center;font-weight:700;text-transform:uppercase}.player-row{background:#0000004d;padding:4px 8px;margin-bottom:2px;font-size:calc(13px * var(--scale));border-left:2px solid transparent}.roster-col.team-a .player-row{border-left-color:var(--neon-blue)}.roster-col.team-b .player-row{border-left-color:var(--neon-red)}.upcoming-match{background:#ffffff08;padding:10px;margin-bottom:8px;border:1px solid transparent;cursor:pointer;transition:.2s}.upcoming-match:hover{background:#ffffff14;border-color:#ffffff1a}.up-header{font-size:var(--font-xs);color:var(--neon-gold);margin-bottom:4px;font-weight:700}.up-teams{display:flex;justify-content:space-between;font-size:var(--font-md);font-weight:700}.vs-span{color:#555;font-size:var(--font-xs);align-self:center}.team-card{background:#ffffff0d;border:1px solid #334155;padding:8px 5px 8px 12px;margin-bottom:6px;cursor:grab;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:var(--font-md);transition:.2s;flex-shrink:0}.team-card:hover{border-color:var(--neon-blue);background:#00f0ff1a}.team-card-content{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-card-actions{display:flex;gap:4px;margin-left:8px;opacity:.6;transition:.2s}.team-card:hover .team-card-actions{opacity:1}.action-icon-btn{background:transparent;border:none;color:#888;cursor:pointer;padding:2px;font-size:var(--font-md);display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{color:#fff;transform:scale(1.2)}.action-icon-btn.delete:hover{color:var(--neon-red)}.action-icon-btn.edit:hover{color:var(--neon-blue)}.drag-handle-icon{cursor:grab;padding:0 5px;color:#555;margin-right:5px}.dragging-overlay{background:var(--neon-blue);color:#000;border:2px solid #fff;opacity:.9;transform:scale(1.05);box-shadow:0 0 20px var(--neon-blue);z-index:9999;font-weight:700;padding:10px;pointer-events:none}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.top-nav{height:calc(50px * var(--scale));background:#050a14cc;border-bottom:1px solid #334155;display:flex;align-items:center;padding:0 20px;gap:10px;z-index:50;flex-shrink:0}.nav-btn{background:transparent;border:1px solid #334155;color:var(--text-dim);padding:6px 20px;font-family:Teko,sans-serif;font-size:var(--font-lg);cursor:pointer;transition:all .3s;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.nav-btn:hover{color:#fff;border-color:#fff}.nav-btn.active{background:#00f0ff1a;border-color:var(--neon-blue);color:var(--neon-blue);box-shadow:0 0 15px #00f0ff33}.admin-toggle-btn{margin-left:auto;background:#222;border:1px solid #444;color:#aaa;padding:4px 10px;font-size:var(--font-sm);cursor:pointer}.admin-toggle-btn.active{background:var(--neon-red);color:#fff;border-color:var(--neon-red)}.bracket-view{flex:1;position:relative;overflow:auto;padding:20px;display:flex;background-image:radial-gradient(circle at 50% 50%,#112,#02040a)}.bracket-container{display:flex;position:relative;gap:0;align-items:stretch;padding-bottom:50px;min-width:100%;padding-right:calc(250px * var(--scale))}.connections-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.connector-line{fill:none;stroke-width:2px;stroke:#fff3;transition:all .3s}.round-column{height:100%;display:flex;flex-direction:column;position:relative;z-index:10;flex-shrink:0;width:calc(var(--bucket-width) + 20px);margin-right:calc(30px * var(--scale))}.round-title{position:absolute;top:calc(-20px * var(--scale));left:0;width:100%;text-align:center;font-family:Teko,sans-serif;font-size:var(--font-xl);letter-spacing:3px;color:var(--neon-blue);text-shadow:0 0 10px rgba(0,240,255,.3);z-index:2;margin:0;pointer-events:none}.round-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(15px * var(--scale));padding-top:40px}.bucket{position:relative;padding:20px 10px 10px;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:var(--bucket-width);border:1px solid rgba(255,255,255,.05);transition:transform .3s}.bucket.advances{transform:translate(122%,var(--trans-y-med));border-color:#00ff9d4d;background:#00ff9d0d;margin-bottom:-40px}.bucket.eliminated{transform:translate(122%,calc(var(--trans-y-med) * -1));border-color:#ff00554d;background:#ff00550d;margin-top:-40px}.bucket.advances .bucket-label{color:var(--neon-green);border-color:var(--neon-green)}.bucket.eliminated .bucket-label{color:var(--neon-red);border-color:var(--neon-red)}.bucket-label{position:absolute;top:-9px;left:8px;background:var(--bg-dark);padding:0 5px;font-size:var(--font-sm);color:#fff;font-weight:700;z-index:2;border:1px solid #444}.bucket-matches{display:flex;flex-direction:column;gap:5px}.match-slot{background:transparent;padding:0;width:100%;cursor:pointer}.match-header{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-dim);margin-bottom:2px;font-weight:700}.team-in-match{height:calc(26px * var(--scale));background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:2px;transition:.2s;position:relative}.highlight-drop{border-color:var(--neon-blue);background:#00f0ff26;box-shadow:0 0 10px #00f0ff33}.placed-team{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 6px;font-weight:700;font-size:calc(13px * var(--scale));letter-spacing:.5px}.remove-btn{background:none;border:none;color:#555;cursor:pointer;padding:0 4px;font-size:var(--font-md);line-height:1}.remove-btn:hover{color:#fff}.team-placeholder{font-size:var(--font-xs);color:#fff3;letter-spacing:2px}.bucket.advances .bucket-matches,.bucket.eliminated .bucket-matches{display:flex;flex-direction:column;gap:8px;width:100%}.team-in-match.result-slot{width:100%;height:36px;box-sizing:border-box;display:flex;align-items:center;padding:0 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:3px solid #888;transition:all .2s}.bucket.advances .team-in-match.result-slot{border-left-color:var(--neon-green);background:linear-gradient(90deg,rgba(0,255,157,.1) 0%,transparent 100%)}.bucket.eliminated .team-in-match.result-slot{border-left-color:#555;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:.7}.team-in-match.result-slot .placed-team{width:100%;display:flex;justify-content:space-between;align-items:center}.bucket.advances .team-in-match,.bucket.eliminated .team-in-match{flex:1;min-width:50px;height:calc(24px * var(--scale));font-size:var(--font-xs);margin:0}.bucket.advances .team-in-match{border-color:#00ff9d66;background:#00ff9d1a}.bucket.eliminated .team-in-match{border-color:#f056;background:#ff00551a}.bucket.advances .placed-team{color:var(--neon-green);justify-content:center}.bucket.eliminated .placed-team{color:var(--neon-red);justify-content:center}.cyber-border-container{position:absolute;inset:0;pointer-events:none;border-radius:4px;overflow:hidden;z-index:1}.border-line{position:absolute;background:var(--line-dim)}.border-line.top{top:0;left:0;width:100%;height:2px}.border-line.left{top:0;left:0;width:2px;height:100%}.border-line.bot{bottom:0;right:0;width:100%;height:2px}.energy-flash-horiz,.energy-flash-vert{position:absolute;opacity:0;box-shadow:0 0 4px var(--energy-core),0 0 12px var(--energy-glow)}.energy-flash-horiz{height:100%;width:60px;background:linear-gradient(90deg,transparent,var(--energy-glow),transparent);animation:chaos-horizontal var(--duration) linear infinite var(--delay)}.energy-flash-vert{width:100%;height:60px;background:linear-gradient(180deg,transparent,var(--energy-glow),transparent);animation:chaos-vertical var(--duration) linear infinite var(--delay)}@keyframes chaos-horizontal{0%{opacity:0;transform:translate(-100%)}50%{opacity:1}to{opacity:0;transform:translate(350px)}}@keyframes chaos-vertical{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(600px)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#b_adv_3_0{transform:translate(127%,25%)!important}#b_adv_3_1{transform:translate(127%,85%)!important}#b_adv_3_2{transform:translate(127%,75%)!important}#b_elim_0_3{transform:translate(127%,-130%)!important}#b_elim_1_3{transform:translate(127%,-85%)!important}#b_elim_2_3{transform:translate(127%,calc(var(--trans-y-med) * -1))!important}.add-team-toggle-btn{width:100%;background:#00f0ff1a;border:1px solid var(--neon-blue);color:var(--neon-blue);padding:8px;font-family:Rajdhani,sans-serif;font-weight:700;cursor:pointer;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.add-team-toggle-btn:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 10px var(--neon-blue)}.team-form{background:#0000004d;padding:10px;border:1px solid #334155;margin-bottom:15px;display:flex;flex-direction:column;gap:8px}.cyber-input{background:#ffffff0d;border:1px solid #334155;color:#fff;padding:6px 10px;font-family:Rajdhani,sans-serif;font-size:var(--font-md);outline:none;width:100%;transition:.2s}.cyber-input:focus{border-color:var(--neon-blue);background:#00f0ff0d}.form-actions{display:flex;gap:5px;margin-top:5px}.cyber-btn{flex:1;border:none;padding:6px;font-family:Teko,sans-serif;font-size:var(--font-lg);cursor:pointer;color:#000;transition:.2s}.cyber-btn.save{background:var(--neon-green);box-shadow:0 0 5px #00ff9d4d}.cyber-btn.save:hover{background:#fff}.cyber-btn.cancel{background:#334155;color:#fff}.cyber-btn.cancel:hover{background:#475569}@media(max-width:1024px){.admin-container{flex-direction:column}.sidebar{width:100vw!important;height:auto;min-height:130px;order:1;flex-direction:row;border-right:none;padding:10px;transition:none}.pool-list{flex-direction:row;overflow-x:auto}.main-content{order:2;height:calc(100vh - 130px)}.bracket-view{padding:10px}}.sidebar-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #334155}.sidebar-tab-btn{flex:1;background:transparent;border:none;color:var(--text-dim);padding:8px;font-family:Teko,sans-serif;font-size:var(--font-lg);cursor:pointer;transition:.2s;border-bottom:2px solid transparent}.sidebar-tab-btn:hover{color:#fff;background:#ffffff0d}.sidebar-tab-btn.active{color:var(--neon-blue);border-bottom-color:var(--neon-blue);background:#00f0ff0d}.admin-controls-panel{display:flex;flex-direction:column;gap:15px;animation:fadeIn .3s ease}.control-group{background:#ffffff08;padding:10px;border:1px solid rgba(255,255,255,.1)}.control-label{font-size:var(--font-sm);color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.generate-btn{width:100%;background:var(--neon-blue);color:#000;border:none;padding:10px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:var(--font-md);cursor:pointer;text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .2s}.generate-btn:hover{background:#fff;box-shadow:0 0 15px var(--neon-blue)}.generate-btn:disabled{background:#334155;color:#888;cursor:not-allowed;box-shadow:none}.status-indicator{font-size:var(--font-sm);margin-top:5px;text-align:center;color:var(--neon-green)}.team-in-match.side-blue{border-left:3px solid #00a8ff;background:linear-gradient(90deg,#00a8ff1a,#ffffff0d 50%)}.team-in-match.side-red{border-left:3px solid #ff4d4d;background:linear-gradient(90deg,#ff4d4d1a,#ffffff0d 50%)}.team-in-match.winner{background:#00ff9d33!important;border-color:var(--neon-green)!important;box-shadow:0 0 15px #00ff9d4d;z-index:5}.team-in-match.winner .team-name{color:var(--neon-green);text-shadow:0 0 5px rgba(0,255,157,.5)}.team-in-match.loser{opacity:.4;filter:grayscale(100%)}.side-badge{font-size:9px;font-weight:700;margin-right:6px;padding:1px 4px;border-radius:2px;width:35px;text-align:center}.side-badge.blue{background:#004ea8;color:#fff}.side-badge.red{background:#a80000;color:#fff}.team-in-match.grand-winner{background:linear-gradient(90deg,#ffd7004d,#0000001a 80%)!important;border-left:3px solid var(--neon-gold)!important;border-color:var(--neon-gold)!important;box-shadow:0 0 25px #ffd70080,inset 0 0 10px #ffd70033;z-index:10;animation:goldPulse 3s infinite}.team-in-match.grand-winner .team-name{color:var(--neon-gold);text-shadow:0 0 10px rgba(255,215,0,.8);font-weight:800;letter-spacing:1px}.team-in-match.grand-winner .side-badge{background:var(--neon-gold);color:#000;box-shadow:0 0 5px var(--neon-gold)}@keyframes goldPulse{0%{box-shadow:0 0 20px #ffd70066;border-color:#aa8c00}50%{box-shadow:0 0 40px #ffd700b3;border-color:gold}to{box-shadow:0 0 20px #ffd70066;border-color:#aa8c00}}.se-match-content{display:flex;flex-direction:column;gap:4px;padding:10px;width:200px}.se-team-slot{all:unset;width:100%}.captain-row{border:1px solid #ffd700!important;background:linear-gradient(90deg,rgba(255,215,0,.15) 0%,transparent 100%);box-shadow:inset 0 0 10px #ffd7001a;position:relative;border-left:1px solid #ffd700!important}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.login-box{background:#050a14f2;border:1px solid #334155;padding:30px;width:350px;display:flex;flex-direction:column;gap:15px;box-shadow:0 0 30px #00f0ff1a;position:relative}.login-title{font-family:Teko,sans-serif;font-size:28px;color:var(--neon-blue);text-align:center;margin-bottom:10px;letter-spacing:2px}.login-btn{background:var(--neon-blue);border:none;padding:10px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:18px;cursor:pointer;margin-top:10px;transition:.2s}.login-btn:hover{background:#fff;box-shadow:0 0 15px var(--neon-blue)}.close-modal-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#555;font-size:20px;cursor:pointer}.close-modal-btn:hover{color:#fff}