@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--vbt-blue:#1441a1;--vbt-sky:#29b6f6;--bg-dark:#070a13;--bg-surface:#0d1426a6;--bg-surface-hover:#141e3ad9;--border-glow:#29b6f626;--border-light:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-shakes:#00b0ff;--color-shakes-rgb:0, 176, 255;--color-fries:#ff9100;--color-fries-rgb:255, 145, 0;--color-tie:#a855f7;--gradient-vbt:linear-gradient(135deg, #1441a1 0%, #29b6f6 100%);--gradient-shakes:linear-gradient(135deg, #00b0ff 0%, #0077c2 100%);--gradient-fries:linear-gradient(135deg, #ff9100 0%, #e65100 100%);--gradient-card:linear-gradient(135deg, #141e3a66 0%, #0d142699 100%);--shadow-glow-shakes:0 0 15px #00b0ff40;--shadow-glow-fries:0 0 15px #ff910040;--shadow-card:0 8px 32px 0 #0000005e;--font-title:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(at 0 0,#1441a11a 0,#0000 50%),radial-gradient(at 100% 100%,#29b6f614 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1;filter:drop-shadow(0 0 8px #29b6f666)}}.animate-fade{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);box-shadow:var(--shadow-card);border-radius:16px;transition:all .2s}.glass-panel:hover{background:var(--bg-surface-hover);border-color:#ffffff1a}.glass-card-shakes{border-left:4px solid var(--color-shakes)}.glass-card-fries{border-left:4px solid var(--color-fries)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.tug-of-war-container{background:#ffffff0d;border:1px solid #ffffff14;border-radius:9px;height:18px;position:relative;overflow:hidden}.tug-of-war-bar-shakes{background:var(--gradient-shakes);box-shadow:var(--shadow-glow-shakes);transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0}.tug-of-war-bar-fries{background:var(--gradient-fries);box-shadow:var(--shadow-glow-fries);transition:width .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;right:0}.tug-of-war-center{z-index:5;background:#fff;width:4px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #fff}.toggle-group{border:1px solid var(--border-light);background:#00000040;border-radius:12px;padding:4px;display:flex}.toggle-btn{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.toggle-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 8px #00000026}.winner-selector{border:1px solid var(--border-light);background:#0000004d;border-radius:10px;width:100%;padding:3px;display:flex}.winner-option{font-size:.75rem;font-weight:700;font-family:var(--font-title);color:var(--text-muted);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 4px;transition:all .15s}.winner-option.active-shakes{background:var(--gradient-shakes);color:#fff;box-shadow:var(--shadow-glow-shakes)}.winner-option.active-fries{background:var(--gradient-fries);color:#fff;box-shadow:var(--shadow-glow-fries)}.winner-option.active-tie{background:var(--color-tie);color:#fff;box-shadow:0 0 10px #a855f74d}.block-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.block-content{border-top:1px solid var(--border-light);padding:16px;transition:max-height .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.mobile-nav-bar{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#0d1426d9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px;height:50px;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.mobile-nav-item.active{color:var(--vbt-sky)}.mobile-nav-item.active svg{filter:drop-shadow(0 0 5px #29b6f680)}.content-area{max-width:600px;margin:0 auto;padding:16px 16px 90px}.badge{text-transform:uppercase;border-radius:9999px;padding:3px 8px;font-size:.65rem;font-weight:700}.badge-shakes{color:var(--color-shakes);background:#00b0ff26;border:1px solid #00b0ff4d}.badge-fries{color:var(--color-fries);background:#ff910026;border:1px solid #ff91004d}.live-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow;display:inline-block;box-shadow:0 0 8px #ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}