*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-bottom:2px solid #22d3ee;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.app-title{font-size:1.5rem;font-weight:700;color:#e2e8f0}.app-main{padding:1.5rem;max-width:1100px;margin:0 auto;width:100%;flex:1}.header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-box{display:flex;align-items:center;justify-content:center;gap:.3rem}.logo-img{width:auto;object-fit:contain}.logo-img--red{height:7vh}.logo-img--yellow{height:5vh}.lang-switcher{display:flex;gap:.4rem}.lang-btn{background:transparent;border:1px solid #475569;color:#94a3b8;padding:.3rem .7rem;border-radius:999px;cursor:pointer;font-size:.85rem;transition:all .15s}.lang-btn:hover{border-color:#22d3ee;color:#22d3ee}.lang-btn.active{background:#22d3ee;border-color:#22d3ee;color:#0f172a;font-weight:600}.day-heading{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .8rem;color:#22d3ee}.league-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.league-btn{background:transparent;border:1px solid #334155;color:#94a3b8;padding:.3rem .9rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.league-btn:hover{border-color:#22d3ee;color:#22d3ee}.league-btn.active{background:#1e3a5f;border-color:#22d3ee;color:#e2e8f0;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.match-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1rem;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.match-card:hover{transform:translateY(-2px);border-color:#22d3ee;box-shadow:0 4px 20px #22d3ee26}.match-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.match-league{font-size:.75rem;color:#64748b}.badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;letter-spacing:.05em}.badge-upcoming{background:#334155;color:#94a3b8}.badge-live{background:#dc2626;color:#fff;animation:pulse 1.5s infinite}.badge-finished{background:#1e3a5f;color:#94a3b8}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.match-teams{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0;gap:.5rem}.team{display:flex;align-items:center;gap:.4rem;flex:1}.home-team{justify-content:flex-start}.away-team{justify-content:flex-end}.team-logo{width:28px;height:28px;object-fit:contain}.team-name{font-size:.9rem;font-weight:600;color:#e2e8f0}.match-score{font-size:1.1rem;font-weight:700;color:#22d3ee;min-width:50px;text-align:center}.match-kickoff{font-size:.75rem;color:#64748b;text-align:center;margin-bottom:.6rem}.pct-bar-container{margin-top:.5rem}.pct-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:#0f172a}.pct-home{background:#22c55e}.pct-draw{background:#f59e0b}.pct-away{background:#ef4444}.pct-labels{display:flex;justify-content:space-between;font-size:.7rem;margin-top:.3rem}.pct-label-home{color:#22c55e}.pct-label-draw{color:#f59e0b;text-align:center;flex:1}.pct-label-away{color:#ef4444;text-align:right}.no-prediction-hint{font-size:.75rem;color:#475569;text-align:center;margin-top:.5rem}.status-msg{text-align:center;color:#64748b;padding:2rem}.status-msg.error{color:#ef4444}.empty-msg{color:#475569;font-size:.9rem;padding:.5rem 0}.match-detail{max-width:680px;margin:0 auto}.back-btn{background:transparent;border:none;color:#22d3ee;cursor:pointer;font-size:.9rem;padding:.5rem 0;margin-bottom:1rem;display:inline-block}.back-btn:hover{text-decoration:underline}.detail-header{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem;text-align:center;margin-bottom:1.5rem}.detail-league{font-size:.8rem;color:#22d3ee;margin-bottom:.8rem}.detail-teams{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0}.detail-team{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-weight:600;font-size:1rem;flex:1}.detail-logo{width:48px;height:48px;object-fit:contain}.detail-score{font-size:2rem;font-weight:800;color:#22d3ee;min-width:80px;text-align:center}.detail-kickoff{font-size:.8rem;color:#64748b;margin-top:.5rem}.detail-status{margin-top:.6rem}.prediction-view{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem}.outcome-bars{margin-bottom:1.5rem}.outcome-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.outcome-label{width:120px;font-size:.85rem;color:#94a3b8;text-align:right}.outcome-bar-track{flex:1;background:#0f172a;border-radius:999px;height:10px;overflow:hidden}.outcome-bar{height:100%;border-radius:999px;transition:width .4s ease}.home-bar{background:#22c55e}.draw-bar{background:#f59e0b}.away-bar{background:#ef4444}.outcome-pct{width:40px;font-size:.85rem;font-weight:700;text-align:left}.section{margin-bottom:1.5rem}.section:last-child{margin-bottom:0}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.6rem}.scorelines{display:flex;flex-wrap:wrap;gap:.6rem}.scoreline-item{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.scoreline-score{font-size:1.1rem;font-weight:700;color:#e2e8f0}.scoreline-pct{font-size:.75rem;color:#64748b}.stars{font-size:1.3rem;display:flex;gap:.2rem}.star.empty{opacity:.2;filter:grayscale(100%)}.analysis-text{color:#cbd5e1;line-height:1.65;font-size:.95rem}.no-prediction{color:#475569;font-style:italic}.live-predictions-wrap{margin-top:1rem}.live-predictions{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:1.5rem}.live-pred-head,.live-pred-row{display:grid;grid-template-columns:72px 64px 1fr 1fr 1fr 100px;align-items:center;gap:.5rem;padding:.45rem 0}.live-pred-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;border-bottom:1px solid #334155;margin-bottom:.25rem}.live-pred-row{border-bottom:1px solid #1e293b;font-size:.88rem}.live-pred-row:last-child{border-bottom:none}.live-pred-row:hover{background:#0f172a;border-radius:6px}.live-time{display:flex;align-items:center;gap:.35rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.live-status-badge{font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:4px;background:#334155;color:#94a3b8;letter-spacing:.04em}.live-score{font-weight:700;color:#22d3ee;font-size:.95rem}.live-pct{font-weight:600}.live-col-home,.home-pct{color:#22c55e}.live-col-draw,.draw-pct{color:#f59e0b;text-align:center}.live-col-away,.away-pct{color:#ef4444;text-align:right}.live-col-bar{display:flex;align-items:center}.live-pred-row--clickable{cursor:pointer}.live-pred-row--clickable:hover{background:#162032;border-radius:6px}.live-mini-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;width:100%;background:#0f172a}.live-seg{display:block}.live-seg-home{background:#22c55e}.live-seg-draw{background:#f59e0b}.live-seg-away{background:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-card{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-title-row{display:flex;align-items:center;gap:.5rem}.modal-time{font-size:1.1rem;font-weight:700;color:#e2e8f0}.modal-score{font-size:1.1rem;font-weight:700;color:#22d3ee;margin-left:.25rem}.modal-close{background:transparent;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:color .15s}.modal-close:hover{color:#e2e8f0}.modal-probs{margin-bottom:1.25rem}.modal-prob-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.modal-prob-label{width:120px;font-size:.85rem;color:#94a3b8;text-align:right}.modal-analysis{border-top:1px solid #334155;padding-top:1rem}.modal-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.5rem}@media (max-width: 480px){.app-main{padding:1rem}.detail-teams{gap:.5rem}.detail-team{font-size:.85rem}.outcome-label{width:90px;font-size:.75rem}.live-pred-head,.live-pred-row{grid-template-columns:60px 52px 1fr 1fr 1fr}.live-col-bar{display:none}.live-pred-head>span:last-child{display:none}}