*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:#1a1a1a}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:1.25rem;padding:.75rem 1.5rem;background:#1c2b4a;color:#fff}.nav a{color:#fff;text-decoration:none;font-weight:500}.nav a:hover{text-decoration:underline}.brand{font-weight:700;font-size:1.1rem}.nav-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}.username{opacity:.85}.nav button{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.3rem .7rem;border-radius:6px;cursor:pointer}.content{padding:1.5rem;max-width:1100px;margin:0 auto;width:100%}.card{background:#fff;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #00000014}form label{display:block;margin-bottom:.75rem;font-weight:500}form input,form select{display:block;width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}form button,.pick-buttons button{background:#1c2b4a;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem}form button:hover,.pick-buttons button:hover:not(:disabled){background:#14213d}.error{color:#c0392b;font-weight:500}.week-select{margin-bottom:1rem;font-weight:600}.games-list{display:flex;flex-direction:column;gap:1rem}.game-card{background:#fff;border-radius:10px;padding:1rem 1.25rem;box-shadow:0 1px 3px #00000014;border-left:4px solid #2e7d32}.game-card.locked{border-left-color:#999}.game-header{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.5rem}.kickoff{font-weight:400;color:#666;font-size:.9rem}.game-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.9rem}.score{font-weight:600}.score-live{color:#c0392b}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c0392b;margin-right:.35rem;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.meta-chip{background:#eef0f4;color:#444;padding:.1rem .5rem;border-radius:999px;font-size:.82rem}.meta-link{font-size:.85rem;color:#1c2b4a;text-decoration:none}.meta-link:hover{text-decoration:underline}.winner{color:#2e7d32;font-weight:600}.winner.winner-wrong{color:#c0392b}.pick-buttons{display:flex;gap:.5rem;margin:.5rem 0}.pick-buttons button.selected{background:#2e7d32}.pick-buttons button:disabled{opacity:.6;cursor:not-allowed}.hint{color:#888;font-size:.85rem;margin:.25rem 0 0}.all-picks{margin-top:.5rem;font-size:.9rem}.all-picks ul{margin:.25rem 0 0;padding-left:1.2rem}.all-picks li.pick-correct{color:#2e7d32;font-weight:600}.all-picks li.pick-wrong{color:#c0392b}table{width:100%;border-collapse:collapse;margin-top:1rem}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.leaderboard-header h2{margin:0}.leaderboard-header select{width:auto;margin:0}.crown{margin-left:.4rem}th,td{text-align:left;padding:.5rem;border-bottom:1px solid #eee}.inline-form{display:flex;gap:.5rem;align-items:flex-end;margin:1rem 0;flex-wrap:wrap}.inline-form input{width:auto;margin:0}.chat-card{display:flex;flex-direction:column;height:70vh;max-height:700px}.chat-messages{flex:1;overflow-y:auto;border:1px solid #eee;border-radius:8px;padding:.75rem;margin:.5rem 0;display:flex;flex-direction:column;gap:.6rem}.chat-message{max-width:80%;align-self:flex-start}.chat-message.chat-own{align-self:flex-end;text-align:right}.chat-meta{display:flex;gap:.5rem;font-size:.78rem;color:#888}.chat-message.chat-own .chat-meta{justify-content:flex-end}.chat-author{font-weight:600;color:#1c2b4a}.chat-body{margin:.15rem 0 0;background:#eef0f4;padding:.5rem .75rem;border-radius:10px;display:inline-block;word-break:break-word}.chat-message.chat-own .chat-body{background:#1c2b4a;color:#fff}.chat-message.chat-bot .chat-body{background:#fff3e0;border:1px solid #ffcc80}.chat-message.chat-bot .chat-author{color:#e65100}.chat-divider{display:flex;align-items:center;text-align:center;color:#c0392b;font-size:.78rem;font-weight:600;margin:.5rem 0}.chat-divider:before,.chat-divider:after{content:"";flex:1;border-bottom:1px solid #f0b8ae}.chat-divider span{padding:0 .6rem}.chat-reply-link{background:none;border:none;color:#888;font-size:.75rem;cursor:pointer;padding:0;text-decoration:underline}.chat-message.chat-own .chat-reply-link{margin-left:auto}.chat-reply-quote{font-size:.78rem;color:#666;background:#f4f5f7;border-left:3px solid #ccc;padding:.25rem .5rem;margin:.2rem 0;border-radius:4px;cursor:pointer;max-width:fit-content}.chat-message.chat-own .chat-reply-quote{margin-left:auto}.chat-reply-quote:hover{background:#eaebef}.chat-reply-preview{display:flex;justify-content:space-between;align-items:center;background:#eef0f4;padding:.4rem .6rem;border-radius:6px;font-size:.82rem;margin-bottom:.4rem}.chat-reply-preview button{background:none;border:none;cursor:pointer;font-size:.9rem}.chat-flash{animation:flash-highlight 1.2s ease;border-radius:8px}@keyframes flash-highlight{0%{background:#fff3cd}to{background:transparent}}.chat-image{max-width:260px;max-height:260px;border-radius:10px;display:block;margin-top:.15rem}.chat-pending-image{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.chat-pending-image img{max-height:80px;border-radius:6px}.chat-attach-btn{background:transparent;border:1px solid #ccc;border-radius:6px;padding:.4rem .6rem;cursor:pointer;font-size:1.1rem;flex-shrink:0}.chat-input-row{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.chat-input-wrap{position:relative;min-width:0}.chat-input-wrap input{display:block;width:100%;margin:0}.chat-mention-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.25rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001f;overflow:hidden;min-width:160px;z-index:5}.chat-mention-item{padding:.4rem .7rem;cursor:pointer;font-size:.9rem}.chat-mention-item.active,.chat-mention-item:hover{background:#eef0f4}.chat-mention{color:#1c2b4a;background:#e3e8f5;border-radius:4px;padding:0 .2rem;font-weight:600}.chat-typing{font-size:.8rem;color:#888;font-style:italic;margin:.2rem 0 .4rem}.chat-layout{display:flex;gap:1rem;align-items:flex-start}.chat-layout .chat-card{flex:2;min-width:0}.reddit-panel{flex:1;max-width:320px;max-height:70vh;overflow-y:auto}.reddit-panel h3{margin-top:0;font-size:1rem}.reddit-panel h3 a{color:inherit}.reddit-list{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.reddit-post{display:flex;gap:.5rem}.reddit-thumb{width:56px;height:56px;object-fit:cover;border-radius:6px;flex-shrink:0}.reddit-title{font-weight:600;font-size:.85rem;color:#1c2b4a;text-decoration:none;display:block}.reddit-title:hover{text-decoration:underline}.reddit-meta{font-size:.75rem;color:#888;margin-top:.2rem}@media (max-width: 820px){.chat-layout{flex-direction:column}.reddit-panel{max-width:none;width:100%;max-height:320px}}