*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Instrument Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", var(--font-sans);--bg-base: #06060a;--bg-elevated: #0e0e14;--bg-surface: #14141c;--bg-overlay: rgba(6, 6, 10, .72);--text-primary: #f4f4f8;--text-secondary: #9b9bb0;--text-muted: #63637a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--accent-gold: #f5c842;--accent-gold-dim: rgba(245, 200, 66, .15);--accent-violet: #8b7cff;--accent-violet-dim: rgba(139, 124, 255, .12);--dem-500: #3b7dff;--dem-700: #1a4fd4;--dem-glow: rgba(59, 125, 255, .35);--rep-500: #ff4d6d;--rep-700: #c41e3a;--rep-glow: rgba(255, 77, 109, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .55);--shadow-glow-gold: 0 0 40px rgba(245, 200, 66, .12);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}::selection{background:#8b7cff59;color:#fff}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,124,255,.08),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(59,125,255,.06),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,77,109,.06),transparent),var(--bg-base)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#06060ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:1rem;z-index:20}.brand-lockup{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-row{display:flex;align-items:baseline;gap:.15rem;line-height:1}.brand-mark{font-family:var(--font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--accent-gold) 0%,#fff 50%,var(--accent-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.header-tagline{font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.02em}.header-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.header-sub{font-size:.75rem;color:var(--text-muted);text-align:right}.header-actions{display:flex;align-items:center;gap:.5rem;position:relative;flex-shrink:0}.header-menu-wrap{position:relative}.menu-btn{width:44px;padding:0;font-size:1.15rem}.header-menu-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:40;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:240px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:.5rem;box-shadow:var(--shadow-lg)}.header-menu-action{width:100%}.header-vote-stats{display:flex;flex-direction:column;gap:.5rem;min-width:320px}.vote-split-row{display:flex;align-items:center;gap:.6rem}.vote-split-label{min-width:112px;font-size:.68rem;font-weight:500;color:var(--text-secondary);text-align:right}.vote-split-bar{display:flex;flex:1;height:10px;border-radius:var(--radius-full);overflow:hidden;background:#ffffff0a;box-shadow:inset 0 1px 2px #0000004d}.vote-segment{height:100%;transition:width .4s var(--ease-out)}.vote-segment-dem{background:linear-gradient(90deg,var(--dem-700),var(--dem-500))}.vote-segment-rep{background:linear-gradient(90deg,var(--rep-700),var(--rep-500))}.vote-segment-underdog{background:linear-gradient(90deg,#888,#e8e8f0)}.vote-segment-frontrunner{background:linear-gradient(90deg,#222,#444)}.stats-drawer{flex-shrink:0;border-bottom:1px solid var(--border-subtle);background:#0e0e14e6;padding:14px 20px}.stats-tags{margin-top:.5rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stats-tags-label{font-size:.68rem;font-weight:500;color:var(--text-secondary);min-width:112px;text-align:right}.stats-tag-list{display:flex;gap:.4rem;flex-wrap:wrap}.stats-tag-chip{border:1px solid var(--border-default);background:#ffffff0a;color:var(--text-primary);border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.68rem;font-weight:500;text-transform:capitalize}.header-btn{border:1px solid var(--border-default);background:#ffffff0a;color:var(--text-primary);border-radius:var(--radius-md);padding:9px 14px;min-height:40px;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease-out),box-shadow .16s ease}.header-btn:hover{border-color:var(--border-strong);background:#ffffff14}.header-btn:active{transform:scale(.98)}.header-btn:focus-visible,.leaderboard-sort-btn:focus-visible,.nav-btn:focus-visible,.candidate-wiki-link:focus-visible,.settings-slider:focus-visible,.pick-cta:focus-visible{outline:2px solid var(--accent-violet);outline-offset:2px}.header-btn-primary{background:linear-gradient(135deg,var(--accent-violet) 0%,#6b5ce7 100%);border-color:transparent;color:#fff;box-shadow:0 4px 16px #8b7cff40}.header-btn-primary:hover{background:linear-gradient(135deg,#9d8fff 0%,var(--accent-violet) 100%);box-shadow:0 6px 20px #8b7cff59}.settings-wrap{position:relative}.settings-btn{width:40px;padding:0;font-size:1rem}.settings-popover{position:absolute;top:calc(100% + 10px);right:0;width:250px;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-lg);z-index:30}.help-popover p{margin:.45rem 0 0;font-size:.78rem;line-height:1.5;color:var(--text-secondary)}.settings-title{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.6rem}.settings-slider{width:100%;accent-color:var(--accent-violet)}.settings-scale{margin-top:.4rem;display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted)}.insights-drawer{flex-shrink:0;background:#0e0e14f2;border-bottom:1px solid var(--border-subtle);padding:16px 20px}.startup-notice{padding:12px 20px;background:linear-gradient(90deg,#f5c8421f,#8b7cff14);border-bottom:1px solid rgba(245,200,66,.2);color:var(--accent-gold);font-size:.8rem;font-weight:500}.insights-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.insights-title{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-primary)}.challenge-btn{font-size:.72rem}.insights-body{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.55}.insights-status{font-size:.82rem;color:var(--text-secondary)}.insights-loading{display:inline-flex;align-items:center;gap:.5rem}.insights-loading-text{animation:insightsPulse 1.35s ease-in-out infinite}.insights-loading-dots{display:inline-flex;align-items:center;gap:.22rem}.insights-loading-dots span{width:.35rem;height:.35rem;border-radius:var(--radius-full);background:var(--accent-violet);animation:insightsDotBounce .95s ease-in-out infinite}.insights-loading-dots span:nth-child(2){animation-delay:.12s}.insights-loading-dots span:nth-child(3){animation-delay:.24s}@keyframes insightsPulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes insightsDotBounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-.2rem);opacity:1}}.insights-error{color:#ff6b8a}.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.insight-block{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:var(--radius-lg);padding:.85rem}.insight-block h3{margin:0 0 .5rem;color:var(--text-primary);font-size:.8rem;font-weight:700}.insights-list{margin:.35rem 0 0;padding-left:1.1rem;font-size:.8rem;color:var(--text-secondary);line-height:1.45}.insights-list li+li{margin-top:.3rem}.recommendation-list{display:flex;flex-direction:column;gap:.4rem}.recommendation-item{text-align:left;border:1px solid var(--border-default);background:#ffffff08;color:var(--text-primary);border-radius:var(--radius-md);padding:.55rem .7rem;font-size:.78rem;font-weight:500;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s var(--ease-out)}.recommendation-item:hover{border-color:var(--accent-violet);background:var(--accent-violet-dim);transform:translate(2px)}.insights-footnote{margin:.5rem 0 0;color:var(--text-muted);font-size:.72rem}@media(max-width:1000px){.insights-grid{grid-template-columns:1fr}}.leaderboard-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;padding:1.25rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-modal{width:min(820px,95vw);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideUp .28s var(--ease-out)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-modal-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.leaderboard-modal-top h2{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.leaderboard-close-btn{font-size:.78rem}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:56px 1fr 110px 88px 88px 100px;gap:.6rem;align-items:center;padding:10px 20px}.leaderboard-header{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle)}.leaderboard-body{max-height:min(55vh,360px);overflow-y:auto}.leaderboard-row{border-bottom:1px solid var(--border-subtle);font-size:.82rem;transition:background .12s ease}.leaderboard-row:hover{background:#ffffff05}.lb-name{color:var(--text-primary);font-weight:600}.lb-party{font-size:.72rem;font-weight:600;border-radius:var(--radius-full);padding:.15rem .55rem;width:fit-content}.lb-dem{color:#9ec4ff;background:#3b7dff1f;border:1px solid rgba(59,125,255,.25)}.lb-rep{color:#ff9eb0;background:#ff4d6d1f;border:1px solid rgba(255,77,109,.25)}.leaderboard-status{font-size:.82rem;color:var(--text-muted);padding:16px 20px}.leaderboard-error{color:#ff6b8a}.leaderboard-footer{border-top:1px solid var(--border-subtle);padding:12px 20px;font-size:.75rem;color:var(--text-muted)}.leaderboard-sort-btn{border:0;padding:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;font-weight:600}.leaderboard-sort-btn.active{color:var(--text-primary)}.leaderboard-sort-btn:hover{color:var(--accent-violet)}.share-modal-body{padding:16px 20px 24px}.share-preview{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.share-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.share-actions .header-btn-primary,.share-actions .share-twitter-btn{flex:1;min-width:140px}.share-modal-body.insights-loading,.share-modal-body.insights-error,.share-modal-body.insights-status{padding:2rem 1.25rem;text-align:center}.arena{flex:1;display:flex;min-height:0;position:relative}.mode-shift-fx .arena{animation:modeShiftIn .35s var(--ease-out)}@keyframes modeShiftIn{0%{opacity:.6;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.candidate-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.75rem 2.5rem;position:relative;overflow:hidden;gap:1.25rem;border:0;text-align:inherit;color:inherit;cursor:pointer;min-height:320px;touch-action:manipulation;transition:filter .2s ease}.candidate-shell{flex:1;min-width:0;display:flex}.candidate-panel:focus-visible{outline:3px solid var(--accent-gold);outline-offset:-4px}.candidate-panel:hover:not(:disabled){filter:brightness(1.04)}.candidate-panel.vote-flash{animation:votePulse .42s var(--ease-out)}.candidate-panel.vote-flash-strong{animation:votePulseStrong .92s var(--ease-spring)}.candidate-panel .vote-sparkle{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.12) 30%,transparent 65%)}.candidate-panel.vote-flash .vote-sparkle{animation:voteSpark .48s ease-out}.candidate-panel.vote-flash-strong .vote-sparkle{animation:voteSparkStrong .92s ease-out}@keyframes votePulse{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes votePulseStrong{0%{transform:scale(1)}28%{transform:scale(1.06)}55%{transform:scale(.99)}to{transform:scale(1)}}@keyframes voteSpark{0%{opacity:0;transform:scale(.45)}20%{opacity:.85}to{opacity:0;transform:scale(1.2)}}@keyframes voteSparkStrong{0%{opacity:0;transform:scale(.5)}15%{opacity:1}to{opacity:0;transform:scale(1.35)}}.prediction-photo-ring{animation:predictionRingPulse calc(1.5s - (var(--prediction-strength, 0) * .75s)) var(--ease-out) infinite;opacity:calc(.3 + (var(--prediction-strength, 0) * .7))}.prediction-photo-pulse{animation:predictionPhotoPulse calc(1.5s - (var(--prediction-strength, 0) * .75s)) ease-in-out infinite}.prediction-waves{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;z-index:1}.prediction-waves span{position:absolute;width:clamp(160px,18vw,240px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(245,200,66,.45);box-shadow:0 0 30px #f5c84233;animation:gravityWavePulse calc(1.9s - (var(--prediction-strength, 0) * .9s)) ease-out infinite;opacity:calc(.35 + (var(--prediction-strength, 0) * .65))}.prediction-waves span:nth-child(2){animation-delay:.45s}.prediction-waves span:nth-child(3){animation-delay:.9s}@keyframes predictionRingPulse{0%{box-shadow:0 0 #f5c842cc,0 12px 48px #00000080}55%{box-shadow:0 0 0 18px #f5c84240,0 0 0 32px #f5c8421a,0 12px 48px #00000080}to{box-shadow:0 0 #f5c84200,0 12px 48px #00000080}}@keyframes predictionPhotoPulse{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.05);filter:saturate(1.15) brightness(1.05)}}@keyframes gravityWavePulse{0%{opacity:0;transform:scale(.75)}12%{opacity:.9}to{opacity:0;transform:scale(2.2)}}.panel-dem{background:radial-gradient(ellipse 120% 80% at 50% 120%,rgba(59,125,255,.25),transparent),linear-gradient(165deg,#0a1628,#0f2848 35%,#1a4080)}.panel-rep{background:radial-gradient(ellipse 120% 80% at 50% 120%,rgba(255,77,109,.2),transparent),linear-gradient(195deg,#1a0810,#3d0f1f 35%,#6b1830)}.candidate-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0;opacity:.6}.candidate-panel:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:0;opacity:.5;background-repeat:repeat;background-size:220px 220px;animation:driftParticles 18s linear infinite}.panel-dem:after{background-image:radial-gradient(circle at 14% 22%,rgba(130,188,255,.35) 0 3px,transparent 4px),radial-gradient(circle at 74% 34%,rgba(175,214,255,.25) 0 2px,transparent 3px),radial-gradient(circle at 42% 78%,rgba(121,175,255,.22) 0 2.5px,transparent 3.5px)}.panel-rep:after{background-image:radial-gradient(circle at 18% 28%,rgba(255,151,151,.32) 0 3px,transparent 4px),radial-gradient(circle at 68% 42%,rgba(255,186,186,.26) 0 2px,transparent 3px),radial-gradient(circle at 38% 76%,rgba(255,126,145,.22) 0 2.5px,transparent 3.5px)}.candidate-panel>*{position:relative;z-index:1}@keyframes driftParticles{0%{transform:translateZ(0)}50%{transform:translate3d(-24px,18px,0)}to{transform:translate3d(-48px,36px,0)}}.party-pill{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .85rem;border-radius:var(--radius-full);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.party-pill-dem{background:#3b7dff33;color:#b8d4ff}.party-pill-rep{background:#ff4d6d33;color:#ffc4d0}.party-tag{position:absolute;top:16px;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.7;color:#fff}.photo-wrapper{width:clamp(180px,22vw,260px);height:clamp(180px,22vw,260px);border-radius:50%;overflow:visible;position:relative;isolation:isolate;border:4px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #ffffff1a,0 0 0 10px #ffffff0f,0 16px 56px #00000073;flex-shrink:0;animation:popIn .4s var(--ease-spring) both}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.candidate-photo{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit;display:block}.initials-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:4.5rem;font-weight:800;letter-spacing:-.05em;color:#ffffffeb}.initials-dem{background:#1a4fd473}.initials-rep{background:#c41e3a73}.candidate-info{display:flex;flex-direction:column;align-items:center;gap:.85rem;animation:slideUp .35s var(--ease-out) both;max-width:90%}.candidate-panel:disabled{opacity:.85;cursor:wait}.candidate-panel[aria-busy=true]{pointer-events:none}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.candidate-name{font-family:var(--font-display);font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:800;text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.4);letter-spacing:-.03em;line-height:1.15;color:#fff;display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.candidate-wiki-link{width:1.2rem;height:1.2rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.5);color:#fff;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#00000040;transition:background .14s ease,transform .14s var(--ease-out);padding:0;cursor:pointer;font-family:inherit}.candidate-wiki-link:hover{background:#fff3;transform:scale(1.08)}.candidate-summary-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:70;padding:1.25rem;animation:fadeIn .2s ease-out}.candidate-summary-modal{width:min(520px,95vw);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);animation:modalSlideUp .28s var(--ease-out)}.candidate-summary-modal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}.candidate-summary-modal-top h2{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.candidate-summary-party{margin:.25rem 0 0;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.candidate-summary-close-btn{flex-shrink:0}.candidate-summary-modal-body{padding:18px 20px;max-height:min(50vh,320px);overflow-y:auto}.candidate-summary-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.candidate-summary-bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.85rem}.candidate-summary-bullets li{position:relative;padding-left:1rem}.candidate-summary-bullets li:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;border-radius:50%;background:var(--accent-gold)}.candidate-summary-bullet-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.candidate-summary-bullet-text{display:block;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.candidate-summary-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.candidate-summary-modal-footer{padding:14px 20px 18px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end}.candidate-summary-wiki-btn{text-decoration:none}.prob-pill{display:flex;flex-direction:column;align-items:center;background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);padding:.5rem 1.5rem}.prob-pct{font-family:var(--font-display);font-size:1.85rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.02em}.prob-label{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8;color:#ffffffe6;margin-top:2px}.pick-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:2px solid rgba(255,255,255,.35);background:#ffffff1f;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 24px #00000040;transition:transform .18s var(--ease-spring),background .18s ease,box-shadow .18s ease;pointer-events:none}.candidate-panel:hover:not(:disabled) .pick-cta{background:#fff3;transform:scale(1.03);box-shadow:0 6px 28px #00000059}.panel-dem .pick-cta{border-color:#b8d4ff80}.panel-rep .pick-cta{border-color:#ffc4d080}.vote-hint{font-size:.68rem;font-weight:500;letter-spacing:.04em;color:#ffffff8c}.candidate-poll-chip{display:flex;align-items:baseline;gap:.4rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);padding:.25rem .65rem}.candidate-poll-label{font-size:.52rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3}.candidate-poll-value{font-size:.65rem;font-weight:700;color:#fff}.vs-column{width:168px;flex-shrink:0;background:#0e0e14f2;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1rem .5rem}.vs-badge{width:52px;height:52px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.95rem;font-weight:800;letter-spacing:.06em;color:var(--text-primary);background:linear-gradient(145deg,#ffffff1a,#ffffff05);border:1px solid var(--border-strong);box-shadow:var(--shadow-glow-gold),var(--shadow-sm)}.vs-text{display:none}.matchup-names{font-size:.62rem;font-weight:500;color:var(--text-muted);text-align:center;line-height:1.35;padding:0 .25rem;max-width:100%}.controls-card{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.65rem;background:#ffffff08}.predict-btn{width:100%;border:none;background:linear-gradient(135deg,var(--accent-violet) 0%,#6b5ce7 100%);color:#fff;text-transform:none;letter-spacing:.02em;font-weight:700;font-size:.76rem;box-shadow:0 4px 16px #8b7cff4d;border-radius:var(--radius-md)}.predict-btn:hover{box-shadow:0 6px 22px #8b7cff66}.prediction-prob-bar{width:100%;display:flex;flex-direction:column;gap:.35rem;margin-top:auto}.prediction-prob-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-violet)}.prediction-prob-track{width:100%;height:12px;background:#00000059;border-radius:var(--radius-full);overflow:hidden;display:flex}.prediction-prob-segment{height:100%;transition:width .5s var(--ease-out)}.prediction-prob-dem{background:linear-gradient(90deg,var(--dem-700),var(--dem-500))}.prediction-prob-rep{background:linear-gradient(90deg,var(--rep-700),var(--rep-500))}.prediction-prob-labels{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-secondary);gap:.5rem}.prediction-prob-labels span{display:inline-flex;align-items:baseline;gap:.3rem}.prediction-prob-labels strong{font-weight:600;color:var(--text-primary)}.prediction-prob-labels em{font-style:normal;color:var(--accent-gold);font-weight:800;font-size:.75rem}.prediction-prob-gap{font-size:.66rem;color:var(--accent-gold);font-weight:600}.controls-title{font-size:.66rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;margin-bottom:.4rem}.controls-row{font-size:.66rem;color:var(--text-secondary);margin:.25rem 0;display:flex;align-items:center;gap:.4rem}.controls-row kbd{border:1px solid var(--border-default);border-bottom-width:2px;border-radius:6px;padding:.1rem .35rem;background:#00000059;color:var(--text-primary);font-size:.62rem;font-family:inherit;font-weight:600}.combined-prob{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem .75rem;background:var(--accent-gold-dim);border:1px solid rgba(245,200,66,.2);border-radius:var(--radius-md);width:100%}.cp-pct{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--accent-gold);letter-spacing:-.02em}.cp-label{font-size:.58rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.rank-badge{font-size:.7rem;color:var(--text-muted);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 12px}.nav-row{display:flex;align-items:center;gap:8px}.nav-btn{width:42px;height:42px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-default);color:var(--text-primary);font-size:1.35rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,transform .15s var(--ease-out);padding:0}.nav-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--border-strong);transform:scale(1.05)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-count{font-size:.72rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:3.5rem;text-align:center}.poll-card{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;padding:.7rem}.poll-title{font-size:.7rem;font-weight:700;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:.5rem}.poll-results-visible{margin-top:.5rem;border-top:1px solid var(--border-subtle);padding-top:.5rem}.poll-locked{font-size:.66rem;color:var(--text-muted);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:.5rem;text-align:center;margin-top:.35rem}.poll-row{display:flex;justify-content:space-between;color:var(--text-primary);font-size:.68rem;font-weight:500;margin:.25rem 0;gap:.4rem}.poll-meta{margin-top:.4rem;font-size:.64rem;color:var(--text-muted)}.poll-error{margin-top:.3rem;font-size:.64rem;color:#ff6b8a}.centered-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:1.5rem;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(139,124,255,.1),transparent),var(--bg-base);color:var(--text-primary);text-align:center;padding:2rem}.loading-brand{display:flex;align-items:baseline;gap:.1rem;margin-bottom:.5rem}.loading-brand .brand-mark,.loading-brand .brand-name{font-size:2.5rem}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent-violet);border-right-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:1rem;font-weight:500}.loading-help{max-width:420px;color:var(--accent-gold);font-size:.88rem;line-height:1.5}.error-icon{width:64px;height:64px;border-radius:var(--radius-full);background:#ff4d6d1f;border:2px solid rgba(255,77,109,.35);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:var(--rep-500)}.error-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.error-msg{color:#ff9eb0;font-size:.92rem;max-width:420px;background:#ff4d6d14;border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-lg);padding:.85rem 1.15rem;line-height:1.45}.error-hint{color:var(--text-muted);font-size:.85rem;max-width:380px;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vote-lock-msg{text-align:center;font-size:.82rem;color:var(--text-muted);padding:.5rem .8rem .75rem}.toast-banner{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;background:var(--bg-surface);border:1px solid var(--border-default);border-left:4px solid var(--toast-accent, var(--accent-violet));padding:.7rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease-spring),toastOut .35s ease-in 2.4s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.98)}}.streak-badge{font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#ff9a5c;background:linear-gradient(135deg,#ff8c4226,#f5c8421a);border:1px solid rgba(255,154,92,.35);border-radius:var(--radius-full);padding:.3rem .75rem;animation:streakPop .4s var(--ease-spring);box-shadow:0 4px 16px #ff8c4226}@keyframes streakPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.matchup-progress-bar{width:100%;height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.matchup-progress-fill{height:100%;background:linear-gradient(90deg,var(--dem-500),var(--accent-gold),var(--rep-500));border-radius:var(--radius-full);transition:width .45s var(--ease-out)}.auth-header-wrap{display:flex;align-items:center;gap:.5rem}.auth-username{color:var(--text-secondary);font-size:.82rem;font-weight:600}.auth-login-btn,.auth-logout-btn{font-size:.78rem;padding:6px 12px;border-radius:var(--radius-md)}.auth-login-btn{background:linear-gradient(135deg,var(--accent-violet),#6b5ce7);border:none;color:#fff}.auth-login-btn:hover{filter:brightness(1.08)}.auth-logout-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-default)}.auth-logout-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem;animation:fadeIn .2s ease-out}.auth-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:var(--shadow-lg);animation:modalSlideUp .3s var(--ease-out)}.auth-modal-close{position:absolute;top:14px;right:16px;background:#ffffff0f;border:none;border-radius:var(--radius-full);color:var(--text-muted);font-size:.9rem;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s ease,color .14s ease}.auth-modal-close:hover{background:#ffffff1f;color:var(--text-primary)}.auth-modal-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .4rem}.auth-modal-subtitle{font-size:.88rem;color:var(--text-secondary);margin:0 0 1.35rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.auth-input{background:#00000059;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:12px 14px;font-size:.95rem;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px var(--accent-violet-dim)}.auth-error{font-size:.82rem;color:#ff6b8a;background:#ff4d6d1a;border:1px solid rgba(255,77,109,.2);border-radius:var(--radius-md);padding:10px 12px}.auth-submit{background:linear-gradient(135deg,var(--accent-violet),#6b5ce7);color:#fff;border:none;border-radius:var(--radius-md);padding:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .2s,transform .15s var(--ease-out);box-shadow:0 4px 16px #8b7cff40}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-toggle{background:none;border:none;color:var(--text-muted);font-size:.84rem;font-weight:500;cursor:pointer;padding:10px 0 0;text-align:center;width:100%;display:block;transition:color .14s ease}.auth-toggle:hover{color:var(--accent-violet)}.account-prompt-modal{text-align:center}.account-prompt-actions{display:flex;flex-direction:column;gap:.55rem;margin-top:.5rem}@media(max-width:980px){.arena{flex-direction:column;overflow:hidden}.candidate-shell{width:100%;min-height:0;flex:1 1 0}.candidate-panel{min-height:0}.vs-column{width:100%;height:auto;flex:0 0 auto;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.9rem;gap:.6rem;border-left:none;border-right:none;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.vs-badge{width:44px;height:44px;font-size:.85rem}.poll-card,.controls-card{max-width:380px}}@media(max-width:700px){.app{height:100dvh}.app-header{padding:10px 14px;gap:.5rem}.brand-mark,.brand-name{font-size:1.15rem}.header-tagline{font-size:.6rem}.header-actions{width:auto}.header-menu-panel{min-width:210px}.arena{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);overflow:hidden}.candidate-shell{min-height:0;flex:1 1 0}.candidate-panel{height:100%;min-height:0;padding:.6rem .75rem .85rem;gap:.45rem}.party-pill{top:8px;font-size:.55rem;padding:.25rem .6rem}.party-tag{top:6px;font-size:.55rem}.photo-wrapper{width:88px;height:88px;border-width:3px;box-shadow:0 0 0 6px #ffffff0f,0 8px 28px #0006}.initials-avatar{font-size:2.2rem}.candidate-info{gap:.35rem}.vs-text,.matchup-names{display:none}.candidate-name{font-size:1rem;gap:.3rem}.candidate-wiki-link{width:.9rem;height:.9rem;font-size:.58rem}.prob-pct{font-size:1.05rem}.prob-pill{padding:.3rem .85rem}.prob-label{font-size:.52rem}.pick-cta{padding:.4rem .9rem;font-size:.68rem}.vote-hint{font-size:.52rem;opacity:.65}.header-vote-stats{min-width:0;width:100%}.vote-split-label{min-width:72px;font-size:.6rem}.header-sub{display:block;font-size:.62rem}.vs-column{width:100%;flex:0 0 auto;padding:.5rem .85rem;gap:.35rem;min-height:0}.combined-prob{flex-direction:row;gap:.35rem;padding:.35rem .65rem;width:auto}.cp-pct{font-size:.95rem}.cp-label{font-size:.5rem;margin-top:0}.poll-card{display:none}.nav-btn{width:38px;height:38px;font-size:1.2rem}.nav-count{font-size:.62rem}.predict-btn{width:auto;font-size:.62rem;min-height:34px;padding:6px 12px;border-radius:var(--radius-full)}.prediction-prob-bar{margin-top:0;max-width:280px}.prediction-prob-title{font-size:.55rem}.prediction-prob-track{height:8px}.prediction-prob-labels,.prediction-prob-gap{font-size:.52rem}.candidate-poll-chip{padding:.18rem .5rem}.candidate-poll-label{font-size:.44rem}.candidate-poll-value{font-size:.58rem}.leaderboard-modal{width:100%;height:100%;max-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.leaderboard-modal-backdrop{padding:0}.leaderboard-modal-top{padding:14px 16px}.leaderboard-header{display:none}.leaderboard-body{flex:1;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px}.leaderboard-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:12px 10px;font-size:.82rem}.leaderboard-row>span:first-child{font-size:.72rem;color:var(--text-muted);min-width:28px}.lb-name{font-size:.9rem;flex:1}.leaderboard-row>span:nth-child(4),.leaderboard-row>span:nth-child(5),.leaderboard-row>span:nth-child(6){font-size:.68rem;color:var(--text-secondary)}.leaderboard-row>span:nth-child(4):before{content:"Score: ";color:var(--text-muted)}.leaderboard-row>span:nth-child(5):before{content:"Win: ";color:var(--text-muted)}.leaderboard-row>span:nth-child(6):before{content:"Votes: ";color:var(--text-muted)}.stats-drawer{padding:10px 14px}.stats-tags{flex-direction:column;align-items:flex-start}.stats-tags-label{min-width:0;text-align:left}.insights-drawer{padding:12px 14px;max-height:50dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.insights-title{font-size:.8rem}.challenge-btn{font-size:.62rem;min-height:36px;padding:5px 10px}.insights-body{font-size:.82rem}.recommendation-item{font-size:.72rem;min-height:40px}.settings-popover{width:220px}}@media(max-width:380px){.brand-mark,.brand-name{font-size:1rem}.photo-wrapper{width:72px;height:72px}.candidate-name{font-size:.88rem}.prob-pct{font-size:.95rem}.nav-btn{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}