.eg-games{max-width:1080px;margin:0 auto;padding:28px 20px 100px}.eg-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.eg-brand{font-family:var(--font-mono);letter-spacing:.14em;color:var(--eagle);text-transform:uppercase;font-size:11px;text-decoration:none;transition:color .15s;display:inline-block}.eg-brand:hover{color:var(--eagle-soft);text-decoration:underline}.eg-brand.current,.eg-brand.current:hover{color:var(--ink-dim);cursor:default;text-decoration:none}.eg-title{font-family:var(--font-display);letter-spacing:-.01em;margin:4px 0 0;font-size:max(24px,min(4vw,34px));font-weight:900}.eg-title em{color:var(--eagle);font-style:normal}.eg-meta{font-family:var(--font-mono);color:var(--ink-faint);text-align:right;font-size:11px;line-height:1.7}.eg-record{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.eg-stat{background:var(--surface);text-align:center;padding:14px 10px}.eg-stat-label{font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10.5px}.eg-stat-value{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.eg-stat-value.eg-win{color:var(--win)}.eg-stat-value.eg-loss{color:var(--loss)}.eg-toolbar{z-index:20;background:linear-gradient(var(--bg) 82%, transparent);flex-wrap:wrap;gap:8px;margin-bottom:6px;padding:10px 0;display:flex;position:sticky;top:0}.eg-filter{gap:8px;display:flex}.eg-filter button{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);color:var(--ink-dim);border-radius:var(--radius);cursor:pointer;padding:7px 14px;font-size:12px;transition:border-color .15s,color .15s,background .15s}.eg-filter button:hover,.eg-filter button.active{background:var(--eagle-wash);border-color:var(--eagle-dim);color:var(--eagle-soft)}.eg-search{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);outline:none;width:190px;margin-left:auto;padding:7px 12px;font-size:12px}.eg-search:focus{border-color:var(--eagle-dim)}.eg-search::placeholder{color:var(--ink-faint)}@media (max-width:480px){.eg-search{width:100%;margin-left:0}}.eg-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:4px;overflow-x:auto}.eg-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.eg-table thead th{background:var(--surface-2);font-family:var(--font-mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:10.5px;position:sticky;top:0}.eg-table td{border-bottom:1px solid var(--line-soft);color:var(--ink-dim);padding:9px 14px}.eg-table tbody tr:hover{background:var(--surface-hover)}.eg-table tbody tr:last-child td{border-bottom:none}.eg-date{font-family:var(--font-mono);color:var(--ink)}.eg-vs{font-family:var(--font-mono);color:var(--ink-faint);font-size:11px}.eg-opponent{color:var(--ink);font-weight:600}.eg-score{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}.eg-starter{color:var(--ink-dim)}.eg-starter.unknown{color:var(--ink-faint);font-style:italic}.eg-result{font-family:var(--font-mono);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.eg-result.WIN{color:var(--win);background:var(--win-wash)}.eg-result.LOSS{color:var(--loss);background:var(--loss-wash)}.eg-result.DRAW{color:var(--ink-dim);background:var(--surface-2)}.eg-swing{font-family:var(--font-mono);font-variant-numeric:tabular-nums;cursor:help;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.eg-swing.up{color:var(--win);background:var(--win-wash)}.eg-swing.down{color:var(--loss);background:var(--loss-wash)}.eg-swing.flat{color:var(--ink-dim);background:var(--surface-2)}.eg-swing.unknown{color:var(--ink-faint);cursor:default;background:0 0}.eg-empty{text-align:center;color:var(--ink-faint);font-family:var(--font-mono);padding:60px 10px;font-size:13px}.eg-footer-note{font-family:var(--font-mono);color:var(--ink-faint);border-top:1px solid var(--line);margin-top:26px;padding-top:16px;font-size:10.5px;line-height:1.8}
