.app{max-width:800px;margin:0 auto;padding:16px;font-family:sans-serif}header{justify-content:space-between;align-items:baseline;display:flex}.last-crawled{color:#888;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.filter-bar select,.filter-bar input{padding:6px}.event-list{flex-direction:column;gap:8px;display:flex}.event-card{cursor:pointer;border:1px solid #ddd;border-radius:8px;padding:12px}.event-card:hover{background:#f8f8f8}.event-card h3{margin:4px 0;font-size:16px}.event-card-meta{color:#555;align-items:center;gap:8px;font-size:12px;display:flex}.event-card-sub{color:#666;font-size:13px}.badge{background:#eee;border-radius:4px;padding:2px 6px;font-size:11px}.badge-city_league{background:#ffd54f}.badge-gym_battle{background:#90caf9}.badge-independent{background:#a5d6a7}.badge-open{background:#ef9a9a}.badge-full{background:#bdbdbd}.badge-closed{color:#666;background:#e0e0e0}.badge-upcoming{background:#b3e5fc}.pagination{justify-content:center;gap:12px;margin:16px 0;display:flex}.modal-backdrop{background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:90%;max-width:480px;max-height:80vh;padding:24px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:8px;right:12px}.modal dl{grid-template-columns:100px 1fr;gap:6px;display:grid}.modal dt{color:#888}.source-link{margin-top:12px;display:inline-block}.error{color:#c00}.total{color:#555;font-size:13px}.site-footer{color:#888;border-top:1px solid #ddd;margin-top:32px;padding-top:12px;font-size:11px;line-height:1.6}.site-footer p{margin:4px 0}