@font-face{font-family:Druk Wide Bold;src:url(/assets/fonts/DrukWideBold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--dbgs-blue-main:#3a82f7;--dbgs-blue-dark:#06101e;--dbgs-blue-glow:#3b82f673;--dbgs-red-main:#ef4444;--dbgs-red-dark:#180606;--dbgs-red-glow:#f3414173;--dbgs-gold-main:#e0c040;--dbgs-gold-glow:#ff5b0ee3;--dbgs-bg-darkest:#050510;--dbgs-bg-panel:#0a0a16;--dbgs-bg-lobby:#0b0b1e;--role-damage-main:#e05555;--role-damage-bg:#b41e1e40;--role-tank-main:#2ecc71;--role-tank-bg:#1ea05038;--role-tech-main:#3b9fe8;--role-tech-bg:#2864c838;--color-bg-base:var(--dbgs-bg-darkest,#050510);--color-panel:var(--dbgs-bg-panel,#0a0a16);--color-accent-blue:var(--dbgs-blue-main,#3a82f7);--color-accent-red:var(--dbgs-red-main,#ef4444);--color-gold:var(--dbgs-gold-main,#e0c040);--color-text-main:#fff;--color-text-muted:#888;--font-main:"Inter", sans-serif;--font-headers:"Outfit", sans-serif;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--border-radius-sm:6px;--border-radius-md:12px}body{background-color:var(--dbgs-bg-darkest);color:#fff;margin:0;padding:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Outfit,sans-serif}.role-badge{text-transform:uppercase;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:inline-flex}.role-badge-small{border-radius:3px;width:16px;height:16px;font-size:8px}.role-badge.damage{background:var(--role-damage-bg);border:1px solid var(--role-damage-main);color:var(--role-damage-main)}.role-badge.tank{background:var(--role-tank-bg);border:1px solid var(--role-tank-main);color:var(--role-tank-main)}.role-badge.technical{background:var(--role-tech-bg);border:1px solid var(--role-tech-main);color:var(--role-tech-main)}.role-badge.dd{border:1px solid var(--dbgs-gold-main);color:var(--dbgs-gold-main);background:#e0c04026}.card-role-icon{margin-bottom:4px}.card-role-icon svg{fill:currentColor;width:20px;height:20px}@keyframes dbgsPulse{0%{transform:scale(1);box-shadow:0 0 10px #0000}50%{box-shadow:0 0 20px var(--dbgs-gold-glow);transform:scale(1.02)}to{transform:scale(1);box-shadow:0 0 10px #0000}}@keyframes panelTraceSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes panelPulseBlue{0%{box-shadow:0 0 15px #3b82f633}to{box-shadow:0 0 35px #3b82f699}}@keyframes panelPulseRed{0%{box-shadow:0 0 15px #ef444433}to{box-shadow:0 0 35px #ef444499}}@keyframes draftCompletePop{0%{opacity:0;filter:blur(20px);transform:scale(.5)}60%{opacity:1;filter:blur();transform:scale(1.1)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes textGlowGreen{0%,to{text-shadow:0 0 20px #2ecc7199,0 0 40px #2ecc714d}50%{text-shadow:0 0 40px #2ecc71e6,0 0 70px #2ecc7180}}.draft-complete-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;pointer-events:none;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.draft-complete-text{color:#2ecc71;letter-spacing:8px;text-transform:uppercase;font-family:Druk Wide Bold,sans-serif;font-size:clamp(32px,8vw,90px);animation:.8s cubic-bezier(.34,1.56,.64,1) forwards draftCompletePop,2s infinite alternate textGlowGreen}.team-panel-wrapper{z-index:1;border-radius:12px;transition:all .3s;position:relative}.team-panel-wrapper.dimmed{opacity:.7;filter:grayscale(.2)}.team-panel-wrapper:not(.active){background:var(--panel-bg-dark,#06101e);border:2px solid #151525}.team-panel-wrapper.active{border:2px solid #0000;overflow:hidden}.team-panel-wrapper.active:before{content:"";background:conic-gradient(from 0deg, transparent 65%, var(--trace-color,#3b82f6) 100%);z-index:-2;width:150%;height:150%;animation:2.2s linear infinite panelTraceSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-panel-wrapper.active:after{content:"";background:var(--panel-bg-dark,#06101e);z-index:-1;border-radius:9px;position:absolute;inset:2px}.team-panel-content{z-index:1;height:100%;position:relative}@keyframes activePickPulse{0%{border-color:var(--slot-color);box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 25px var(--slot-color);border-color:#fff}to{border-color:var(--slot-color);box-shadow:0 0 10px #ffffff1a}}.active-pick-slot{animation:1.8s ease-in-out infinite activePickPulse}.confirm-drain-btn{position:relative;overflow:hidden}.confirm-drain-btn:before{content:"";z-index:-1;transform-origin:0;background:linear-gradient(90deg,#2ecc71 0%,#27ae60 100%);width:100%;height:100%;animation:30s linear forwards confirmDrain;position:absolute;top:0;left:0}@keyframes confirmDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes verticalElasticShake{0%{transform:translateY(0)}15%{transform:translateY(-6px)}30%{transform:translateY(4px)}45%{transform:translateY(-3px)}60%{transform:translateY(2px)}75%{transform:translateY(-1px)}to{transform:translateY(0)}}.ban-shake{animation:.4s ease-in-out verticalElasticShake}.shattered-overlay{z-index:5;pointer-events:none;opacity:.95;background-position:50%;background-size:cover;position:absolute;inset:0}.banned-item-effect{filter:grayscale()opacity(.3)!important;pointer-events:none!important}.char-card-banned{gap:0;width:100px!important;height:60px!important;min-height:unset!important;padding:0!important}.char-card-banned .shattered-overlay{width:100%;height:100%}.char-card-banned img{object-fit:cover!important;object-position:center!important}.admin-drawer-backdrop{z-index:9998;background:#0009;position:fixed;inset:0}.admin-drawer{z-index:2147483647;background:#0a0a16;border-left:2px solid #1c1c2e;flex-direction:column;gap:18px;width:320px;height:100vh;padding:28px 24px;animation:.25s forwards drawerSlideIn;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #000c}@keyframes drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.donate-btn{cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;transition:transform .45s;display:block;overflow:hidden}.donate-btn:hover{transform:scale(1.03)}.donate-btn img{width:100%;display:block}.spectator-container{color:#fff;-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.spec-top-half,.spec-bottom-half{flex:1;justify-content:space-between;align-items:stretch;gap:16px;min-height:0;padding:16px 32px;display:flex;overflow:hidden}.spec-top-half{background:linear-gradient(#06101ee0 0%,#0508108c 100%)}.spec-bottom-half{background:linear-gradient(#0508108c 0%,#180606e0 100%)}.spec-timer-divider{z-index:10;background:linear-gradient(90deg,#06101e 0%,#0a0a16 42% 58%,#180606 100%);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:48px;display:flex;position:relative;overflow:hidden}.spec-timer-divider:before{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f6e6 50%,#0000 100%);height:1.5px;position:absolute;top:0;left:0;right:0}.spec-timer-divider:after{content:"";background:linear-gradient(90deg,#0000 0%,#ef4444e6 50%,#0000 100%);height:1.5px;position:absolute;bottom:0;left:0;right:0}.spec-tension-bar{opacity:.18;pointer-events:none;z-index:0;height:100%;transition:width 1s linear,background .5s;position:absolute;top:0;bottom:0;left:0}.spec-divider-content{z-index:1;justify-content:space-between;align-items:center;gap:0;width:100%;padding:0 32px;display:flex;position:relative}.spec-divider-clock{flex-shrink:0;align-items:center;gap:10px;display:flex}.spec-divider-time{text-align:center;min-width:36px;font-size:26px;font-weight:900}.spec-divider-phase{color:#777;letter-spacing:2px;font-size:10px;font-weight:700}.spec-dd-eyelet{flex:1;align-items:center;gap:6px;display:flex}.spec-dd-left{justify-content:flex-start}.spec-dd-right{justify-content:flex-end}.spec-picks-row{flex:1;align-items:flex-end;gap:7px;min-width:0;display:flex}.spec-pick-container{background:0 0;border:none;flex-direction:column;align-items:center;width:320px;height:390px;margin:0 50px;display:flex;position:relative;bottom:-10px;overflow:visible}.spec-base-hover{object-fit:cover;z-index:1;opacity:.8;border-radius:6px;width:100%;height:100px;position:absolute;bottom:10px;left:0}.spec-tech-backdrop{object-fit:contain;z-index:2;pointer-events:none;opacity:.9;width:140%;height:100%;position:absolute;bottom:13px;right:-100px;scale:1.16}.spec-full-body{object-fit:contain;z-index:3;pointer-events:none;width:auto;height:105%;filter:none(4px 4px 8px #0009);position:absolute;bottom:20px;left:-150px}.spec-pick-name{text-align:center;z-index:4;text-transform:uppercase;letter-spacing:1px;background:#000000d9;border:1px solid #fff3;border-radius:4px;width:100%;padding:2px 0;font-size:12px;font-weight:700;position:absolute;bottom:0;left:0}.spec-active-slot-icon{object-fit:contain;z-index:1;opacity:.6;filter:brightness(1.4)saturate(1.5);width:100%;height:100%;animation:1.4s ease-in-out infinite pulse-active;position:absolute;inset:0}.spec-pick-empty{z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.spec-phase-badge-wrap{justify-content:center;align-items:center;display:flex;position:relative}.spec-phase-badge{z-index:2;color:#e0c040;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 10px #e0c040b3;background:#0a0a16eb;border:1px solid #e0c04066;padding:5px 18px;font-size:15px;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) both spec-badge-pop;display:inline-block;position:relative;transform:skew(-15deg)}.spec-lightning{z-index:99;pointer-events:none;width:260px;height:auto;animation:1s ease-out both spec-lightning-flash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-tooltip{z-index:9;cursor:default;position:relative;overflow:visible!important}.custom-tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:99;background:#000000e6;border:1px solid #ffffff1a;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-family:Geologica,sans-serif;font-size:12px;transition:opacity .1s;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 2px 10px #00000080}.custom-tooltip:hover:after{opacity:1}.spec-ban-col{flex-direction:column;flex-shrink:0;gap:50px;width:90px;display:flex}.spec-ban-label{letter-spacing:2px;opacity:.65;margin-bottom:-30px;font-size:25px;font-weight:600}.spec-ban-slot{border-radius:9px;justify-content:center;align-items:center;height:44px;display:flex;position:relative;overflow:visible;scale:1.6}.spec-ban-thumb{object-fit:cover;opacity:.58;filter:grayscale(.2);width:100%;height:100%}.spec-ban-lock{object-fit:contain;pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.spec-team-info{text-transform:uppercase;letter-spacing:1px;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;text-align:center;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;min-width:150px;max-width:260px;margin:0;font-family:Druk Wide Bold,Impact,sans-serif;font-size:18px;display:flex;scale:1}.spec-top-half .spec-team-info h2{border-bottom:3px solid #3b82f6}.spec-bottom-half .spec-team-info h2{border-bottom:3px solid #ef4444}.spec-dd-center-hud{z-index:99;justify-content:center;gap:15px;margin-top:10px;display:flex}.spec-dd-bans{z-index:9;justify-content:center;gap:10px;margin-top:20px;display:flex;transform:scale(1.7)}.team-header-icon{object-fit:contain;width:24px;height:24px;margin-right:8px}@media (width<=800px){.draft-pick-layout{flex-direction:column!important;gap:6px!important;height:100%!important;overflow:hidden auto!important}.mobile-draft-wrapper{flex-direction:column!important;flex:1!important;min-height:0!important;display:flex!important;overflow:hidden!important}.mobile-team-hud{flex-shrink:0!important}.mobile-team-hud .team-panel-wrapper{width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:6px!important;flex-shrink:0!important;animation:none!important}.mobile-team-hud .team-panel-wrapper:before,.mobile-team-hud .team-panel-wrapper:after{display:none!important}.mobile-team-hud .team-panel-content{background:#0a0a1699!important;border-radius:6px!important;padding:4px 6px!important}.mobile-team-hud .team-panel-content>div:first-child{margin-bottom:3px!important;padding-bottom:2px!important;font-size:10px!important}.mobile-team-hud .team-panel-content .dbgs-fadein{-webkit-overflow-scrolling:touch;flex-flow:row!important;flex:none!important;gap:4px!important;max-height:none!important;margin-bottom:3px!important;padding:2px!important;overflow-x:auto!important}.mobile-team-hud .team-panel-content .dbgs-fadein>div{flex:0 0 50px!important;min-width:50px!important;min-height:50px!important}.team-panel-wrapper{border-radius:6px!important;flex-shrink:0!important;width:100%!important;height:auto!important;max-height:none!important}.team-panel-wrapper.active:before{display:none}.team-panel-content{padding:6px 8px!important}.team-panel-content>div:first-child{margin-bottom:4px!important;padding-bottom:3px!important;font-size:11px!important}.team-panel-content .dbgs-fadein{-webkit-overflow-scrolling:touch;flex-flow:row!important;flex:none!important;gap:4px!important;max-height:none!important;margin-bottom:4px!important;overflow-x:auto!important}.team-panel-content .dbgs-fadein>div{flex:0 0 55px!important;min-width:55px!important;min-height:55px!important}.char-pool-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:6px!important}.char-pool-grid>div>div{height:56px!important}.char-card-banned{width:48px!important;height:48px!important;margin:0 auto!important}.char-pool-grid>.char-card-banned{align-self:center;min-height:0!important}.admin-drawer{width:90vw!important;max-width:400px!important}.donate-btn{margin:0 auto;max-width:220px!important}.draft-app-root{overflow-y:auto!important}.active-pick-slot{box-shadow:0 0 8px 2px var(--slot-color)!important}.brand-font{font-size:90%!important}.team-panel-content button{min-height:32px}.final-matchup{-webkit-overflow-scrolling:touch;height:auto!important;min-height:100%!important;padding:10px 8px!important;overflow:hidden auto!important}.final-matchup-columns{flex-direction:column!important;flex:none!important;gap:6px!important;width:100%!important;max-width:100%!important}.final-matchup-team{flex:none!important;gap:6px!important;width:100%!important;max-width:100%!important}.final-matchup-banner{flex:none!important;width:100%!important;max-width:100%!important;min-height:60px!important;max-height:80px!important}.final-matchup-banner img{object-fit:cover!important;width:100%!important;height:100%!important}}@media (width<=768px){.spectator-container{min-height:200vh;height:auto!important;overflow-y:auto!important}.spec-top-half,.spec-bottom-half{flex-direction:column!important;gap:30px!important;height:auto!important;padding:2px!important;overflow:visible!important}.spec-timer-divider{width:470px;padding:8px 0;height:50px!important}.spec-divider-content{-webkit-overflow-scrolling:tauto!important;flex-direction:column!important;gap:15px!important;overflow-y:auto!important}.spec-picks-row{flex-wrap:wrap!important;justify-content:center!important;gap:20px!important}.spec-pick-container{width:160px!important;height:200px!important;margin:0!important;bottom:0!important}.spec-full-body{height:120%!important;bottom:10px!important;left:-50px!important}.spec-tech-backdrop{width:180%!important;right:-40px!important}.spec-ban-col{flex-flow:wrap!important;justify-content:center!important;gap:20px!important;width:100%!important}.spec-ban-label{text-align:center!important;width:100%!important;margin-bottom:10px!important}.spec-team-info{text-align:center!important;align-items:center!important;width:100%!important}}.flex-col-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-row-center{flex-direction:row;justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.draft-panel{background:var(--color-panel);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid #1c1c2e}.text-gold-glow{color:var(--color-gold);text-shadow:0 0 20px var(--dbgs-gold-glow)}.text-header{font-family:var(--font-headers);letter-spacing:2px;font-weight:900}.text-muted{color:var(--color-text-muted)}.btn{border-radius:var(--border-radius-sm);cursor:pointer;border:none;padding:14px 24px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){transform:scale(1.05)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-gold);color:#000;box-shadow:0 0 15px #e0c0404d}.btn-danger{color:#fff;background:#ef4444;box-shadow:0 2px #b91c1c}.btn-success{color:#000;background:#2ecc71;box-shadow:0 2px #188644}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-text-muted);background:0 0}@media (width<=768px){.flex-row-center,.draft-pick-layout{flex-direction:column!important;height:auto!important;overflow-y:visible!important}.draft-pick-layout{flex-wrap:wrap!important;display:flex!important}.draft-pick-layout>:nth-child(2){flex:none!important;order:1!important;width:100%!important}.draft-pick-layout>.team-panel-wrapper{order:2!important;width:50%!important;height:auto!important}.draft-pick-layout>:nth-child(3).team-panel-wrapper{order:3!important}.btn{min-height:48px!important}.draft-panel h1,.draft-panel h2,.text-header{letter-spacing:1px!important;font-size:1.25rem!important}.spectator-container{flex-direction:column!important;height:auto!important;overflow-y:auto!important}.spec-top-half,.spec-bottom-half{flex:none!important;width:100%!important;height:auto!important;padding:10px 0!important}.spec-timer-divider{width:100%!important;height:60px!important;margin:10px 0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.spec-divider-content{flex-direction:row!important;gap:15px!important}}