.info-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.info-popup-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px #00000080}.close-button{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#ffffff1a;color:var(--text);font-size:24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.close-button:hover{background:#ff4d6a33;color:var(--red)}.info-popup-header{padding:24px 32px;border-bottom:1px solid var(--border)}.info-popup-header h2{margin:0 0 8px;font-size:28px;color:var(--accent)}.info-popup-header .subtitle{margin:0;color:var(--text-dim);font-size:14px}.info-popup-body{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;border-right:1px solid var(--border);padding:16px;overflow-y:auto;background:#0003}.sidebar-item{display:block;width:100%;padding:12px 16px;margin-bottom:4px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-dim);text-align:left;cursor:pointer;font-size:14px;transition:all .2s}.sidebar-item:hover{background:#ffffff0d;color:var(--text)}.sidebar-item.active{background:var(--accent);color:#000;font-weight:600;border-color:var(--accent)}.content-area{flex:1;padding:32px;overflow-y:auto}.content-area h3{margin-top:0;margin-bottom:16px;font-size:24px;color:var(--accent)}.content-area h4{margin-top:24px;margin-bottom:12px;font-size:18px;color:var(--text)}.content-area p{line-height:1.7;margin-bottom:16px;color:var(--text)}.content-area ul,.content-area ol{line-height:1.8;margin-bottom:16px;padding-left:24px}.content-area li{margin-bottom:8px}.content-area strong{color:var(--accent);font-weight:600}.key-points,.stage-box,.features-box,.validation-box,.tour-specific,.strategy-anatomy,.training-flow,.data-splits,.update-indicators,.usage-steps,.best-practices,.risk-warning{background:#4da6ff0d;border:1px solid rgba(77,166,255,.2);border-radius:12px;padding:20px;margin:20px 0}.stage-box{background:#9333ea0d;border-color:#9333ea33}.features-box{background:#00d68f0d;border-color:#00d68f33}.validation-box{background:#fbbf240d;border-color:#fbbf2433}.risk-warning{background:#ff4d6a0d;border-color:#ff4d6a33}.risk-warning h4{color:var(--red)}.code-block{background:#0006;border:1px solid var(--border);border-radius:8px;padding:16px;font-family:Fira Code,Courier New,monospace;font-size:14px;color:var(--accent);margin:12px 0;overflow-x:auto}code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:13px;color:var(--accent)}.term-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}.term-item{background:#0003;border:1px solid var(--border);border-radius:10px;padding:16px}.term-item h4{margin-top:0;margin-bottom:8px;font-size:16px;color:var(--accent)}.term-item p{margin-bottom:8px;font-size:14px;line-height:1.6}.term-item .example{font-size:13px;color:var(--text-dim);font-style:italic;margin-top:8px;padding-left:12px;border-left:2px solid var(--accent)}.tech-note{font-size:13px;color:var(--text-dim);font-style:italic;margin-top:12px;padding:12px;background:#0003;border-radius:6px;border-left:3px solid var(--blue)}.important{font-weight:600;color:var(--accent);padding:12px;background:#fbbf241a;border-radius:6px;margin-top:12px}.sidebar::-webkit-scrollbar,.content-area::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.content-area::-webkit-scrollbar-track{background:#0003;border-radius:4px}.sidebar::-webkit-scrollbar-thumb,.content-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover,.content-area::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media(max-width:768px){.info-popup-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px;max-height:150px;display:flex;overflow-x:auto;overflow-y:hidden}.sidebar-item{white-space:nowrap;margin-right:8px;margin-bottom:0}.content-area{padding:20px}.term-grid{grid-template-columns:1fr}}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #242736;--border: #2e3142;--text: #e4e6eb;--text-dim: #8b8fa3;--title-text: #e4e6eb;--accent: #d2d600;--accent-dim: #b3a100;--accent-title: #d2d600;--red: #ff4d6a;--yellow: #ffc44d;--blue: #4da6ff;--green: #00d68f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);background-image:url(/assets/background-CeekmGB3.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text);min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:20px}.header{position:relative;text-align:center;padding:24px;background:#0f1117d9;border-radius:12px;margin:0 auto 20px;max-width:600px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{color:var(--title-text);font-size:1.8rem;font-weight:700}.header h1 span{color:var(--accent-title)}.header p{color:var(--text-dim);margin-top:4px;font-size:.9rem}.pipeline-warning{background:#332b00;border:1px solid var(--yellow);color:var(--yellow);padding:12px 16px;border-radius:8px;margin:12px 0;text-align:center;font-size:.9rem;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.7}}.status-bar{display:flex;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin-bottom:20px}.status-item{flex:1;min-width:140px}.status-item .label{font-size:.7rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em}.status-item .value{font-size:.95rem;font-weight:600;margin-top:2px}.status-item .value.positive{color:var(--green)}.status-item .value.negative{color:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card h2{font-size:1.1rem;margin-bottom:14px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full{grid-column:1 / -1}.form-group label{font-size:.8rem;color:var(--text-dim)}.form-group input,.form-group select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:6px;font-size:.95rem;outline:none;transition:border .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group input::placeholder{color:var(--text-dim)}.player-search{position:relative}.player-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--surface2);border:1px solid var(--border);border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto}.player-option{padding:8px 12px;cursor:pointer;font-size:.85rem;display:flex;justify-content:space-between}.player-option:hover{background:var(--border)}.player-option .meta{color:var(--text-dim);font-size:.75rem}.btn{background:var(--accent);color:#000;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;margin-top:8px;transition:background .2s}.btn:hover{background:var(--accent-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:6px 14px;font-size:.8rem;width:auto;margin:0}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.result-card{background:var(--surface);border-radius:10px;border:1px solid var(--border);overflow:hidden;margin-top:16px}.result-header{padding:16px 20px;text-align:center;border-bottom:1px solid var(--border)}.result-header h3{font-size:1rem;margin-bottom:4px}.result-players{display:flex;justify-content:space-between;padding:16px 20px}.result-player{text-align:center;flex:1}.result-player .name{font-weight:600;font-size:1rem}.result-player .prob{font-size:1.6rem;font-weight:700;margin:4px 0}.result-player .implied{font-size:.8rem;color:var(--text-dim)}.result-player .edge{font-size:.85rem}.result-player .edge.positive{color:var(--green)}.result-player .edge.negative{color:var(--red)}.result-vs{display:flex;align-items:center;color:var(--text-dim);font-size:.9rem;padding:0 10px}.verdict{padding:16px 20px;text-align:center;border-top:1px solid var(--border)}.verdict.bet{background:#00d68f14}.verdict.no-bet{background:#ff4d6a0f}.verdict h4{font-size:1.1rem;margin-bottom:6px}.verdict .reason{font-size:.85rem;color:var(--text-dim);margin:2px 0}.details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.detail-item .dl{font-size:.7rem;color:var(--text-dim);text-transform:uppercase}.detail-item .dv{font-size:.9rem;font-weight:600}.player-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 20px;border-top:1px solid var(--border)}.player-info-box h4{font-size:.85rem;margin-bottom:6px;color:var(--accent)}.player-stat{display:flex;justify-content:space-between;font-size:.8rem;padding:1px 0}.player-stat .ps-label{color:var(--text-dim)}.debug-panel{margin-top:30px;border:1px dashed var(--border);border-radius:10px;padding:20px;background:#4da6ff08}.debug-panel h2{color:var(--blue);margin-bottom:14px}.debug-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.debug-log{background:#000;color:#0f0;font-family:Fira Code,monospace;font-size:.75rem;padding:12px;border-radius:6px;max-height:400px;overflow:auto;white-space:pre-wrap;word-break:break-all}.section-title{font-size:.8rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;margin:16px 0 8px;padding:0 4px}.main-layout{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}.col-left,.col-right{min-width:0}.bet-history h2{font-size:1.1rem;margin-bottom:14px;font-weight:600}.bet-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.bet-stat{background:var(--surface2);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:2px}.bet-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.bet-stat-value{font-size:1rem;font-weight:700}.bet-stat-value.positive{color:var(--green)}.bet-stat-value.negative{color:var(--red)}.bet-pending-banner{background:#ffc44d14;border:1px solid rgba(255,196,77,.25);color:var(--yellow);padding:8px 12px;border-radius:6px;font-size:.8rem;text-align:center;margin-bottom:12px}.bet-form-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:12px}.bet-form-stack{display:flex;flex-direction:column;gap:8px}.bet-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bet-form-stack .form-group label{font-size:.7rem}.bet-form-stack .form-group input,.bet-form-stack .form-group select{padding:7px 10px;font-size:.85rem}.bet-form-buttons{display:flex;gap:8px;margin-top:10px}.bet-edit-form{display:flex;flex-direction:column;gap:8px}.bet-edit-form .form-group label{font-size:.7rem}.bet-edit-form .form-group input,.bet-edit-form .form-group select{padding:7px 10px;font-size:.85rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none}.bet-edit-form .form-group input:focus,.bet-edit-form .form-group select:focus{border-color:var(--accent)}.bet-edit-form .bet-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bet-edit-form .bet-form-buttons{display:flex;gap:8px;margin-top:4px}.bet-list{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto}.bet-item{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;position:relative}.bet-item-editing{border-color:var(--accent);background:#00d68f0a;padding:12px}.bet-item-won{border-left:3px solid var(--green)}.bet-item-lost{border-left:3px solid var(--red)}.bet-item-pending{border-left:3px solid var(--yellow)}.bet-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.bet-item-date{font-size:.7rem;color:var(--text-dim)}.bet-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:.65rem;font-weight:700}.bet-badge.won{background:#00d68f26;color:var(--green)}.bet-badge.lost{background:#ff4d6a1f;color:var(--red)}.bet-badge.pending{background:#ffc44d1f;color:var(--yellow)}.bet-item-player{font-weight:600;font-size:.9rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-item-details{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-dim)}.bet-item-details .positive{color:var(--green);font-weight:600}.bet-item-details .negative{color:var(--red);font-weight:600}.bet-item-potential{color:var(--yellow);font-size:.75rem;font-style:italic}.bet-item-actions{position:absolute;top:8px;right:8px;display:flex;gap:2px;opacity:0;transition:opacity .15s}.bet-item:hover .bet-item-actions{opacity:1}.bet-action-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 5px;border-radius:4px;transition:background .15s}.bet-action-btn:hover{background:var(--border)}.bet-action-delete{color:var(--text-dim);font-size:1.1rem}.bet-action-delete:hover{color:var(--red)}.bet-empty{text-align:center;color:var(--text-dim);font-size:.85rem;padding:30px 10px}@media(max-width:1000px){.main-layout{grid-template-columns:1fr}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}.player-info-grid{grid-template-columns:1fr}.result-players{flex-direction:column;gap:12px}.bet-form-row,.bet-edit-form .bet-form-row{grid-template-columns:1fr}}.info-button{position:absolute;top:1em;right:1em;background:var(--accent);color:#000;border:none;padding:1em;border-radius:8px;font-size:.5em;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.info-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.info-button:active{transform:translateY(0)}