*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f9fafb;margin:0;font-family:Inter,system-ui,sans-serif}#root{width:100%}h1,h2,h3,p{margin:0}button,input{font-family:inherit}ul{margin:0;padding:0}.app{color:#1a1a2e;background:#f9fafb;flex-direction:column;align-items:center;min-height:100dvh;font-family:Inter,system-ui,sans-serif;display:flex}header{text-align:center;width:100%;max-width:540px;padding:24px 16px 8px}header h1{letter-spacing:-.5px;color:#1a1a2e;margin:0 0 4px;font-size:2rem;font-weight:800}.subtitle{color:#666;margin:0;font-size:.85rem}main{flex-direction:column;gap:16px;width:100%;max-width:540px;padding:16px;display:flex}.stadium-image-box{background:#fff;border:2px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;min-height:220px;transition:border-color .3s;display:flex;overflow:hidden}.stadium-image-box.is-revealed{background:#f9fafb;border-color:#d1d5db}.stadium-silhouette{object-fit:contain;width:100%;max-height:280px;padding:16px;display:block}.answer-reveal{flex-direction:column;align-items:center;gap:10px;animation:.3s fadeSlideIn;display:flex}.answer-name{text-align:center;font-size:1.3rem;font-weight:800;line-height:1.2}.answer-name.won{color:#16a34a}.answer-name.lost{color:#dc2626}.answer-meta{color:#6b7280;margin-top:3px;font-size:.8rem;font-weight:400}.input-row{gap:8px;display:flex}.input-wrap{flex:1;position:relative}.stadium-input{box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .15s}.stadium-input:focus{border-color:#6366f1}.dropdown{z-index:100;background:#fff;border:2px solid #e5e7eb;border-radius:10px;max-height:300px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.dropdown li{cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;transition:background .1s;display:flex}.dropdown li:hover{background:#f3f4f6}.dd-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.dd-meta{color:#888;white-space:nowrap;font-size:.75rem}.sport-badge{letter-spacing:.3px;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.65rem;font-weight:700;display:inline-block}.sport-badge.nfl{color:#92400e;background:#fef3c7}.sport-badge.mlb{color:#1e40af;background:#dbeafe}.sport-badge.nba{color:#991b1b;background:#fee2e2}.sport-badge.nhl{color:#3730a3;background:#e0e7ff}.sport-badge.other{color:#374151;background:#f3f4f6}.sport-badge.sport-correct{outline:1.5px solid #16a34a;color:#15803d!important;background:#dcfce7!important}.guess-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:10px;padding:12px 22px;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.guess-btn:hover:not(:disabled){background:#4f46e5}.guess-btn:disabled{opacity:.4;cursor:not-allowed}.guess-counter{text-align:center;color:#6b7280;letter-spacing:.5px;font-size:.85rem;font-weight:700}.results{flex-direction:column;gap:6px;display:flex}.guess-row{background:#fff;border:2px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;min-height:52px;padding:10px 14px;display:grid}.guess-row.empty{background:#f9fafb;border:2px dashed #e5e7eb}.guess-row.correct{background:#f0fdf4;border-color:#16a34a}.guess-stadium{flex-direction:column;gap:2px;display:flex;overflow:hidden}.guess-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.guess-team{color:#888;align-items:center;gap:4px;font-size:.7rem;display:flex}.guess-dist{color:#374151;text-align:right;white-space:nowrap;font-size:.85rem;font-weight:600}.guess-arrow{text-align:center;min-width:24px;font-size:1.2rem}.guess-pct{text-align:right;border-radius:6px;min-width:44px;padding:4px 8px;font-size:.9rem;font-weight:700}.guess-pct.hot{color:#15803d;background:#dcfce7}.guess-pct.warm{color:#854d0e;background:#fef9c3}.guess-pct.cold{color:#b91c1c;background:#fee2e2}.share-btn{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:background .15s}.share-btn:hover{background:#2d2d4e}.event-inline{text-align:left;background:#f8f7ff;border:2px solid #e0e0f0;border-radius:12px;width:100%;margin-top:14px;padding:16px;animation:.35s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.event-inline-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.event-year{color:#1a1a2e;font-size:1.6rem;font-weight:800;line-height:1}.event-date-label{color:#9ca3af;letter-spacing:.5px;background:#e9e8f4;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600}.event-title-inline{color:#1a1a2e;flex:1;min-width:120px;font-size:.95rem;font-weight:700}.event-blurb{color:#4b5563;margin:0;font-size:.88rem;line-height:1.6}@media (width<=400px){.dd-meta{display:none}.guess-row{padding:8px 10px}.event-year{font-size:1.3rem}}