.tgg-section{padding-top:.5rem}.tgg-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.tgg-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--title);letter-spacing:-.02em}.tgg-status{font-size:.8rem;color:var(--muted)}.tgg-status--error{color:#f87171}.tgg-legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.tgg-legend__pill{padding:.22rem .7rem;border-radius:9999px;border:1.5px solid;background:transparent;font-size:.75rem;font-weight:600;color:var(--text);white-space:nowrap;cursor:pointer;transition:background .15s}.tgg-legend__pill--active{color:var(--text)}.tgg-popup{position:fixed;z-index:999;pointer-events:none;width:300px;padding:.75rem 1rem;border:1.5px solid;border-radius:10px;background:var(--bg-elevated);box-shadow:0 8px 32px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tgg-popup__dates{margin:0 0 .4rem;font-size:.8rem;font-weight:600;color:var(--muted)}.tgg-popup__stats{display:flex;align-items:center;gap:.75rem;font-size:.82rem;font-weight:600;color:var(--text);flex-wrap:wrap}.tgg-popup__w{color:#4ade80}.tgg-popup__l{color:#f87171}.tgg-popup__score{color:var(--title)}.tgg-popup__text{margin:.6rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.55}.tgg-popup__cta{margin:.5rem 0 0;font-size:.75rem;font-weight:600;color:var(--title);opacity:.8}.tgg-grid{display:flex;flex-wrap:wrap;gap:0;padding:0}.tgg-slot{padding:5px;margin-top:3px;margin-bottom:3px;background:transparent;transition:opacity .15s}.tgg-slot--summarised{cursor:pointer}.tgg-grid[data-color-mode=win-loss] .tgg-box--win{border-color:rgba(74,222,128,1)}.tgg-grid[data-color-mode=win-loss] .tgg-box--loss{border-color:rgba(248,113,113,1)}.tgg-grid[data-color-mode=win-loss] .tgg-slot--summarised{border-bottom:4px solid var(--tgg-summary-color)}.tgg-grid[data-color-mode=trend-summary] .tgg-box{border-color:rgba(255,255,255,.12)}.tgg-grid[data-color-mode=trend-summary] .tgg-slot--summarised .tgg-box{border-color:var(--tgg-summary-color)}.tgg-batch-btn{padding:.22rem .65rem;border-radius:9999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.tgg-batch-btn:hover{color:var(--text);border-color:rgba(255,255,255,.4)}.tgg-slot--batch .tgg-box{border-style:dashed;border-color:rgba(255,255,255,.28)}.tgg-slot--batch-active .tgg-box{border:3px solid rgba(235,235,235,.95);filter:brightness(1.15);transform:scale(1.07);z-index:1}.tgg-popup--batch{border-color:rgba(255,255,255,.3)}.tgg-slot--active .tgg-box{transform:scale(1.07);filter:brightness(1.2) saturate(1.1);z-index:1}.tgg-box{position:relative;width:50px;height:50px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background:rgba(8,12,23,.8);transition:transform .1s,opacity .15s,filter .15s;overflow:hidden;cursor:default}.tgg-slot:hover .tgg-box{transform:scale(1.14)}.tgg-box__icon{width:34px;height:34px;border-radius:4px;object-fit:cover;display:block;pointer-events:none;filter:saturate(.85)}.tgg-box__fallback{font-size:11px;font-weight:700;color:var(--text);text-align:center;line-height:1;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgg-box__wl{position:absolute;bottom:2px;right:4px;font-size:9px;font-weight:800;line-height:1;letter-spacing:.02em}.tgg-box__wl--w{color:#4ade80}.tgg-box__wl--l{color:#f87171}.tgg-box__grade{position:absolute;bottom:2px;left:4px;font-size:9px;font-weight:800;line-height:1;letter-spacing:.01em;color:var(--title)}