:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:2rem}header{text-align:center}header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,#ff6b6b,#ffa94d,#69db7c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#ffffff80;font-size:1rem;margin-top:.25rem}.battlefield{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.side{background:#ffffff0a;border:2px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem 2rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:180px;transition:all .25s ease;font-family:inherit;color:inherit}.side:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 40px #0006}.side--cat:hover,.side--cat.side--voted{border-color:#ffa94d;box-shadow:0 12px 40px #ffa94d26}.side--dog:hover,.side--dog.side--voted{border-color:#69db7c;box-shadow:0 12px 40px #69db7c26}.side__emoji{font-size:3.5rem;line-height:1}.side__label{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.side__score{font-size:2.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.side--cat .side__score{color:#ffa94d}.side--dog .side__score{color:#69db7c}.side__ascii{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#fff6;margin:.25rem 0;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}.side__cta{margin-top:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;transition:color .2s}.side:hover .side__cta{color:#ffffffb3}.vs{font-size:1.5rem;font-weight:800;color:#ffffff26;letter-spacing:.1em}.bar-section{width:100%;max-width:420px;display:flex;flex-direction:column;gap:.5rem;animation:fade-in .4s ease}.bar{display:flex;height:2rem;border-radius:1rem;overflow:hidden;background:#ffffff0f}.bar__fill{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:width .5s cubic-bezier(.34,1.56,.64,1);min-width:0;overflow:hidden;white-space:nowrap}.bar__fill--cat{background:linear-gradient(90deg,#ffa94d,#ff6b6b);color:#fff}.bar__fill--dog{background:linear-gradient(90deg,#69db7c,#38d9a9);color:#fff}.bar-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#ffffff73}footer{margin-top:auto;padding-top:1rem}footer p{color:#ffffff40;font-size:.85rem;margin:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}