.skill-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0}.skill-heading h1{margin:10px 0;font-size:clamp(28px,3vw,42px)}.skill-heading p,.skill-card p,.skill-gate p{color:var(--text-secondary,#9ca3af);line-height:1.8}.skill-points{display:flex;gap:16px;align-items:center;white-space:nowrap}.skill-points strong{color:#b8a3ff;font-size:26px}.skill-filters{display:flex;gap:12px;margin:24px 0;max-width:650px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-card,.skill-gate,.skill-empty{border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:26px;background:#101725}.skill-card{display:flex;flex-direction:column;min-height:270px}.skill-card>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.skill-card h2{font-size:22px;margin:22px 0 6px}.skill-card p{flex:1;overflow-wrap:anywhere}.skill-card button{align-self:flex-start}.skill-category{font-size:13px;color:#a991ff;letter-spacing:.04em}.skill-cost{font-size:13px;color:#91a5c0}.skill-empty{grid-column:1/-1}.skill-detail{max-width:1100px;margin:24px auto}.skill-source{display:flex;gap:24px;color:#8c9fbb;margin:0 0 24px;font-size:14px;flex-wrap:wrap}.skill-source a{color:#b8a3ff}.skill-gate{padding:40px}.skill-gate h2{margin:18px 0}.skill-gate .btn{margin:12px 12px 0 0}.skill-content-header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:28px 0 16px}.skill-content-header>div{display:flex;gap:10px}#skill-effect-frame{width:100%;height:480px;background:white;border:1px solid #293247;border-radius:14px;margin:16px 0}#skill-original[hidden],#skill-effect[hidden]{display:none!important}.skill-form-row{display:flex;gap:20px;flex-wrap:wrap}.skill-form-row>.form-group{flex:1;min-width:180px}#point-settings fieldset{border:1px solid #293247;border-radius:12px;padding:22px;margin:24px 0}#point-settings legend{padding:0 10px}.skill-revisions>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #273045}.point-entries{list-style:none;padding:0;margin:16px 0}.point-entries li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #263047;padding:12px 0}.point-entries small{display:block;color:#8c9fbb;margin-top:4px}.point-entries strong{color:#b8a3ff}.platform-ad{display:none;background:#101725;border:1px solid #273045;border-radius:14px;padding:18px;overflow-wrap:anywhere}.platform-ad[hidden]{display:none!important}.platform-ad h3{font-size:17px;margin:18px 0 10px}.platform-ad p,.platform-ad small{color:#8c9fbb;line-height:1.65;font-size:13px}.platform-ad small{display:block;margin-top:12px}.platform-ad .btn{width:100%;font-size:12px;padding:10px 8px}.platform-ad-label{font-size:11px;letter-spacing:.12em;color:#8c9fbb}.platform-ad-hide,.platform-ad-expand{background:none;border:0;color:#a991ff;font:inherit;cursor:pointer;padding:10px 0}.platform-ad.is-folded{padding:10px;text-align:center}.platform-ad-hide{font-size:12px;display:block;margin:4px auto 0}.platform-ad-expand{font-size:12px}
@media(max-width:1000px){.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.skill-card{overflow:hidden}.skill-card .skill-cover{width:calc(100% + 52px);margin:-26px -26px 24px;border-radius:0;flex-shrink:0;align-self:stretch}.skill-cover{position:relative;display:block;border:0;padding:0;background:#0b121d;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;isolation:isolate}.skill-cover[hidden]{display:none!important}.skill-cover-backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(20px) brightness(.45);z-index:-1}.skill-cover-image{display:block;width:100%;height:100%;object-fit:contain;padding:12px;box-sizing:border-box;transition:transform .2s ease}.skill-cover:hover .skill-cover-image{transform:scale(1.025)}.skill-cover:focus-visible{outline:3px solid #ad95ff;outline-offset:-3px}.skill-cover-zoom{position:absolute;bottom:12px;right:12px;background:rgba(8,15,27,.78);border:1px solid #ffffff28;border-radius:7px;color:#f1f5f9;padding:5px 9px;font-size:11px;pointer-events:none}.skill-detail-cover{margin:0 0 28px}.skill-detail-cover .skill-cover{width:100%;aspect-ratio:16/9;max-height:440px;border:1px solid #293247;border-radius:16px}.skill-cover-dialog{max-width:1000px;overflow:hidden}.skill-cover-dialog h2{font-size:18px}.skill-cover-full{display:flex;justify-content:center;align-items:center;min-height:100px;background:#0b121d;padding:16px}.skill-cover-full img{display:block;max-width:100%;max-height:calc(100dvh - 180px);object-fit:contain}#modal-skill-cover:not(.open){display:none}.skill-cover-dialog .modal-close{background:none;border:0;color:#cbd5e1;font-size:26px;cursor:pointer;width:36px;height:36px;flex-shrink:0}.skill-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.skill-card h2{line-height:1.45}
@media(max-width:600px){.skill-card .skill-cover{width:calc(100% + 44px);margin:-22px -22px 22px}.skill-detail-cover .skill-cover{aspect-ratio:4/3}.skill-cover-full{padding:8px}.skill-cover-dialog h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.skill-cover-image{transition:none}}
@media(max-width:600px){.skill-heading{align-items:flex-start;flex-direction:column;gap:12px}.skill-grid{grid-template-columns:1fr}.skill-card,.skill-gate{padding:22px}.skill-content-header{align-items:flex-start;flex-direction:column}.skill-heading h1{font-size:30px}.skill-points{width:100%;justify-content:space-between}.skill-form-row{flex-direction:column;gap:0}#skill-effect-frame{height:340px}.skill-revisions>div{flex-wrap:wrap}}
.skill-filters>.btn{flex-shrink:0;min-width:82px;white-space:nowrap}#modal-skill-editor:not(.open){display:none}#modal-skill-editor>.modal-content{max-width:920px}#skill-editor-body textarea{font-family:ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}#skill-editor-body .modal-close{background:none;border:0;color:var(--text-muted);font-size:24px;cursor:pointer}
.skill-tags{display:flex!important;gap:7px!important;justify-content:flex-start!important;flex-wrap:wrap;margin:12px 0 0}.skill-tag{display:inline-flex;align-items:center;border:1px solid currentColor;border-radius:6px;padding:3px 8px;font-size:12px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.skill-tag-violet{color:#c4b5fd;background:#8b5cf615}.skill-tag-blue{color:#93c5fd;background:#3b82f615}.skill-tag-green{color:#6ee7b7;background:#10b98115}.skill-tag-orange{color:#fdba74;background:#f9731615}.skill-tag-rose{color:#fda4af;background:#f43f5e15}.skill-tag-slate{color:#cbd5e1;background:#64748b15}.skill-cost.is-free{color:#6ee7b7}.skill-cost s{margin-left:6px;color:#8c9fbb;font-size:11px}.skill-promotion-note{color:#6ee7b7;font-size:14px;line-height:1.8}.skill-marketing-fields,#skill-tag-management{border:1px solid #293247;border-radius:14px;padding:20px;margin:24px 0;min-width:0}.skill-marketing-fields legend{padding:0 8px;color:#c4b5fd}.skill-tag-choices{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}.skill-tag-choice,.skill-free-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.skill-free-toggle{margin-bottom:18px}#skill-tag-management summary{cursor:pointer;color:#d9e3f2;font-weight:600}#skill-tag-management summary span{font-size:12px;color:#8c9fbb;font-weight:400;margin-left:10px}.skill-tag-row{display:grid;grid-template-columns:minmax(120px,1fr) 100px minmax(80px,auto) auto;align-items:center;gap:12px;margin:12px 0}.skill-tag-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}.skill-tag-row input,.skill-tag-row select{min-width:0}.skill-tag-row .btn{padding:10px 12px}
@media(max-width:600px){.skill-tag-row{grid-template-columns:minmax(0,1fr) 90px}.skill-tag-row .skill-tag-preview{grid-column:1}.skill-tag-row .btn{grid-column:2}.skill-marketing-fields,#skill-tag-management{padding:14px}.skill-free-toggle{align-items:flex-start}.skill-marketing-fields .skill-form-row>.form-group{min-width:0;flex-basis:100%}.skill-marketing-fields input[type=datetime-local]{min-width:0;max-width:100%}}
#modal-skill-editor .modal-close{background:none;border:0;color:var(--text-muted);font-size:24px;cursor:pointer;width:36px;height:36px}

@media(min-width:1280px){.platform-ad{display:block;position:fixed;width:148px;top:146px;max-height:calc(100dvh - 180px);overflow:auto;z-index:20;padding:16px;border-radius:16px}.platform-ad-left{left:18px}.platform-ad-right{right:18px}}
@media(max-width:1279px){.platform-ad{display:none!important}}

/* One configurable rail retains an inline control when its contents are hidden. */
.ad-rail-heading{display:flex;justify-content:space-between;align-items:center;color:#a5b2c9;font-size:12px;margin:0 0 12px}
.ad-disclosure{font-size:10px;border:1px solid #334057;border-radius:5px;padding:2px 5px;color:#7f8da5}
.ad-banners{display:grid;gap:9px}.ad-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}
.ad-entry{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width:100%;min-width:0;padding:14px 16px;border:1px solid #ffffff15;border-radius:10px;color:#f1f5ff;font:inherit;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}
.ad-entry:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff50}.ad-entry:focus-visible,.platform-ad-hide:focus-visible{outline:2px solid #a991ff;outline-offset:3px}
.ad-entry:disabled{opacity:.55;cursor:default}.ad-format-banner{min-height:76px}.ad-entry-title{font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;padding-right:8px}.ad-entry-description{font-size:11px;line-height:1.5;margin-top:5px;color:#e8ecf3ad;overflow-wrap:anywhere}
.ad-format-button{min-height:46px;padding:10px;align-items:center;text-align:center}.ad-format-button .ad-entry-title{font-size:12px;padding-right:0}.ad-format-button .ad-entry-description{display:none}
.ad-entry:has(img){padding:0}.ad-entry img{display:block;width:100%;aspect-ratio:3.6;object-fit:cover}.ad-format-button img{aspect-ratio:2.4}
.ad-entry-arrow{position:absolute;right:7px;top:5px;font-size:12px;color:#ffffff8c}.ad-theme-violet{background:linear-gradient(125deg,#352454,#202c48)}.ad-theme-blue{background:linear-gradient(125deg,#163c58,#203057)}.ad-theme-green{background:linear-gradient(125deg,#194337,#1e343e)}.ad-theme-orange{background:linear-gradient(125deg,#563819,#403044)}.ad-theme-rose{background:linear-gradient(125deg,#512737,#363047)}.ad-theme-slate{background:linear-gradient(125deg,#2e3b50,#212b3d)}
.platform-ad .ad-reward-hint{font-size:11px;text-align:center;margin:14px 0 10px;color:#a8b8ce;line-height:1.7}.ad-reward-hint span{display:block;color:#73839c;font-size:10px}
.platform-ad .platform-ad-hide{display:block;width:100%;border:1px solid #2b3850;border-radius:8px;margin:10px 0 0;padding:9px 6px;color:#aebad0;background:#ffffff03;font-size:12px}
.platform-ad .platform-ad-hide:hover{background:#ffffff09}.platform-ad .ad-folded-note{color:#75849b;text-align:center;font-size:12px;margin:10px 0}
.ad-admin-list{display:grid;gap:18px}.ad-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.ad-admin-preview{display:block;max-width:min(320px,100%);max-height:90px;object-fit:contain;margin:8px 0;border-radius:8px}.points-economy{display:flex;gap:22px;flex-wrap:wrap;padding:18px;border:1px solid #2b3850;border-radius:12px;margin:16px 0;color:#a8b8ce}.points-economy strong{display:block;color:#e9eff8;font-size:22px;margin-top:6px}
@media(min-width:1280px){.platform-ad{width:180px;top:132px;padding:12px;max-height:calc(100dvh - 156px);scrollbar-width:thin;scrollbar-color:#34415a transparent}.platform-ad-left{left:12px}.platform-ad-right{right:12px}.platform-ad.is-folded{padding:12px;text-align:left}}
@media(min-width:1600px){.platform-ad{width:240px}}
@media(prefers-reduced-motion:reduce){.ad-entry{transition:none}.ad-entry:hover:not(:disabled){transform:none}}

#point-settings,#point-settings-form,.ad-admin-list,.ad-admin-list fieldset{min-width:0;max-width:100%}.ad-admin-list fieldset{margin-inline:0}.ad-admin-list input,.ad-admin-list select{min-width:0;max-width:100%}.ad-admin-actions{min-width:0}.ad-admin-list label{overflow-wrap:anywhere}@media(max-width:600px){#point-settings fieldset{padding:14px}.skill-form-row>.form-group{min-width:0;width:100%}.ad-admin-actions{gap:8px}.ad-admin-actions .btn{padding:8px 12px}.points-economy{padding:14px}}
@media(min-width:1280px){body.has-platform-ads main{width:calc(100% - 244px);margin-left:24px;margin-right:220px}body.has-platform-ads.platform-ads-on-left main{margin-left:220px;margin-right:24px}}
@media(min-width:1600px){body.has-platform-ads main{width:calc(100% - 304px);margin-right:280px}body.has-platform-ads.platform-ads-on-left main{margin-left:280px;margin-right:24px}}
#skill-tag-edit-fields{border:0;padding:0;margin:0;min-width:0}#skill-tag-edit-fields:disabled{opacity:.65}
