:root{--bg: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1a2a50;--text: #fff;--text-muted: #ccc;--text-dim: #aaa;--text-faint: #888;--heading: #e0e0e0;--accent: #ffc107;--link: #4fc3f7;--border: #333;--border-light: #222;--table-hover: rgba(255, 255, 255, .03);--footer-link: #555;--red: #e94560;--green: #4caf50;--blue: #2196f3;--tag-hover: #ff6b81;--tag-blue-hover: #64b5f6;--badge-upcoming: #2196f3;--badge-win: #4caf50;--badge-loss: #e94560;--badge-away: #ff9800;--badge-home: #9c27b0;--blockquote-bg: rgba(233, 69, 96, .05);--chart-text: #fff;--chart-text-muted: rgba(255, 255, 255, .6);--chart-text-dim: rgba(255, 255, 255, .5);--chart-text-faint: rgba(255, 255, 255, .4);--chart-text-xfaint: rgba(255, 255, 255, .35);--chart-grid: rgba(255, 255, 255, .1);--chart-separator: rgba(255, 255, 255, .2);--chart-label: rgba(255, 255, 255, .7)}[data-theme=light]{--bg: #f4f4f8;--bg-card: #fff;--bg-card-hover: #e8eaf6;--text: #1a1a2e;--text-muted: #444;--text-dim: #666;--text-faint: #888;--heading: #333;--accent: #e65100;--link: #1565c0;--border: #ddd;--border-light: #eee;--table-hover: rgba(0, 0, 0, .03);--footer-link: #999;--red: #c62828;--green: #2e7d32;--blue: #1565c0;--tag-hover: #ef5350;--tag-blue-hover: #42a5f5;--badge-upcoming: #1565c0;--badge-win: #2e7d32;--badge-loss: #c62828;--badge-away: #e65100;--badge-home: #6a1b9a;--blockquote-bg: rgba(198, 40, 40, .06);--chart-text: #1a1a2e;--chart-text-muted: rgba(0, 0, 0, .55);--chart-text-dim: rgba(0, 0, 0, .45);--chart-text-faint: rgba(0, 0, 0, .4);--chart-text-xfaint: rgba(0, 0, 0, .35);--chart-grid: rgba(0, 0, 0, .08);--chart-separator: rgba(0, 0, 0, .15);--chart-label: rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg)}body{opacity:1;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh;padding:40px 20px;line-height:1.7;transition:background .3s,color .3s}.container{max-width:900px;margin:0 auto}.breadcrumb{font-size:13px;color:var(--text-faint);margin-bottom:20px}.breadcrumb a{color:var(--text-faint);text-decoration:none}.breadcrumb a:hover{color:var(--text-muted)}.fde-link{display:inline-block;background:#9c3;color:#1a1a1a;padding:4px 10px;border-radius:4px;text-decoration:none;font-size:11px;font-weight:600;margin-top:4px;margin-bottom:12px;transition:opacity .2s}.fde-link:hover{opacity:.85}h1{font-size:24px;margin-bottom:20px;color:var(--heading)}h2{font-size:18px;margin:30px 0 12px;color:var(--heading);border-bottom:1px solid var(--border);padding-bottom:6px}h3{font-size:15px;margin:20px 0 8px;color:var(--text-muted)}p{margin:10px 0;color:var(--text-muted);font-size:14px}strong{color:var(--accent)}a{color:var(--link)}ul,ol{padding-left:1.5em;margin:10px 0;color:var(--text-muted);font-size:14px}li{margin:4px 0}table{border-collapse:collapse;width:100%;margin:15px 0;font-size:13px;display:table}colgroup{display:none}th{background:var(--bg-card);color:var(--text-dim);text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:10px 12px;text-align:left;border-bottom:2px solid var(--border)}td{padding:8px 12px;border-bottom:1px solid var(--border-light);color:var(--text-muted)}td.flow-cell{padding:0 12px}tr:hover{background:var(--table-hover)}hr{border:none;border-top:1px solid var(--border);margin:25px 0}blockquote{border-left:3px solid var(--heading);margin:15px 0;padding:10px 15px;background:var(--blockquote-bg);color:var(--text-muted);font-size:14px}code{background:var(--bg-card);padding:2px 6px;border-radius:3px;font-size:13px}input[type=checkbox]{margin-right:6px}.match-info{color:var(--text-dim);font-size:14px;margin-bottom:10px;line-height:1.8}.section-title{font-size:16px;color:var(--text-faint);margin-bottom:15px;margin-top:30px;text-transform:uppercase;letter-spacing:1px}.card{display:block;background:var(--bg-card);border-radius:8px;padding:16px 20px;margin-bottom:10px;text-decoration:none;color:var(--text);transition:background .2s}a.card:hover{background:var(--bg-card-hover)}.card .title{font-size:16px;font-weight:700;margin-bottom:4px}.card .desc{font-size:12px;color:var(--text-faint)}.icon{margin-right:8px}.tag{display:inline-block;background:var(--red);font-size:10px;padding:2px 6px;border-radius:3px;margin-left:6px;cursor:pointer;color:#fff;transition:background .2s,transform .1s}.tag:hover{background:var(--tag-hover);transform:scale(1.1)}.tag-blue{background:var(--blue)}.tag-blue:hover{background:var(--tag-blue-hover)}.tag-green{background:var(--green)}.subtitle{color:var(--text-dim);font-size:13px;margin-bottom:25px}canvas{border-radius:8px;background:var(--bg-card);display:block;margin:0 auto 30px;max-width:100%;height:auto}.note{color:var(--text-faint);font-size:11px;text-align:center;margin-top:-20px;margin-bottom:30px}.summary{background:var(--bg-card);border-radius:8px;padding:16px 20px;margin-bottom:15px;font-size:13px;color:var(--text-muted);line-height:1.7}.summary .red{color:var(--red)}.summary .green{color:var(--green)}.game-card{display:block;background:var(--bg-card);border-radius:8px;padding:18px 20px;margin-bottom:12px;text-decoration:none;color:var(--text);transition:background .2s;border-left:4px solid transparent}.game-card:hover{background:var(--bg-card-hover)}.game-card.win{border-left-color:var(--green)}.game-card.loss{border-left-color:var(--red)}.game-card.draw{border-left-color:var(--accent)}.game-card.upcoming{border-left-color:var(--blue)}.game-header{display:flex;justify-content:space-between;align-items:center}.game-opponent,.game-score{font-size:17px;font-weight:700}.game-meta{display:flex;gap:15px;margin-top:6px;font-size:12px;color:var(--text-faint)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle;color:#fff}.badge-upcoming{background:var(--badge-upcoming)}.badge-win{background:var(--badge-win)}.badge-loss{background:var(--badge-loss)}.badge-away{background:var(--badge-away)}.badge-home{background:var(--badge-home)}.theme-toggle{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s;z-index:100;line-height:1}.theme-toggle:hover{background:var(--bg-card-hover)}.animation-page{display:flex;flex-direction:column;align-items:center;padding:20px}.animation-page canvas{box-shadow:0 4px 20px #00000080}.canvas-below{display:flex;gap:15px;margin-top:10px;max-width:900px;width:100%}.canvas-below-left{flex:7;text-align:left}.canvas-below-right{flex:3;display:flex;flex-direction:column;gap:6px;align-items:stretch;justify-content:flex-start;padding-top:4px}.controls{margin-top:15px;display:flex;gap:10px;align-items:center;justify-content:center}.canvas-below-right button,.controls button{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.canvas-below-right button:hover,.controls button:hover{background:var(--bg-card-hover);border-color:var(--text-faint)}.canvas-below-right button#playBtn,.controls button#playBtn{background:var(--heading);color:#fff;border-color:var(--heading);font-weight:700}.canvas-below-right button#playBtn:hover,.controls button#playBtn:hover{opacity:.85}.phase-label{font-size:18px;font-weight:700;color:var(--heading);min-height:28px}.description{color:var(--text-muted);font-size:13px;margin-top:5px;max-width:900px;text-align:left;min-height:40px;line-height:1.5}.legend{display:flex;gap:20px;margin-top:12px;margin-bottom:15px;font-size:12px;color:var(--text-dim);flex-wrap:wrap;justify-content:center}.legend span{display:flex;align-items:center;gap:5px}.legend .dot{width:12px;height:12px;border-radius:50%;display:inline-block}@media print{canvas{max-width:100%!important;height:auto!important}.theme-toggle{display:none}}footer{margin-top:40px;color:var(--footer-link);font-size:12px;text-align:center}footer a{color:var(--footer-link);text-decoration:none}