/* Skills window (K): two columns of 44 px icon rows, 8 per page (skillui.png). */
.sk-top { display: flex; align-items: flex-end; gap: 6px; }
.sk-top .gfw-tabs { flex: 1; margin-bottom: 0; }
.sk-search { width: 108px; margin-bottom: 2px; padding: 3px 7px; font-size: 12px; background: #fff8e6; color: #4a2f14; border: 1px solid #a88a58; border-radius: 10px; }
.sk-frame { padding: 6px; background: #8c7a5e; border: 2px solid #5b3a18; border-radius: 6px; }
.sk-list { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 54px; gap: 6px; min-height: 234px; align-content: start; }
.sk-row { display: flex; align-items: center; gap: 8px; padding: 3px 6px; background: #a89580; border: 1px solid #5d4b33; border-radius: 5px; color: #fff; cursor: pointer; overflow: hidden; }
.sk-row:hover { border-color: #ffe44d; background: #b7a38c; }
.sk-row img { width: 44px; height: 44px; flex: none; border-radius: 4px; }
.sk-text { display: flex; flex-direction: column; min-width: 0; text-shadow: 0 1px 2px #2a1c0a; }
.sk-name { font-size: 12px; font-weight: 700; line-height: 1.15; }
.sk-need { font-size: 10px; color: #ffd9a8; line-height: 1.1; }
.sk-row.off { opacity: 0.5; filter: grayscale(0.7); }
.sk-pager { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 6px; color: #fff; font-weight: 700; }
.sk-arrow { width: 24px; height: 22px; padding: 0; border-radius: 11px; border: 1px solid #5b3a18; background: #d9c9a6; color: #4a2f14; font-weight: 700; }
.sk-arrow:disabled { opacity: 0.4; cursor: default; }
.gfw-foot { padding: 0 8px; }