.int-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--r2); overflow: hidden; }
.int-cell { padding: 20px 10px; display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 11px; color: var(--text2); background: var(--bg1); transition: background .15s, color .15s; cursor: default; }
.int-cell:hover { background: var(--bg2); color: var(--text); }
.int-cell img { width: 22px; height: 22px; opacity: 0.9; }
.int-cell.more { color: var(--text3); font-family: var(--mono); font-size: 10.5px; }