.skill-catalog-head{display:grid;gap:32px;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);border-bottom:1px solid var(--line);padding-bottom:16px}.skill-catalog-head p{margin:0 0 4px;color:var(--jp-cyan-ink);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase}.skill-catalog-head h2{margin:0}.skill-catalog-head>span{color:var(--text);font-size:var(--fs-sm);line-height:1.6}.skill-search-row{display:grid;gap:12px;grid-template-columns:minmax(0,1fr);margin-top:16px}.skill-search{display:grid;min-width:0;align-items:center;grid-template-columns:20px minmax(0,1fr);border:1px solid var(--line-2);background:#fff;padding:0 15px}.skill-search:focus-within{border-color:var(--jp-cyan-ink);box-shadow:0 0 0 3px rgb(10 124 145/12%)}.skill-search svg{width:18px;height:18px;color:var(--dim)}.skill-search input{width:100%;min-height:40px;border:0;outline:0;background:transparent;padding:0 10px;color:var(--head);font:inherit;font-size:var(--fs-sm)}.skill-search input::placeholder{color:#87979b}.skill-filter-toggle{display:none;min-height:40px;align-items:center;gap:8px;border:1px solid var(--line-2);background:#fff;padding:0 14px;color:var(--head);font-size:var(--fs-xs);font-weight:700}.skill-filter-toggle svg{width:17px;height:17px}.skill-workspace{display:grid;align-items:start;gap:24px;grid-template-columns:192px minmax(0,1fr);margin-top:16px}.skill-filters{position:sticky;top:94px;background:#f4f7f8;padding:16px}.skill-filter-heading{display:flex;align-items:center;gap:9px;border-bottom:1px solid #d9e1e3;padding-bottom:11px}.skill-filter-heading svg{width:17px;height:17px;color:var(--jp-cyan-ink)}.skill-filter-heading h3{margin:0;font-size:var(--fs-sm)}.skill-filters fieldset{display:grid;gap:2px;margin:14px 0 0;border:0;padding:0}.skill-filters legend{margin-bottom:6px;color:var(--dim);font-size:var(--fs-xs);font-weight:700}.skill-filters fieldset button{min-height:30px;border:0;background:transparent;padding:4px 8px;color:var(--text);font-size:var(--fs-xs);text-align:left}.skill-filters fieldset button:not(:disabled):focus-visible,.skill-filters fieldset button:not(:disabled):hover{background:#e8f0f2}.skill-filters fieldset button:disabled{cursor:not-allowed;opacity:.48}.skill-filters fieldset button[aria-pressed=true]{background:var(--head);color:#fff;font-weight:700}.skill-detail-state button,.skill-empty button,.skill-load-more,.skill-reset,.skill-results-meta button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;font-weight:700}.skill-reset{width:100%;min-height:34px;margin-top:12px;border-top:1px solid #d9e1e3;background:transparent;padding-top:8px;color:var(--head);font-size:var(--fs-xs)}.skill-detail-state button svg,.skill-empty button svg,.skill-load-more svg,.skill-reset svg,.skill-results-meta button svg{width:15px;height:15px}.skill-results{min-width:0}.skill-results-meta{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0;color:var(--dim);font-size:var(--fs-xs)}.skill-results-meta b{font-variant-numeric:tabular-nums}.skill-results-meta button{background:transparent;color:var(--jp-cyan-ink);font-size:inherit}.skill-catalog-loading{display:inline-flex;align-items:center;gap:7px;color:var(--jp-cyan-ink)}.skill-catalog-loading svg{width:15px;height:15px;animation:skill-spin .8s linear infinite}.skill-catalog-error{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d9a5a5;padding:8px 12px;font-size:var(--fs-xs)}.skill-catalog-error button{display:inline-flex;flex:0 0 auto;min-height:32px;align-items:center;gap:7px;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:700}.skill-catalog-error svg{width:14px;height:14px}.skill-groups{display:grid;gap:20px;margin-top:18px}.skill-group>header{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--head);padding-bottom:8px}.skill-group>header div{display:flex;min-width:0;align-items:center;gap:9px}.skill-group>header span{flex:0 0 auto;color:var(--jp-cyan-ink);font-size:var(--fs-xs);font-weight:700}.skill-group>header h3{overflow-wrap:anywhere;margin:0}.skill-group>header em{flex:0 0 auto;color:var(--dim);font-size:var(--fs-xs);font-style:normal}.skill-list{display:grid;align-items:start;gap:8px;margin-top:8px}.skill-entry{display:contents}.skill-row{border:1px solid var(--line)}.skill-row.is-open{border-bottom-color:#b8cdd1;background:#f8fbfc}.skill-row-main{display:grid;width:100%;min-height:74px;align-items:center;gap:10px;grid-template-columns:42px minmax(0,1fr) 16px;border:0;background:transparent;padding:6px 10px;text-align:left}.skill-row-main:focus-visible,.skill-row-main:hover{background:#f3f8f9}.skill-icon{display:grid;place-items:center;border:1px solid #d8e1e3;background:#edf3f4}.skill-icon img{width:36px;height:36px;image-rendering:pixelated;object-fit:contain}.skill-icon svg{width:19px;height:19px}.skill-row-copy{display:grid;min-width:0}.skill-row-title{display:flex;min-width:0;align-items:center;gap:7px}.skill-row-title b{overflow-wrap:anywhere}.skill-row-title em{flex:0 0 auto;border-left:2px solid var(--jp-cyan-ink);padding-left:6px;color:var(--jp-cyan-ink);font-size:var(--fs-xs);font-style:normal;font-weight:700}.skill-description{display:-webkit-box;overflow:hidden;margin-top:3px;color:var(--text);line-height:1.45;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:1}.skill-row-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;color:var(--dim);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums}.skill-row-action{display:inline-flex;align-items:center;gap:0;color:var(--jp-cyan-ink);font-size:0;font-weight:700;white-space:nowrap}.skill-row-action svg{width:16px;height:16px}.skill-detail{grid-column:1/-1;border:1px solid #b8cdd1;background:#f8fbfc;padding:12px}.skill-detail-state{display:flex;min-height:58px;align-items:center;gap:10px;margin:0;color:var(--text);font-size:var(--fs-xs)}.skill-detail-state>svg{width:18px;height:18px;color:var(--jp-cyan-ink);animation:skill-spin .8s linear infinite}.skill-detail-state button,.skill-empty button{min-height:44px;border-radius:var(--action-radius);background:var(--action-bg);padding:0 12px;color:#fff;font-size:var(--fs-xs)}.skill-detail-state button:hover:not(:disabled),.skill-empty button:hover:not(:disabled){background:var(--action-hover)}.skill-levels h4{margin:0 0 8px;color:var(--head);font-size:var(--fs-sm)}.skill-levels ol{display:grid;max-height:300px;overflow-y:auto;margin:0;border-top:1px solid var(--line);padding:0;list-style:none;scrollbar-gutter:stable}.skill-levels li{display:grid;gap:16px;grid-template-columns:56px minmax(0,1fr);border-bottom:1px solid var(--line);padding:7px 8px;color:var(--text);font-size:var(--fs-xs);line-height:1.65}.skill-levels li b{color:var(--jp-cyan-ink);font-variant-numeric:tabular-nums}.skill-preview{margin-top:16px;border-top:1px solid #cbdadd;padding-top:12px}.skill-preview-head{display:flex;width:min(100%,520px);min-height:32px;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;margin-inline:auto}.skill-preview-head>div,.skill-preview-live{display:inline-flex;align-items:center}.skill-preview-head>div{min-width:0;gap:8px;color:var(--head);font-size:var(--fs-xs)}.skill-preview-head>div svg{width:17px;height:17px;color:var(--jp-cyan-ink)}.skill-preview-head>div span{font-weight:700}.skill-preview-head>div b{overflow:hidden;border-left:1px solid #c8d5d7;padding-left:8px;color:var(--jp-cyan-ink);text-overflow:ellipsis;white-space:nowrap}.skill-preview-live{flex:0 0 auto;color:var(--dim);font-size:11px;font-weight:700}.skill-preview-stage{position:relative;width:min(100%,520px);height:auto;aspect-ratio:520/248;margin-inline:auto;overflow:hidden;border:1px solid #8aa0a4;background-color:#bfe7f0;image-rendering:pixelated}.skill-preview-canvas{position:absolute;z-index:2;inset:0;display:block;pointer-events:none;image-rendering:pixelated;transform-origin:center;will-change:transform}.skill-preview-status{position:absolute;z-index:4;top:50%;left:50%;padding:5px 8px;border:1px solid rgb(64 89 95/22%);border-radius:3px;background:rgb(248 252 252/88%);color:#35565d;font-size:11px;font-weight:700;transform:translate(-50%,-50%)}.skill-preview-status-error{color:#8c3d32}.skill-preview-target{position:absolute;z-index:5;bottom:8px;left:50%;border:1px solid rgb(71 100 88/35%);border-radius:2px;padding:2px 5px;background:rgb(247 251 250/82%);color:#294239;font-size:10px;font-weight:700;transform:translateX(-50%);white-space:nowrap}.skill-preview-stage[data-preview-mode=combo-charge] .skill-preview-target,.skill-preview-stage[data-preview-mode=final-attack] .skill-preview-target{right:8px;left:auto;transform:none}.skill-preview-toolbar{display:flex;width:min(100%,520px);min-height:42px;align-items:flex-start;gap:8px;margin:8px auto 0}.skill-preview-proc-note{width:min(100%,520px);margin:7px auto 0;color:#52666a;font-size:11px;line-height:1.5}.skill-preview-control,.skill-preview-parameters summary{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:1px solid #b8c9cd;border-radius:4px;background:#fff;color:#324e55;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.skill-preview-control{flex:0 0 auto;gap:4px;padding:5px 7px;white-space:nowrap}.skill-preview-control svg,.skill-preview-parameters summary svg{width:14px;height:14px}.skill-preview-control:hover,.skill-preview-parameters summary:hover{border-color:var(--jp-cyan-ink);color:var(--jp-cyan-ink)}.skill-preview-control:focus-visible,.skill-preview-parameters summary:focus-visible{outline:2px solid var(--jp-cyan-ink);outline-offset:2px}.skill-preview-parameters{min-width:0}.skill-preview-parameters summary{width:max-content;padding:5px 8px 5px 10px;list-style:none}.skill-preview-parameters summary::-webkit-details-marker{display:none}.skill-preview-parameters summary svg{transition:transform .16s ease}.skill-preview-parameters[open] summary svg{transform:rotate(180deg)}.skill-preview-parameters dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(430px,calc(100vw - 90px));margin:6px 0 0;border-block:1px solid #d5e0e2;background:rgb(255 255 255/76%)}.skill-preview-parameters dl>div{min-width:0;padding:7px 9px}.skill-preview-parameters dt{color:var(--dim);font-size:10px}.skill-preview-parameters dd{overflow:hidden;margin:2px 0 0;color:var(--head);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.skill-empty,.skill-unavailable{display:grid;min-height:320px;align-content:center;justify-items:center;padding:48px 20px;text-align:center}.skill-empty>svg,.skill-unavailable>svg{width:28px;height:28px;color:var(--jp-cyan-ink)}.skill-empty h3,.skill-unavailable h2{margin:16px 0 0;font-size:var(--fs-lg)}.skill-empty p,.skill-unavailable p{max-width:52ch;margin:8px 0 0;color:var(--text);font-size:var(--fs-sm);line-height:1.8}.skill-empty button,.skill-unavailable a{margin-top:20px}.skill-unavailable{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-unavailable a{border-bottom:1px solid;padding-bottom:3px;color:var(--head);font-size:var(--fs-xs);font-weight:700}.skill-loading-state{display:grid;min-height:240px;align-content:center;justify-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 20px;color:var(--dim);text-align:center}.skill-loading-state svg{width:26px;height:26px;color:var(--jp-cyan-ink);animation:skill-spin .8s linear infinite}.skill-loading-state p{margin:12px 0 0;font-size:var(--fs-sm)}.skill-load-more{width:100%;min-height:42px;margin-top:20px;border:1px solid var(--line-2);color:var(--head);font-size:var(--fs-xs)}.skill-load-more:focus-visible,.skill-load-more:hover{border-color:var(--jp-cyan-ink);color:var(--jp-cyan-ink)}@keyframes skill-spin{to{transform:rotate(1turn)}}@media (min-width:820px){.skill-list{grid-auto-flow:row dense;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.skill-catalog-head{gap:8px;grid-template-columns:1fr}.skill-filter-toggle{display:inline-flex}.skill-workspace{gap:14px;grid-template-columns:1fr}.skill-filters{position:static;display:none}.skill-filters.is-open{display:block;padding:14px}.skill-filters fieldset{display:flex;flex-wrap:wrap}.skill-filters legend{width:100%}}@media (max-width:560px){.skill-catalog-page .pg-hero>.jp-body{min-height:156px}.skill-catalog-head{padding-bottom:12px}.skill-catalog-head h2{font-size:var(--fs-lg)}.skill-search-row{gap:8px;grid-template-columns:minmax(0,1fr) auto}.skill-filter-toggle{justify-content:center}.skill-group>header div{gap:7px}.skill-row-main{min-height:72px;gap:9px;grid-template-columns:38px minmax(0,1fr) 16px;padding:6px}.skill-icon{width:38px;height:38px}.skill-icon img{width:34px;height:34px}.skill-row-title{flex-wrap:wrap;gap:2px 6px}.skill-row-title em{padding-left:5px}.skill-row-action svg{width:18px;height:18px}.skill-levels ol{max-height:280px}.skill-levels li{gap:10px;grid-template-columns:48px minmax(0,1fr);padding-inline:0}.skill-preview-head{align-items:flex-start}.skill-preview-head>div{align-items:flex-start;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.skill-catalog-loading svg,.skill-detail-state>svg{animation:none}}.skill-catalog-page{--head:#303950;--text:#515c72;--dim:#626d82;--skill-bg:#fff;--skill-panel:#f7f8fc;--skill-panel-raised:#f1f2fb;--skill-line:#e1e5ef;--skill-line-soft:#edf0f6;--skill-copy:var(--text);--skill-muted:#626d82;--skill-accent:var(--action-bg);--skill-gold:var(--skill-accent);background:var(--skill-bg)}.skill-catalog-page .pg-hero{background-position:center 42%}.skill-catalog-page .pg-hero>.jp-body{min-height:200px;padding-top:var(--s-5);padding-bottom:var(--s-6)}.skill-catalog-page main.jp-body{width:var(--measure);min-height:64vh}.skill-catalog-page .nc-body-wide{padding-top:36px;padding-bottom:64px}.skill-browser{color:var(--skill-copy)}.skill-catalog-head{align-items:end;gap:24px 60px;grid-template-columns:minmax(0,1fr) minmax(260px,440px);margin-bottom:28px;border:0;padding:0}.skill-catalog-head p{color:var(--skill-accent);letter-spacing:0}.skill-catalog-head h2{color:var(--head);font-size:var(--fs-xl)}.skill-catalog-head>span{color:var(--skill-muted)}.skill-search-row{margin:0 0 12px}.skill-filter-toggle,.skill-search{border-color:var(--skill-line);border-radius:10px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.skill-search:focus-within{border-color:var(--skill-accent);box-shadow:0 0 0 3px rgb(96 101 172/10%)}.skill-search input::placeholder,.skill-search svg{color:var(--skill-muted)}.skill-search input{min-height:46px}.skill-filter-toggle,.skill-search input{color:var(--skill-copy)}.skill-workspace{gap:28px;grid-template-columns:200px minmax(0,1fr);margin-top:0}.skill-filters{top:88px;border:1px solid var(--skill-line);border-radius:14px;background:linear-gradient(155deg,#fafaff,#f6f8fc 65%);padding:0 0 14px;box-shadow:0 5px 22px rgb(48 57 80/3%)}.skill-factions{display:grid;gap:4px;margin:12px;border-bottom:1px solid var(--skill-line);padding-bottom:12px}.skill-factions button{min-width:0;min-height:44px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--skill-muted);font:inherit;font-size:var(--fs-sm);text-align:left;padding:8px 12px}.skill-factions button[aria-pressed=true]{border-color:#e0e2ef;background:#fff;color:var(--skill-accent);font-weight:600;box-shadow:0 2px 5px rgb(48 57 80/4%)}.skill-profession-toggle{margin-bottom:12px}.skill-profession-groups{display:grid;gap:10px;padding:12px}.skill-profession-card{border:1px solid var(--skill-line);border-radius:8px;background:#fff;padding:10px}.skill-profession-card h4{margin:0 0 6px;color:var(--skill-muted);font-size:var(--fs-xs);font-weight:500}.skill-profession-card>div{display:grid;gap:3px}.skill-profession-card button{min-width:0;min-height:34px;border:1px solid transparent;border-radius:5px;background:transparent;padding:6px 8px;color:var(--skill-copy);font:inherit;font-size:var(--fs-xs);text-align:left}.skill-profession-card button[aria-pressed=true]{border-color:#dfe0f0;background:#f0f0fb;color:var(--skill-accent);font-weight:600}.skill-factions button:hover,.skill-profession-card button:hover{color:var(--skill-accent);background:#ededf8}.skill-factions button:focus-visible,.skill-profession-card button:focus-visible{outline:2px solid var(--skill-accent);outline-offset:2px}.skill-profession-summary{margin:18px 0}.skill-profession-summary h3{margin:0 0 5px;color:var(--head);font-size:var(--fs-lg)}@media (min-width:1024px){.skill-filters{max-height:calc(100svh - 110px);overflow-y:auto;scrollbar-width:thin}}@media (max-width:1023px){.skill-factions{margin:12px 0}.skill-profession-groups{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0}.skill-profession-card>div{display:flex;flex-wrap:wrap}.skill-profession-card button{min-height:44px}}@media (max-width:560px){.skill-factions button{font-size:var(--fs-xs)}.skill-profession-groups{grid-template-columns:1fr;gap:8px}.skill-profession-card{padding:8px 10px}}.skill-filter-heading{margin:0 16px;border-bottom:1px solid var(--skill-line);background:transparent;padding:18px 0 15px}.skill-filter-heading svg{color:var(--skill-accent)}.skill-results-meta b{color:var(--head)}.skill-filter-heading h3{color:var(--head);font-weight:600}.skill-filters fieldset{gap:4px;margin-top:18px;padding:0 12px}.skill-filters legend{margin-left:10px;margin-bottom:8px;font-size:11px;font-weight:500}.skill-filters legend,.skill-results-meta{color:var(--skill-muted)}.skill-filters fieldset button{position:relative;min-height:36px;border-radius:7px;padding:7px 12px;line-height:1.35;color:var(--skill-copy);transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.skill-branch-filter p{margin:2px 8px 4px;color:var(--skill-muted);font-size:11px;line-height:1.5}.skill-filters fieldset button:not(:disabled):focus-visible,.skill-filters fieldset button:not(:disabled):hover{background:var(--skill-panel-raised);color:var(--head)}.skill-filters fieldset button:disabled{color:#9ba7aa}.skill-filters fieldset button[aria-pressed=true]{background:#fff;color:var(--skill-accent);box-shadow:0 2px 8px rgb(48 57 80/7%)}.skill-filters fieldset button[aria-pressed=true]:before{position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:2px;background:var(--skill-accent);content:""}.skill-browser :is(button,input):focus-visible{outline:2px solid var(--skill-accent);outline-offset:3px}.skill-browser .skill-search input:focus-visible{outline:0}.skill-reset{width:calc(100% - 28px);margin:16px 14px 0;border-color:var(--skill-line);color:var(--skill-muted)}.skill-results-meta{border-top:0;border-bottom:0;padding-inline:2px}.skill-results-meta b{font-weight:500}.skill-catalog-loading,.skill-results-meta button{color:var(--skill-accent)}.skill-catalog-error{border-color:#d9a5a5;background:#fff7f7;color:#7d2727}.skill-groups{gap:24px;margin-top:12px}.skill-group{overflow:hidden;border:1px solid var(--skill-line);border-radius:12px;background:#fff;box-shadow:0 3px 14px rgb(48 57 80/2%)}.skill-group>header{min-height:56px;justify-content:space-between;gap:10px;border-top:0;border-bottom:1px solid var(--skill-line);padding:10px 16px;background:linear-gradient(100deg,#f6f6fd,#fbfcfe)}.skill-group>header div{gap:8px}.skill-group>header svg{box-sizing:content-box;width:16px;height:16px;border-radius:8px;background:#e9ebf8;padding:7px;color:var(--skill-gold)}.skill-group>header h3{color:var(--head);font-size:var(--fs-sm);font-weight:600}.skill-group>header em,.skill-group>header span{color:var(--skill-muted);font-size:var(--fs-xs)}.skill-group>header span:before{content:"·";margin-right:8px;color:#9ba7aa}.skill-group>header em{margin-left:2px}.skill-list{display:block;margin-top:0}.skill-list-head,.skill-row-main{display:grid;align-items:center;column-gap:14px;grid-template-columns:42px minmax(140px,.8fr) 64px minmax(0,2.2fr)}.skill-list-head{min-height:34px;border-bottom:1px solid var(--skill-line-soft);padding:0 16px;background:#fcfcfe;color:var(--skill-muted);font-size:11px;font-weight:500}.skill-list-head span:first-child{grid-column:1/3}.skill-list-head span:nth-child(2){text-align:center}.skill-entry{display:block}.skill-row{min-width:0;border:0;border-bottom:1px solid var(--skill-line-soft);background:transparent}.skill-row.is-open{border-bottom-color:var(--skill-line);background:var(--skill-panel-raised)}.skill-row-main{min-height:72px;padding:16px;color:inherit;transition:background-color .18s ease}.skill-entry:last-child .skill-row{border-bottom:0}.skill-browser .skill-row-main:focus-visible{outline-offset:-3px}.skill-row-main:focus-visible,.skill-row-main:hover{background:var(--skill-panel-raised)}.skill-icon{width:42px;height:42px;border-color:#e1e5f0;border-radius:9px;background:linear-gradient(145deg,#fff,#f0f2fa);box-shadow:0 2px 4px rgb(48 57 80/4%)}.skill-icon img{width:32px;height:32px}.skill-icon svg{color:#91a3a7}.skill-row-copy{gap:5px;line-height:1.3}.skill-row-title b{color:var(--head);font-size:var(--fs-sm);line-height:1.3;font-weight:600}.skill-row-foot{margin-top:0;color:var(--skill-muted);font-family:inherit;font-size:11px;letter-spacing:0;line-height:1.35}.skill-row-summary{display:grid;min-width:0;gap:7px}.skill-description,.skill-top-effect{display:block;overflow:visible;margin:0;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.skill-description{color:var(--skill-copy);font-size:var(--fs-xs);font-weight:400}.skill-top-effect{color:var(--skill-muted);font-size:var(--fs-xs)}.skill-top-effect b{font-weight:600}.skill-tags{display:flex;flex-wrap:wrap;gap:4px}.skill-tag{display:inline-flex;border:1px solid #e1e5f0;border-radius:4px;background:#f4f5fa;padding:2px 5px;color:#5b6174;font-size:11px;line-height:1.45;white-space:nowrap}.skill-tag-buff,.skill-tag-healing{background:#edf7f2;border-color:#cfe6d9;color:#376650}.skill-tag-dark,.skill-tag-debuff,.skill-tag-poison{background:#f1eef8;border-color:#e1d9ee;color:#6b5384}.skill-tag-fire{background:#fff1ec;border-color:#f1dace;color:#9e4b31}.skill-tag-ice,.skill-tag-magical{background:#eef5fb;border-color:#d5e4f1;color:#386585}.skill-tag-holy,.skill-tag-lightning{background:#fcf7e9;border-color:#eee1bb;color:#806a25}.skill-adjustment{display:grid;align-items:baseline;gap:7px;grid-template-columns:auto minmax(0,1fr);font-size:var(--fs-xs);line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;color:var(--skill-copy)}.skill-adjustment-label{display:inline-flex;align-items:baseline;gap:4px;flex-shrink:0;font-weight:600;white-space:nowrap}.skill-adjustment-label>:is(svg,.skill-change-triangle,.skill-new-badge){align-self:center;flex-shrink:0}.skill-adjustment-label svg{width:13px;height:13px}.skill-adjustment-buff .skill-adjustment-label{color:#b33d45}.skill-adjustment-nerf .skill-adjustment-label{color:#277148}.skill-adjustment-balance .skill-adjustment-label{color:#6557a2}.skill-adjustment-new .skill-adjustment-label{color:#a05b24}.skill-change-triangle{width:9px;height:8px;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.skill-adjustment-nerf .skill-change-triangle{transform:rotate(180deg)}.skill-new-badge{padding:1px 3px;border-radius:3px;background:#a05b24;color:white;font-size:8px;line-height:1.4;letter-spacing:.03em}.skill-general-adjustments{margin:0 0 20px;border:1px solid var(--skill-line);border-radius:10px;background:var(--skill-panel-raised);color:var(--skill-copy)}.skill-general-adjustments summary{display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer;font-size:var(--fs-sm);font-weight:600}.skill-general-adjustments summary>svg{width:16px;height:16px;color:var(--skill-accent)}.skill-general-adjustments summary>span:last-child{margin-left:auto;color:var(--skill-muted);font-size:var(--fs-xs);font-weight:400}.skill-general-adjustments summary:focus-visible{outline:2px solid var(--skill-accent);outline-offset:3px}.skill-general-adjustments ol{display:grid;gap:10px;margin:0;padding:0 22px 18px 38px;list-style:decimal;font-size:var(--fs-xs);line-height:1.8;overflow-wrap:anywhere}.skill-row-metric,.skill-row-stage{color:var(--text);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:center}.skill-row-stage{color:var(--skill-muted)}.skill-empty,.skill-unavailable{border-color:var(--skill-line);color:var(--skill-muted)}.skill-empty>svg,.skill-unavailable>svg{color:var(--skill-accent)}.skill-empty h3,.skill-unavailable h2{color:var(--head)}.skill-empty p,.skill-unavailable p{color:var(--skill-muted)}.skill-load-more,.skill-unavailable a{color:var(--skill-copy)}.skill-load-more{border-color:var(--skill-line);border-radius:9px;background:#fff}.skill-load-more:focus-visible,.skill-load-more:hover{border-color:var(--skill-accent);color:var(--skill-accent)}.skill-detail-overlay{position:fixed;z-index:2000;display:grid;inset:0;place-items:center;padding:24px}.skill-detail-backdrop{position:absolute;inset:0;border:0;background:rgb(28 34 54/54%);backdrop-filter:blur(6px);cursor:default}.skill-detail-dialog{--head:#293449;--text:#475569;--dim:#667085;--jp-cyan-ink:var(--action-bg);--skill-dialog-bg:#fff;--skill-dialog-raised:#f5f6fa;--skill-dialog-line:#e2e6f0;--skill-dialog-copy:var(--text);--skill-dialog-muted:var(--dim);--skill-dialog-accent:var(--jp-cyan-ink);--skill-detail-caption:12px;--skill-detail-data:13px;--skill-detail-body:14px;--skill-detail-section:15px;--skill-detail-title:20px;position:relative;display:grid;width:min(1080px,calc(100vw - 48px));max-height:min(780px,calc(100dvh - 48px));grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgb(226 230 240/90%);border-radius:18px;background:var(--skill-dialog-bg);box-shadow:0 24px 90px rgb(23 30 56/24%),0 4px 16px rgb(23 30 56/12%);color:var(--skill-dialog-copy);font-family:Noto Sans SC,PingFang SC,HarmonyOS Sans SC,MiSans,Microsoft YaHei,system-ui,sans-serif;font-size:var(--skill-detail-body);line-height:1.75}.skill-detail-dialog :focus-visible{outline:2px solid var(--skill-dialog-accent);outline-offset:2px}.skill-detail-head{display:grid;min-height:100px;align-items:center;gap:16px;grid-template-columns:48px minmax(0,1fr) 44px;border-bottom:1px solid var(--skill-dialog-line);background:var(--skill-dialog-bg);padding:20px 24px}.skill-detail-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid #e1e5f0;border-radius:12px;background:var(--skill-dialog-raised)}.skill-detail-icon img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.skill-detail-icon svg{width:24px;height:24px;color:#91a3a7}.skill-detail-head h2{margin:0;color:var(--head);font-size:var(--skill-detail-title);font-weight:600;line-height:1.4;letter-spacing:0}.skill-detail-head .skill-tags{gap:6px;margin-top:8px}.skill-detail-head .skill-tag{border-radius:4px;padding:2px 7px;font-size:var(--skill-detail-caption);font-weight:400;line-height:1.5}.skill-detail-close{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:10px;background:var(--skill-dialog-raised);color:var(--skill-dialog-copy);transition:background-color .16s ease,color .16s ease}.skill-detail-close:hover{background:#e8eaf8;color:var(--skill-dialog-accent)}.skill-detail-close svg{width:18px;height:18px}.skill-detail-body{min-height:0;overflow:auto;background:#f8f9fc;padding:24px;scrollbar-color:#c6cbe0 transparent;scrollbar-width:thin}.skill-detail-state{min-height:260px;justify-content:center;color:var(--skill-dialog-copy)}.skill-detail-state>svg{color:var(--skill-dialog-accent)}.skill-data-panel,.skill-preview-panel{min-height:0;min-width:0}.skill-detail-layout{display:grid;min-height:0;gap:24px;grid-template-areas:"summary" "levels"}.skill-detail-layout.has-preview{column-gap:18px;grid-template-areas:"summary preview" "levels levels";grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);row-gap:20px}.skill-data-panel{display:grid;grid-area:summary;min-height:0;align-content:start;border:1px solid var(--skill-dialog-line);border-radius:12px;background:#fff;padding:20px}.skill-detail-layout.has-preview .skill-data-panel{align-self:start}.skill-detail-summary{display:grid;min-width:0;gap:16px}.skill-detail-summary>p{font-weight:400;white-space:pre-line;overflow-wrap:anywhere}.skill-detail-summary dl,.skill-detail-summary>p{margin:0;color:var(--skill-dialog-copy);font-size:var(--skill-detail-body);line-height:1.75}.skill-detail-summary dl{display:grid;gap:6px}.skill-detail-summary dt{color:var(--skill-dialog-muted);font-size:var(--skill-detail-caption);font-weight:500}.skill-detail-summary dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.skill-detail-summary .skill-top-level-effect{grid-template-columns:1fr;border-radius:8px;background:var(--skill-dialog-raised);padding:14px 16px}.skill-detail-summary .skill-detail-facts{display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;border-bottom:1px solid var(--skill-dialog-line);padding-bottom:14px}.skill-detail-facts div{display:flex;min-width:0;align-items:baseline;gap:8px}.skill-detail-facts dt{color:var(--skill-dialog-muted);font-size:var(--skill-detail-caption);font-weight:400;line-height:1.75}.skill-detail-facts dd{overflow-wrap:anywhere;color:var(--skill-dialog-copy);font-size:var(--skill-detail-data);font-weight:500;line-height:1.75}.skill-detail-summary .skill-adjustment{display:grid;gap:6px;grid-template-columns:auto minmax(0,1fr);color:var(--skill-dialog-copy);font-size:var(--skill-detail-body);font-weight:400;line-height:1.75}.skill-detail-summary .skill-adjustment-label{align-self:start;margin:0;font-size:inherit;line-height:inherit}.skill-levels{display:grid;grid-area:levels;min-height:0;border-top:0;padding-top:0}.skill-levels h3{margin:0 0 12px;color:var(--head);font-size:var(--skill-detail-section);font-weight:600;line-height:1.4}.skill-level-tables{display:grid;min-width:0;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.skill-level-tables.is-single{grid-template-columns:minmax(0,1fr)}.skill-level-table-wrap{min-height:0;overflow:hidden;border:1px solid var(--skill-dialog-line);border-radius:10px;background:#fff}.skill-levels table{width:100%;border-collapse:collapse;table-layout:fixed}.skill-levels thead{background:var(--skill-dialog-raised)}.skill-levels td,.skill-levels th{border-bottom:1px solid var(--skill-dialog-line);padding:8px 12px;font-size:var(--skill-detail-data);line-height:1.45;text-align:left;vertical-align:top}.skill-levels thead th{color:var(--skill-dialog-muted);font-size:var(--skill-detail-data);font-weight:600}.skill-levels tbody th,.skill-levels thead th:first-child{width:74px}.skill-levels tbody th{color:var(--skill-dialog-muted);font-size:var(--skill-detail-data);font-weight:400;font-variant-numeric:tabular-nums}.skill-levels td{color:var(--skill-dialog-copy)}.skill-levels tbody tr:last-child :is(th,td){border-bottom:0}.skill-levels tbody tr:nth-child(2n){background:#fafbfe}.skill-levels tbody tr:hover{background:#f0f2fc}.skill-preview-panel{grid-area:preview;align-self:start;border:1px solid var(--skill-dialog-line);border-radius:12px;background:#fff;padding:14px}.skill-preview-panel .skill-preview{margin-top:0;border-top:0;padding-top:0}.skill-preview-panel .skill-preview-head{min-height:30px;gap:10px;margin-bottom:10px}.skill-preview-panel .skill-preview-head>div{color:var(--skill-dialog-copy);font-size:var(--skill-detail-section)}.skill-preview-panel .skill-preview-head>div b{display:none}.skill-preview-panel .skill-preview-head>div span{font-weight:600}.skill-preview-panel .skill-preview-head>div svg{box-sizing:content-box;border-radius:6px;background:#edeefa;padding:5px}.skill-preview-panel .skill-preview-live{gap:6px;color:var(--skill-dialog-muted);font-size:var(--skill-detail-caption);font-weight:500}.skill-preview-panel .skill-preview-live:before{width:5px;height:5px;border-radius:50%;background:var(--skill-dialog-accent);content:""}.skill-preview-panel .skill-preview-control,.skill-preview-panel .skill-preview-parameters summary{min-height:36px;border-color:var(--skill-dialog-line);border-radius:7px;background:var(--skill-dialog-raised);padding:6px 11px;color:var(--skill-dialog-copy);font-size:var(--skill-detail-data);font-weight:500;transition:background-color .16s ease,color .16s ease}.skill-preview-panel .skill-preview-control{border-color:transparent;background:#eceefa;color:var(--skill-dialog-accent)}.skill-preview-panel .skill-preview-control:hover,.skill-preview-panel .skill-preview-parameters summary:hover{background:#e4e7f8;color:var(--skill-dialog-accent)}.skill-preview-panel .skill-preview-parameters{flex:1}.skill-preview-panel .skill-preview-parameters dl{width:100%;gap:4px;margin-top:10px;border:0;border-radius:8px;background:var(--skill-dialog-raised);padding:4px}.skill-preview-panel .skill-preview-proc-note{color:var(--skill-dialog-muted)}.skill-preview-panel .skill-preview-stage{height:auto;border-color:#e2e6f0;border-radius:9px;background:radial-gradient(ellipse at 30% 25%,#e0e7ff,transparent 65%),linear-gradient(145deg,#eff3ff,#f6f5fc)}.skill-preview-panel .skill-preview-status{display:inline-flex;max-width:calc(100% - 32px);align-items:center;gap:8px;border:1px solid #e2e6f0;border-radius:9px;background:rgb(255 255 255/92%);padding:10px 14px;box-shadow:0 4px 18px rgb(48 57 80/5%);color:var(--skill-dialog-muted);font-size:var(--skill-detail-caption);font-weight:500;line-height:1.5;white-space:nowrap}.skill-preview-panel .skill-preview-status:not(.skill-preview-status-error):before{width:13px;height:13px;flex:0 0 auto;border:2px solid #e2e5f5;border-top:2px solid var(--skill-dialog-accent);border-radius:50%;content:"";animation:skill-spin .9s linear infinite}.skill-preview-panel .skill-preview-status-error{color:#934639;white-space:normal}.skill-preview-panel .skill-preview-target{top:8px;right:8px;bottom:auto;left:auto;border:1px solid rgb(255 255 255/60%);border-radius:5px;padding:3px 7px;background:rgb(255 255 255/88%);color:#3a485d;font-weight:500;transform:none}.skill-preview-stage:not([data-animation-ready=true]) .skill-preview-target{visibility:hidden}@media (max-width:1023px){.skill-catalog-head{gap:8px;grid-template-columns:1fr}.skill-filter-toggle{display:inline-flex}.skill-workspace{gap:14px;grid-template-columns:1fr}.skill-filters{position:static;display:none}.skill-filters.is-open{display:block}.skill-filters fieldset{display:flex;flex-wrap:wrap;gap:6px}.skill-filters fieldset button{min-height:44px;padding-inline:12px}.skill-reset{min-height:44px}}@media (max-width:760px){.skill-catalog-page .pg-hero>.jp-body{min-height:150px}.skill-catalog-page .nc-body-wide{padding-top:28px;padding-bottom:40px}.skill-list-head{display:none}.skill-row-main{min-height:86px;align-items:start;gap:4px 10px;grid-template-columns:44px minmax(0,1fr) auto;padding:10px 8px}.skill-icon{width:42px;height:42px;grid-column:1;grid-row:1/3}.skill-icon img{width:32px;height:32px}.skill-row-copy{align-self:center;grid-column:2;grid-row:1}.skill-row-summary{grid-column:2/4;grid-row:2}.skill-row-metric{align-self:center;grid-column:3;grid-row:1}.skill-row-stage{display:none}.skill-detail-overlay{padding:8px}.skill-detail-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.skill-detail-head{min-height:72px;gap:10px;grid-template-columns:42px minmax(0,1fr) 44px;padding:14px 12px}.skill-detail-icon{width:42px;height:42px}.skill-detail-icon img{width:32px;height:32px}.skill-detail-head h2{font-size:18px}.skill-detail-close{width:44px;height:44px}.skill-detail-body{padding:12px}.skill-data-panel{padding:14px}.skill-preview-panel{padding:10px}.skill-preview-panel .skill-preview-control,.skill-preview-panel .skill-preview-parameters summary{min-height:44px}.skill-detail-summary>p{font-size:var(--skill-detail-body)}.skill-levels td,.skill-levels th{padding:6px}.skill-levels tbody th,.skill-levels thead th:first-child{width:58px}.skill-preview-panel .skill-preview-stage{height:auto}}@media (prefers-reduced-motion:reduce){.skill-browser :is(.skill-search,.skill-filter-toggle,.skill-row-main),.skill-detail-dialog :is(button,summary,summary svg),.skill-filters fieldset button{transition:none}.skill-preview-panel .skill-preview-status:before{animation:none}}@media (max-width:920px){.skill-detail-body{overflow:auto}.skill-detail-layout.has-preview{gap:16px;grid-template-areas:"summary" "preview" "levels";grid-template-columns:minmax(0,1fr)}.skill-detail-layout.has-preview .skill-data-panel{align-self:start}.skill-preview-panel{border-bottom:1px solid var(--skill-dialog-line)}}@media (max-width:480px){.skill-catalog-head>span{font-size:var(--fs-xs)}.skill-group>header{padding-inline:8px}.skill-row-title b{font-size:var(--fs-sm)}.skill-row-metric{font-size:11px}.skill-general-adjustments summary{flex-wrap:wrap}.skill-general-adjustments summary>span:last-child{width:100%;margin-left:24px}.skill-detail-summary .skill-detail-facts{column-gap:16px}.skill-top-level-effect{gap:4px;grid-template-columns:1fr}.skill-level-tables{gap:0;grid-template-columns:minmax(0,1fr)}.skill-level-table-wrap+.skill-level-table-wrap{border-top:0;border-radius:0 0 10px 10px}.skill-level-table-wrap:has(+.skill-level-table-wrap){border-bottom:0;border-radius:10px 10px 0 0}.skill-level-table-wrap+.skill-level-table-wrap thead{display:none}.skill-preview-panel .skill-preview-stage{height:auto}.skill-preview-parameters dl{grid-template-columns:repeat(2,minmax(0,1fr))}}