#fullstats .fs-view-switch{display:flex;gap:8px;margin:15px 0 10px}#fullstats .fs-view-switch button{flex:1;min-height:44px;border:1px solid #d7dfda;border-radius:10px;background:#fff;color:#25372d;font-weight:650}#fullstats .fs-view-switch .fs-view-active{background:#e7f2e9;border-color:#86b797;color:#154d2d}#fullstats .fs-gridpanel{border:1px solid #e0e7e1;background:#fff;border-radius:14px;padding:12px;margin-top:8px}#fullstats .fs-gridhead{display:flex;justify-content:space-between;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:10px;color:#233629;font-size:13px}#fullstats .fs-gridhead span{font-size:11px;color:#637268}#fullstats #fsHeatmap{display:block;width:100%;height:auto;aspect-ratio:8/5;border:1px solid #e6eee7;border-radius:5px;touch-action:manipulation;cursor:crosshair}#fullstats .fs-grid-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#6c7770;margin:10px 0 16px}#fullstats .fs-grid-legend span{display:inline-flex;align-items:center;gap:4px}#fullstats .fs-swatch{display:inline-block;width:11px;height:11px;border-radius:2px}#fullstats .fs-zero{background:#e8ece9}#fullstats .fs-low{background:#b4ddc5}#fullstats .fs-high{background:#31825b}#fullstats .fs-hundred-bar{display:flex;gap:12px;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600}#fullstats #fsHundred{margin-left:auto;min-height:42px;padding:6px 12px;border-radius:9px;border:1px solid #d7dfda;background:#fff;color:#1e3728;font-size:16px}#fullstats .fs-hundred-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}#fullstats .fs-code-cell{min-width:0;height:36px;padding:0 1px;border:1px solid #e1e6e3;border-radius:5px;background:#f4f5f4;color:#303d34;font-size:11px;font-variant-numeric:tabular-nums}#fullstats .fs-code-cell.fs-has-data{background:#e2f2e7;border-color:#bfddc7;color:#14552e;font-weight:650}#fullstats .fs-code-cell:focus-visible{outline:2px solid #155d35;outline-offset:1px}#fullstats .fs-picked{background:#f5f8f6;padding:10px;border-radius:8px;line-height:1.5;font-size:12px;overflow-wrap:anywhere}#fullstats [hidden]{display:none!important}@media(max-width:370px){#fullstats .fs-gridpanel{padding:8px}#fullstats .fs-hundred-grid{gap:2px}#fullstats .fs-code-cell{font-size:10px;height:34px}}
/* V4.76.2: prefer landscape for the 1000-code heatmap, without forcing device orientation. */
#fullstats .fs-landscape-tip{margin:8px 0 12px;padding:9px 12px;border:1px solid #d8e6db;border-radius:9px;background:#f5faf6;color:#254332;font-size:12px;line-height:1.5}
@media (orientation:landscape) and (max-height:650px){
 #fullstats .fs-landscape-tip{display:none}
 #fullstats .fs-gridpanel{padding:8px 10px;margin-top:4px}
 #fullstats .fs-gridhead{margin-bottom:5px}
 #fullstats #fsHeatmap{width:min(100%, calc((100dvh - 160px) * 1.6));max-width:100%;margin:0 auto;aspect-ratio:8/5}
 #fullstats .fs-grid-legend{margin:5px 0 8px}
 #fullstats .fs-hundred-bar{margin-bottom:6px}
 #fullstats .fs-code-cell{height:33px}
}
@media (orientation:portrait) and (max-width:700px){
 #fullstats .fs-landscape-tip{display:block}
 #fullstats #fsHeatmap{max-width:100%}
}
