body{margin:0;padding:0}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--spurs-primary:#c4ced4;--spurs-dark:#000;--knicks-primary:#006bb6;--knicks-accent:#f58426;--bg-dark:#0a0e17;--bg-card:#ffffff0d;--text-primary:#fff;--text-secondary:#ffffffb3;--glow-spurs:#c4ced44d;--glow-knicks:#006bb64d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app{flex-direction:column;align-items:center;max-width:800px;min-height:100vh;margin:0 auto;padding:24px 16px 40px;display:flex;position:relative}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:var(--spurs-primary);width:300px;height:300px;animation-delay:0s;top:-100px;left:-50px}.orb-2{background:var(--knicks-primary);width:250px;height:250px;animation-delay:-3s;bottom:-80px;right:-50px}.orb-3{background:var(--knicks-accent);opacity:.15;width:200px;height:200px;animation-delay:-5s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.header{text-align:center;z-index:1;margin-bottom:32px;position:relative}.header-badge{letter-spacing:4px;background:linear-gradient(135deg, var(--knicks-accent), #ff9a56);text-transform:uppercase;border-radius:20px;margin-bottom:16px;padding:6px 20px;font-family:Orbitron,monospace;font-size:11px;font-weight:700;animation:3s ease-in-out infinite pulse-glow;display:inline-block}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #f584264d}50%{box-shadow:0 0 40px #f5842699}}.header-title{flex-direction:column;gap:4px;display:flex}.title-line{letter-spacing:8px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:28px;font-weight:900}.title-main{letter-spacing:12px;background:linear-gradient(135deg, var(--spurs-primary), #fff, var(--knicks-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Noto Sans SC,sans-serif;font-size:42px}.title-sub{letter-spacing:6px;background:linear-gradient(135deg, var(--knicks-accent), gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:8px;font-family:Noto Sans SC,sans-serif;font-size:18px;font-weight:400}.matchup{z-index:1;align-items:center;gap:16px;width:100%;margin-bottom:28px;display:flex;position:relative}.team-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;flex:1;align-items:center;padding:24px 12px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.team-card:before{content:"";opacity:0;border-radius:24px;transition:opacity .4s;position:absolute;inset:0}.team-spurs:before{background:linear-gradient(#c4ced41a,#0000)}.team-knicks:before{background:linear-gradient(#006bb626,#0000)}.team-card:hover:before,.team-card.voted:before{opacity:1}.team-card.voted{border-color:#fff3;transform:scale(1.02)}.team-card.dimmed{opacity:.5;transform:scale(.97)}.team-city{letter-spacing:3px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:12px;font-family:Orbitron,monospace;font-size:10px;font-weight:700}.team-logo-wrapper{border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:16px;display:flex;position:relative}.team-spurs .team-logo-wrapper{box-shadow:0 0 30px var(--glow-spurs)}.team-knicks .team-logo-wrapper{box-shadow:0 0 30px var(--glow-knicks)}.team-logo{object-fit:contain;width:60px;height:60px}.team-name{letter-spacing:2px;text-align:center;margin-bottom:8px;font-size:16px;font-weight:700}.team-votes{align-items:baseline;gap:4px;margin-bottom:16px;display:flex}.vote-count{background:linear-gradient(135deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:36px;font-weight:900}.team-spurs .vote-count{background:linear-gradient(135deg, #fff, var(--spurs-primary));-webkit-background-clip:text;background-clip:text}.team-knicks .vote-count{background:linear-gradient(135deg, #fff, var(--knicks-primary));-webkit-background-clip:text;background-clip:text}.vote-label{color:var(--text-secondary);font-size:14px;font-weight:500}.vote-btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:14px;width:100%;padding:12px 16px;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.spurs-btn{background:linear-gradient(135deg, #8b9daf, var(--spurs-primary));color:#000}.spurs-btn:not(:disabled):hover{background:linear-gradient(135deg, var(--spurs-primary), #dde3e8);box-shadow:0 8px 30px var(--glow-spurs);transform:translateY(-2px)}.knicks-btn{background:linear-gradient(135deg, #004a80, var(--knicks-primary));color:#fff}.knicks-btn:not(:disabled):hover{background:linear-gradient(135deg, var(--knicks-primary), #0088e8);box-shadow:0 8px 30px var(--glow-knicks);transform:translateY(-2px)}.vote-btn:disabled{cursor:not-allowed;opacity:.6}.vote-btn.voted-btn{box-shadow:0 4px 20px #10b98166;opacity:1!important;color:#fff!important;background:linear-gradient(135deg,#10b981,#34d399)!important}.vote-btn.animating{pointer-events:none}.vs-container{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.vs-text{color:var(--knicks-accent);text-shadow:0 0 20px #f5842680;font-family:Orbitron,monospace;font-size:24px;font-weight:900;animation:2s ease-in-out infinite vs-pulse}@keyframes vs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.vs-line{background:linear-gradient(to bottom, var(--knicks-accent), transparent);width:2px;height:40px}.vote-bar-container{z-index:1;width:100%;margin-bottom:32px;position:relative}.vote-bar{background:#ffffff14;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:12px;display:flex;overflow:hidden}.vote-bar-spurs{background:linear-gradient(90deg, #8b9daf, var(--spurs-primary));min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.vote-bar-knicks{background:linear-gradient(90deg, var(--knicks-primary), var(--knicks-accent));min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.vote-bar-labels{justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;font-weight:500;display:flex}.bar-label{color:var(--text-secondary)}.spurs-label{color:var(--spurs-primary)}.knicks-label{color:var(--knicks-primary)}.bar-total{color:var(--knicks-accent);font-family:Orbitron,monospace;font-size:12px;font-weight:700}.footer{text-align:center;z-index:1;color:var(--text-secondary);font-size:13px;position:relative}.footer-sub{color:#ffffff59;margin-top:4px;font-size:11px}.confetti-container{pointer-events:none;z-index:999;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.3)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-box{text-align:center;background:linear-gradient(145deg,#1a1f2e,#0f1219);border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:340px;padding:32px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-icon{margin-bottom:12px;font-size:48px}.modal-title{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700}.modal-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.modal-team-name{color:var(--knicks-accent);font-size:18px}.modal-buttons{gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:14px 16px;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.modal-btn-no{color:var(--text-secondary);background:#ffffff14;border:1px solid #ffffff1a}.modal-btn-no:hover{color:#fff;background:#ffffff26}.modal-btn-yes{color:#fff;background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 20px #10b9814d}.modal-btn-yes:hover{transform:translateY(-1px);box-shadow:0 6px 25px #10b98166}.abstain-section{z-index:1;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex;position:relative}.abstain-btn{width:100%;max-width:340px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px dashed #fff3;border-radius:14px;padding:14px 24px;font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:500;transition:all .3s}.abstain-btn:not(:disabled):hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.abstain-btn:disabled{cursor:not-allowed;opacity:.5}.abstain-btn.voted-btn{opacity:1!important;color:#9ca3af!important;background:#6b728033!important;border-style:solid!important;border-color:#9ca3af4d!important}.abstain-btn.dimmed{opacity:.3}.abstain-votes{color:#ffffff59;font-size:12px}.vote-bar-abstain{background:#ffffff1a;min-width:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}@media (width<=480px){.app{padding:16px 10px 32px}.title-line{letter-spacing:4px;font-size:22px}.title-main{letter-spacing:6px;font-size:32px}.title-sub{letter-spacing:3px;font-size:15px}.matchup{gap:8px}.team-card{border-radius:18px;padding:18px 8px 16px}.team-logo-wrapper{width:72px;height:72px}.team-logo{width:48px;height:48px}.team-name{font-size:14px}.vote-count{font-size:28px}.vs-text{font-size:18px}.vote-btn{border-radius:12px;padding:10px 12px;font-size:13px}}.voted-notice{color:#34d399;text-align:center;z-index:1;background:#10b9811a;border:1px solid #10b9814d;border-radius:12px;margin-bottom:20px;padding:12px 20px;font-size:14px;animation:.5s fade-in;position:relative}.voted-notice b{font-size:16px}.loading-app{justify-content:center;align-items:center;min-height:100vh}.loading-spinner{font-size:48px;animation:1s ease-in-out infinite bounce-spin}.loading-text{color:var(--text-secondary);margin-top:16px;font-size:14px}@keyframes bounce-spin{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}