.sk{display:grid;grid-template-columns:176px minmax(0,1fr) 300px;gap:var(--sp-4);align-items:start}.sk-dirs{display:flex;flex-direction:column;gap:var(--sp-1)}.sk-dir{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--sp-2);min-height:52px;padding:5px 10px 5px 6px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--fg-a04);color:var(--dim);font:500 13px/1.1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase;text-align:left;cursor:pointer}.sk-dir:hover{color:var(--text);background:var(--fg-a08)}.sk-dir.is-active{color:var(--accent-hi);border-color:var(--accent-a32);background:linear-gradient(90deg,var(--accent-a16),transparent);box-shadow:inset 2px 0 var(--accent)}.sk-dir .sk-ic{width:40px;height:40px}.sk-dir-name{min-width:0;overflow-wrap:anywhere}.sk-dir-lv{font-size:15px;color:var(--accent-hi)}.sk-dir--crafts{margin-top:var(--sp-2)}.sk-ic{display:block;border-radius:var(--r-xs);user-select:none;-webkit-user-drag:none}.sk-main{min-width:0}.sk-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.sk-head-text{min-width:0}.sk-head-title{display:flex;align-items:baseline;gap:var(--sp-2);font:600 20px/1.1 var(--font-display);letter-spacing:var(--track);text-transform:uppercase}.sk-head-lv{font-size:13px;color:var(--accent-hi);letter-spacing:var(--track)}.sk-lv-pips{margin-top:6px;padding-left:3px}.sk-up{flex:none;min-height:40px;white-space:nowrap}.sk-next{margin:var(--sp-2) 0 var(--sp-3);color:var(--dim);font-size:12.5px;line-height:1.35}.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--sp-2)}.sk-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;min-height:116px;padding:7px 4px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--fg-a04);color:var(--text);cursor:pointer}.sk-tile .sk-ic{width:60px;height:60px}.sk-name{font:600 11px/1.15 var(--font);text-align:center;overflow-wrap:anywhere}.sk-tile-note{color:var(--faint);font-size:10.5px;line-height:1}.sk-tile:hover{background:var(--fg-a08)}.sk-tile.is-ready{border-color:var(--accent-a65);box-shadow:inset 0 0 12px var(--accent-a16)}.sk-tile.is-maxed{border-color:#6ccb8d73}.sk-tile.is-locked .sk-ic{filter:saturate(.25) brightness(.55)}.sk-tile.is-locked .sk-name{color:var(--faint)}.sk-tile.is-selected{border-color:var(--accent-hi);background:var(--accent-a16)}.sk-tile--ability{border-style:dashed}.skill-pips{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;min-height:12px}.skill-pips>span{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--line-str)}.skill-pips>span.on{border-color:var(--accent);background:var(--accent)}.sk-tile.is-maxed .skill-pips>span.on{border-color:var(--ok);background:var(--ok)}.sk-lv-pips{justify-content:flex-start;gap:6px}.sk-detail{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--fg-a04)}.sk-detail-head{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:var(--sp-3)}.sk-detail-head .sk-ic{width:64px;height:64px}.sk-detail-name{font:600 16px/1.15 var(--font-display);letter-spacing:var(--track);text-transform:uppercase}.sk-detail-rank{margin-top:3px;color:var(--accent-hi);font-size:12px}.sk-detail-label{color:var(--faint);font-size:10.5px;letter-spacing:var(--track-wide);text-transform:uppercase}.sk-detail-text{margin:0;font-size:13px;line-height:1.4}.sk-detail-need{margin:0;color:var(--accent-hi);font-size:12px;line-height:1.35}.sk-detail-ok{margin:0;color:var(--ok);font-size:12px}.sk-buy{width:100%;min-height:44px;margin-top:var(--sp-1)}.sk-main--wide{grid-column:2 / -1}.sk-crafts .sk-next{margin-top:0}.sk-craft-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-2)}.sk-craft{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:3px var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--fg-a04)}.sk-craft-ic{grid-row:1 / span 2;width:40px;height:40px;object-fit:contain}.sk-craft-name{font-size:13px;min-width:0}.sk-craft-lv{font:600 16px/1 var(--font-display);color:var(--accent-hi)}.sk-craft-bar{grid-column:2 / -1;height:3px;background:var(--fg-a08)}.sk-craft-bar>span{display:block;height:100%;background:var(--accent)}.sk-craft-next{grid-column:1 / -1;margin:2px 0 0;font-size:11.5px;line-height:1.3;color:var(--fg-dim, inherit);opacity:.8}.sk-craft.is-maxed .sk-craft-next{color:var(--accent-hi);opacity:1}@media(pointer:coarse),(max-width:820px){.sk{grid-template-columns:56px minmax(0,1fr) minmax(200px,34%);gap:var(--sp-2)}.sk-dir{display:flex;justify-content:center;position:relative;min-height:46px;padding:3px}.sk-dir .sk-ic{width:38px;height:38px}.sk-dir-name{display:none}.sk-dir-lv{position:absolute;right:2px;bottom:1px;padding:1px 3px;font-size:11.5px;line-height:1;background:var(--panel-bg-solid);border-radius:var(--r-xs)}.sk-dir--crafts{margin-top:0}.sk-head-title{font-size:16px}.sk-up{min-height:44px;padding-inline:10px;font-size:12px}.sk-next{margin:4px 0 6px;font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:5px}.sk-tile{min-height:62px;gap:3px;padding:4px 2px}.sk-tile .sk-ic{width:42px;height:42px}.sk-tile .sk-name,.sk-tile-note{display:none}.skill-pips{gap:4px;min-height:8px}.skill-pips>span{width:5px;height:5px}.sk-lv-pips{margin-top:3px}.sk-detail{padding:var(--sp-2);gap:5px}.sk-detail-head{grid-template-columns:44px minmax(0,1fr);gap:var(--sp-2)}.sk-detail-head .sk-ic{width:44px;height:44px}.sk-detail-name{font-size:13.5px}.sk-detail-text{font-size:12px;line-height:1.3}.sk-craft-list{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:5px}.sk-craft{grid-template-columns:30px minmax(0,1fr) auto;padding:5px 6px}.sk-craft-ic{width:30px;height:30px}.sk-craft-name{font-size:12px}.sk-craft-next{font-size:10.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media(pointer:coarse)and (max-height:330px),(max-width:700px){#page-skills>h3{margin:0 0 4px;font-size:13px}#page-skills>h3>span[data-i18n]{display:none}.sk{grid-template-columns:92px minmax(0,1fr) minmax(150px,31%);gap:6px}.sk-dirs{display:grid;grid-template-columns:repeat(2,44px);gap:2px;align-content:start}.sk-dir{min-height:44px;padding:2px}.sk-dir .sk-ic{width:32px;height:32px}.sk-next{display:none}.sk-head{margin-bottom:4px}.sk-head-title{font-size:14px}.sk-head-lv{display:none}.sk-up{padding-inline:8px;font-size:11.5px}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:3px}.sk-tile{min-height:50px;padding:3px 1px;gap:2px}.sk-tile .sk-ic{width:34px;height:34px}.sk-detail-head{grid-template-columns:36px minmax(0,1fr)}.sk-detail-head .sk-ic{width:36px;height:36px}}@media(pointer:fine)and (min-width:1200px){.sk{grid-template-columns:190px minmax(0,1fr) 320px}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}.sk-tile{min-height:142px;padding:9px 6px}.sk-tile .sk-ic{width:78px;height:78px}.sk-name{font-size:12px}}