:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--bg-app: #0b0f17;--bg-card: #121824;--bg-card-subtle: #0e131d;--bg-hover: #182030;--bg-input: #0a0d14;--border-subtle: #1e2738;--border-medium: #2a364d;--border-focus: #3b82f6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--color-home: #10b981;--color-away: #f43f5e;--color-draw: #64748b;--color-warning: #eab308;--color-danger: #ef4444;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.header{margin-bottom:2rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.75rem}.header-meta-row{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;flex-wrap:wrap}.header-meta-item{display:flex;align-items:center;gap:.4rem}.status-dot{width:6px;height:6px;background-color:var(--color-home);border-radius:50%}.meta-divider{color:var(--border-medium)}.header-brand{display:flex;flex-direction:column;gap:.35rem}.brand-category{font-size:.72rem;font-weight:800;color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase}.brand-title{font-family:var(--font-display);font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.15}.brand-subtitle{color:var(--text-secondary);font-size:.95rem;max-width:720px}.main-content{display:flex;flex-direction:column;gap:1.5rem}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.card-header-bar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:.75rem}.card-tag{display:block;font-size:.7rem;font-weight:700;color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.results-container{display:flex;flex-direction:column;gap:1.5rem;animation:contentReveal .35s cubic-bezier(.16,1,.3,1)}@keyframes contentReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.presets-bar{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-subtle)}.presets-title{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.6rem}.presets-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.preset-chip{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:.45rem;transition:all .15s ease}.preset-chip:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.preset-chip.active{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.preset-chip:disabled{opacity:.5;cursor:not-allowed}.preset-badge{font-size:.68rem;font-weight:700;color:var(--accent-primary);background:#2563eb1f;padding:.1rem .35rem;border-radius:var(--radius-sm);text-transform:uppercase}.selector-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.25rem;align-items:center;margin-bottom:1.5rem}@media (max-width: 768px){.selector-grid{grid-template-columns:1fr;gap:1rem}}.team-card{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;position:relative}.team-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}.team-badge-circle{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.85rem;letter-spacing:.04em;flex-shrink:0}.team-header-info{display:flex;flex-direction:column}.venue-tag{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.team-display-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.picker-group{margin-bottom:.9rem}.picker-group:last-child{margin-bottom:0}.picker-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem}.select-wrapper{position:relative}.select-input{width:100%;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.6rem .8rem;font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s ease,opacity .15s ease}.select-input:focus{border-color:var(--border-focus)}.select-input:disabled{opacity:.5;cursor:not-allowed}.season-nickname-pill{margin-top:.4rem;font-size:.74rem;font-weight:600;color:var(--text-secondary);background:#ffffff0a;padding:.2rem .5rem;border-radius:var(--radius-sm);display:inline-block;border:1px solid var(--border-subtle)}.vs-container{display:flex;flex-direction:column;align-items:center;gap:.6rem}.vs-orb{width:44px;height:44px;border-radius:50%;background:var(--bg-card-subtle);border:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center}.vs-text{font-family:var(--font-display);font-weight:800;font-size:.85rem;letter-spacing:.06em;color:var(--text-muted)}.btn-swap-teams{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:.3rem .65rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;transition:all .15s ease}.btn-swap-teams:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-hover)}.btn-swap-teams:disabled{opacity:.5;cursor:not-allowed}.swap-icon-svg{opacity:.8}.validation-alert{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.84rem;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.alert-bullet{width:6px;height:6px;background-color:var(--color-danger);border-radius:50%;flex-shrink:0}.btn-predict-cta{width:100%;padding:.95rem 1.5rem;background:var(--accent-primary);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .05s ease,opacity .15s ease;position:relative;overflow:hidden}.btn-predict-cta:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-predict-cta:active:not(:disabled){transform:translateY(1px)}.btn-predict-cta:disabled{opacity:.6;cursor:not-allowed}.btn-simulating{background:#1e3a8a;border-color:#3b82f6}.btn-simulating:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);animation:buttonShimmer 1.5s infinite}@keyframes buttonShimmer{0%{left:-100%}to{left:100%}}.cta-idle-content{display:flex;flex-direction:column;align-items:center;gap:.1rem}.cta-main-text{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.cta-sub-text{font-size:.72rem;opacity:.85;font-weight:500;letter-spacing:.02em}.cta-loading-content{display:flex;align-items:center;gap:.75rem}.cta-loading-text-group{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem}.cta-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.simulation-loader-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:.85rem;animation:simFadeIn .25s ease-out}@keyframes simFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sim-loader-header{display:flex;align-items:center;gap:.5rem}.sim-pulse-dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;animation:simPulse 1.2s infinite ease-in-out}@keyframes simPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.sim-loader-tag{font-size:.72rem;font-weight:800;color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase}.sim-loader-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.sim-loader-status{font-size:.85rem;color:var(--text-secondary);min-height:1.3rem;transition:opacity .2s ease}.sim-progress-track{width:100%;height:6px;background-color:var(--bg-input);border-radius:3px;overflow:hidden;position:relative;border:1px solid var(--border-subtle)}.sim-progress-fill{width:35%;height:100%;background-color:var(--accent-primary);border-radius:3px;animation:simProgressSlide 1.4s infinite ease-in-out}@keyframes simProgressSlide{0%{transform:translate(-100%);width:25%}50%{width:50%}to{transform:translate(350%);width:25%}}.sim-steps-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:.4rem;flex-wrap:wrap}.sim-step{font-size:.74rem;font-weight:600;color:var(--text-muted);padding:.25rem .55rem;border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-subtle);transition:all .2s ease}.sim-step.step-active{color:var(--text-primary);border-color:var(--accent-primary);background:#2563eb1a}.data-honesty-banner{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.banner-limited{border-left:3px solid var(--color-warning)}.banner-full{border-left:3px solid var(--color-home)}.honesty-indicator{display:flex;align-items:center;gap:.4rem}.honesty-dot{width:6px;height:6px;border-radius:50%}.banner-limited .honesty-dot{background-color:var(--color-warning)}.banner-full .honesty-dot{background-color:var(--color-home)}.honesty-tag{font-size:.7rem;font-weight:800;letter-spacing:.06em}.banner-limited .honesty-tag{color:var(--color-warning)}.banner-full .honesty-tag{color:var(--color-home)}.honesty-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.elo-diff-pill{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.3rem .65rem;display:flex;align-items:center;gap:.4rem;font-size:.78rem}.elo-diff-label{color:var(--text-muted);font-weight:600}.elo-diff-val{font-weight:700;color:var(--text-primary)}.prob-battle-grid{display:grid;grid-template-columns:1fr .8fr 1fr;gap:1rem;margin-bottom:1.25rem}@media (max-width: 680px){.prob-battle-grid{grid-template-columns:1fr}}.prob-outcome-card{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.15rem;text-align:center;position:relative;transition:border-color .15s ease}.prob-outcome-card.favorite{border-color:var(--border-medium);background:#141c2b}.outcome-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.outcome-role{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--text-muted)}.fav-badge{font-size:.62rem;font-weight:800;background:#ffffff14;color:var(--text-primary);padding:.1rem .4rem;border-radius:var(--radius-sm);letter-spacing:.05em;border:1px solid var(--border-subtle)}.outcome-team-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outcome-season-sub{font-size:.74rem;color:var(--text-muted);margin-bottom:.3rem}.outcome-percent-huge{font-family:var(--font-display);font-size:2.5rem;font-weight:800;line-height:1;margin:.4rem 0;letter-spacing:-.03em;color:var(--text-primary)}.draw-percent{color:var(--text-secondary)}.outcome-elo-badge{font-size:.72rem;color:var(--text-muted);font-weight:600}.prob-meter-wrapper{margin-bottom:1.5rem}.prob-meter-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.meter-label-left{text-align:left}.meter-label-center{text-align:center}.meter-label-right{text-align:right}.prob-bar-container{display:flex;height:8px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--bg-input);border:1px solid var(--border-subtle)}.prob-bar{height:100%;transition:width .4s ease}.home-bar{background-color:var(--color-home)}.draw-bar{background-color:var(--color-draw)}.away-bar{background-color:var(--color-away)}.scoreboard-panel{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.1rem 1.25rem}.scoreboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle);font-size:.72rem;font-weight:700;letter-spacing:.05em}.scoreboard-title{color:var(--text-secondary)}.scoreboard-model-tag{color:var(--text-muted);font-weight:500}.scoreboard-display{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.25rem}.scoreboard-team-box{display:flex;flex-direction:column}.home-side{text-align:right}.away-side{text-align:left}.score-team-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.score-season-label{font-size:.74rem;color:var(--text-muted)}.scoreboard-digits-container{background:var(--bg-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:.4rem 1rem;display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.score-divider{color:var(--text-muted);font-size:1.4rem}.drivers-count{font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-input);padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.features-battle-list{display:flex;flex-direction:column;gap:.75rem}.feature-battle-row{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem 1rem}.feature-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.feature-title{font-size:.82rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.feature-raw-val{font-size:.74rem;color:var(--text-muted)}.val-bold{font-weight:700;color:var(--text-secondary)}.tug-of-war-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.tug-side{display:flex;align-items:center;gap:.5rem}.team-a-side{justify-content:flex-end}.team-b-side{justify-content:flex-start}.side-team-label{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.side-team-label.label-active{color:var(--text-primary)}.tug-bar-track{flex:1;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.left-track{display:flex;justify-content:flex-end}.right-track{display:flex;justify-content:flex-start}.tug-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.left-fill.active{background-color:var(--color-home)}.left-fill:not(.active){background-color:transparent}.right-fill.active{background-color:var(--color-away)}.right-fill:not(.active){background-color:transparent}.tug-center-badge{text-align:center}.tilt-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-sm);white-space:nowrap}.tilt-a{background:#10b9811a;color:var(--color-home);border:1px solid rgba(16,185,129,.2)}.tilt-b{background:#f43f5e1a;color:var(--color-away);border:1px solid rgba(244,63,94,.2)}.tilt-neutral{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border-subtle)}.header-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.studio-tabs{display:flex;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;gap:2px}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-sans);font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-copy-analysis{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.35rem .7rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-copy-analysis:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.narratives-layout-container{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.narratives-layout-container.layout-teamA,.narratives-layout-container.layout-teamB{grid-template-columns:1fr}@media (max-width: 768px){.narratives-layout-container{grid-template-columns:1fr}}.tactical-team-column{display:flex;flex-direction:column;gap:1rem}.column-club-banner{display:flex;align-items:center;gap:.65rem;background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.65rem .85rem}.club-badge-sm{width:28px;height:28px;border-radius:var(--radius-sm);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:.72rem}.column-club-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.2}.column-club-season{font-size:.72rem;color:var(--text-muted)}.tactical-block{background:var(--bg-card-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.tactical-block-heading{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;letter-spacing:.01em}.block-indicator{width:6px;height:6px;border-radius:50%;flex-shrink:0}.win-ind{background-color:var(--color-home)}.lose-ind{background-color:var(--color-danger)}.win-head,.lose-head{color:var(--text-primary)}.reason-cards-stack{display:flex;flex-direction:column;gap:.5rem}.reason-tactical-card{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem .85rem}.win-theme{border-left:2px solid var(--color-home)}.lose-theme{border-left:2px solid var(--color-danger)}.reason-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.reason-category-tag{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:var(--radius-sm);letter-spacing:.03em;text-transform:uppercase}.tag-tactical{background:#3b82f61a;color:#60a5fa}.tag-defense{background:#10b9811a;color:#34d399}.tag-attack{background:#f59e0b1a;color:#fbbf24}.tag-venue{background:#94a3b81a;color:#cbd5e1}.tag-era{background:#94a3b81a;color:#94a3b8}.tag-general{background:#ffffff0d;color:var(--text-muted)}.reason-idx{font-size:.68rem;font-weight:700;color:var(--text-muted)}.reason-text{font-size:.82rem;line-height:1.45;color:var(--text-secondary)}.no-reasons{font-size:.8rem;color:var(--text-muted);font-style:italic}.loading-card,.error-card{text-align:center;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.error-card{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#fca5a5}.fallback-banner{background:var(--bg-input);border:1px solid var(--border-subtle);padding:1rem;border-radius:var(--radius-sm)}.fallback-content strong{display:block;font-size:.85rem;color:var(--text-primary);margin-bottom:.15rem}.fallback-message{font-size:.8rem;color:var(--text-muted);line-height:1.4}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}