.vote-view{height:100%;display:flex;flex-direction:column;padding:.75rem 1rem;margin:0 auto;width:100%;max-width:50vw}.vs-label{text-align:center;font-size:1rem;color:var(--cream);opacity:.9;margin-bottom:.75rem;flex-shrink:0}.vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;flex:1;min-height:0}.vs-divider{font-family:"DM Serif Display",serif;font-size:1.25rem;color:var(--gold);text-align:center;display:flex;align-items:center}.vote-count{text-align:center;margin-top:.5rem;font-size:.8rem;opacity:.7;flex-shrink:0}.loading-state{text-align:center;padding:4rem;color:var(--cream);opacity:.8}.club-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:left;color:inherit;min-height:0}.club-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 24px #0000004d}.club-card.selected{border-color:var(--penn-red);box-shadow:0 0 0 2px var(--penn-red)}.club-card-image{flex-shrink:0;width:100%;aspect-ratio:1;overflow:hidden;background:var(--penn-blue);border:5px solid rgba(255,255,255,.15);border-radius:12px 12px 0 0}.club-card-image img{width:100%;height:100%;object-fit:contain}.club-card-content{padding:.5rem .75rem;width:100%}.club-card-content h3{font-family:"DM Serif Display",serif;font-size:1rem;color:var(--cream);margin-bottom:.25rem;line-height:1.2}.club-card-content .subtitle{font-size:.7rem;color:#f5f1e8bf;line-height:1.3;margin-bottom:.25rem}.club-card-content .tags{font-size:.65rem;color:var(--gold);opacity:.9}@media (max-width: 700px){.vote-view{max-width:100%;padding:.5rem}.vs-grid{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;gap:.5rem;align-items:stretch;min-height:0}.vs-divider{flex-shrink:0}.club-card{width:100%;flex-direction:row;align-items:center;min-height:0;flex:1;padding:.5rem}.club-card-image{width:70px;height:70px;min-width:70px;min-height:70px;flex-shrink:0;border-radius:8px}.club-card-content{flex:1;min-width:0;padding:.4rem .5rem}.club-card-content h3{font-size:.9rem}.club-card-content .subtitle{font-size:.65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.rankings-view{height:100%;display:flex;flex-direction:column;padding:.75rem 1rem;max-width:800px;margin:0 auto;overflow:hidden}.rankings-header{text-align:center;margin-bottom:.75rem;flex-shrink:0}.rankings-header h1{font-size:1.5rem;color:var(--cream);margin-bottom:.25rem}.rankings-header p{font-size:.85rem;color:#f5f1e8cc;margin-bottom:.5rem}.vote-link{display:inline-block;padding:.5rem 1rem;background:var(--penn-red);color:#fff;border-radius:8px;font-weight:500;transition:background .2s}.vote-link:hover{background:#b31a1a;text-decoration:none}.rankings-list{display:flex;flex-direction:column;gap:.35rem;flex:1;min-height:0;overflow-y:auto}.rank-row{display:grid;grid-template-columns:2rem 36px 1fr auto;gap:.6rem;align-items:center;padding:.5rem .75rem;background:var(--card-bg);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:inherit;text-decoration:none;transition:border-color .2s,background .2s;flex-shrink:0}.rank-row:hover{border-color:var(--gold);background:var(--card-hover)}.rank-num{font-family:"DM Serif Display",serif;font-size:1rem;color:var(--gold);font-weight:600}.rank-image{width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--penn-blue)}.rank-image img{width:100%;height:100%;object-fit:cover}.rank-info h3{font-size:.9rem;color:var(--cream);margin-bottom:.1rem}.rank-info p{font-size:.7rem;color:#f5f1e8b3;line-height:1.2}.rank-tags{font-size:.65rem;color:var(--gold);opacity:.9}.rank-elo{font-weight:600;color:#fff;font-size:.9rem}@media (max-width: 550px){.rank-row{grid-template-columns:1.75rem 32px 1fr auto}.rank-image{width:32px;height:32px}}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app main{flex:1;min-height:0;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.5rem;background:#011f5b66;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.logo{text-decoration:none;color:inherit}.logo-text{font-family:"DM Serif Display",serif;font-size:1.25rem;color:var(--cream);letter-spacing:-.02em}.logo-text:after{content:" ·";color:var(--penn-red)}.header nav{display:flex;gap:1.5rem}.header nav a{color:#f5f1e8d9;font-weight:500;transition:color .2s}.header nav a:hover{color:var(--gold)}.loading-screen,.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center}.loader{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--penn-red);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-screen h2{color:var(--penn-red);margin-bottom:.5rem}:root{--primary: #011F5B;--secondary: #990000;--penn-red: var(--secondary);--penn-blue: var(--primary);--penn-blue-light: #1a3a6e;--cream: #F5F1E8;--gold: #7EB8DA;--dark-bg: #0a1628;--card-bg: rgba(255, 255, 255, .03);--card-hover: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--dark-bg);color:var(--cream);-webkit-font-smoothing:antialiased}h1,h2{font-family:"DM Serif Display",Georgia,serif}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}