.class-hero-banner{border-radius:0;height:140px;margin-bottom:22px;overflow:hidden}.class-picker-strip{gap:0;height:100%;display:flex}.class-window-card{cursor:pointer;filter:grayscale()brightness(.8);background:#24345a;border:none;border-radius:0;flex:1 1 0;min-width:0;height:100%;padding:0;transition:filter .15s;position:relative;overflow:hidden}.class-window-card.selected{filter:none}.class-window-card:hover:not(.selected){filter:grayscale(.4)brightness(.9)}.class-window-card:after{content:"";box-shadow:inset 0 0 0 0 var(--skin-active-2);z-index:3;pointer-events:none;transition:box-shadow .15s;position:absolute;inset:0}.class-window-card.selected:after{box-shadow:inset 0 0 0 2px var(--skin-active-2)}.class-window-card.selected{z-index:2}.class-window-card .cls-window-img{object-fit:cover;object-position:50% 8%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.class-window-card .cls-window-footer{background:linear-gradient(0deg, var(--skin-fade-color) 0%, transparent 100%);justify-content:center;padding:8px 3px;display:flex;position:absolute;bottom:0;left:0;right:0}.class-window-card .cls-window-icon{background:50%/contain no-repeat;flex-shrink:0;width:24px;height:24px}.class-window-card .cls-badge{color:#fff;z-index:2;background:#3ecf8e;border-radius:999px;padding:1px 4px;font-size:.52em;font-weight:800;position:absolute;top:6px;right:4px}
.skill-planner-layout{align-items:flex-start;gap:14px;display:flex}.skill-planner-sidebar{background:var(--skin-content-bg);-webkit-backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);border:1px solid var(--skin-content-border);text-align:center;border-radius:12px;flex-direction:column;flex:0 0 148px;align-items:center;gap:4px;padding:16px 12px;display:flex}.skill-sidebar-icon{background:50%/contain no-repeat;flex-shrink:0;width:60px;height:60px;margin-bottom:4px}.skill-sidebar-classname{color:var(--skin-content-text);font-size:.92em;font-weight:800}.skill-sidebar-count{color:var(--skin-accent-text);margin-top:2px;font-size:1.3em;font-weight:800}.skill-sidebar-label{color:var(--skin-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:12px;font-size:.64em;font-weight:800}.skill-sidebar-points{color:#3ecf8e;font-size:1.6em;font-weight:800}.skill-reset-btn{width:100%;margin-top:14px}.skill-tier-tab .skill-tier-count{opacity:.8;margin-left:4px;font-size:.8em}.skill-planner-header-layout{flex-direction:column;gap:10px;display:flex}.skill-header-bar{background:var(--skin-content-bg);-webkit-backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);border:1px solid var(--skin-content-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.skill-header-bar .skill-sidebar-icon{width:40px;height:40px;margin-bottom:0}.skill-header-classname{color:var(--skin-content-text);font-size:.92em;font-weight:800}.skill-header-count{color:var(--skin-accent-text);font-size:1.05em;font-weight:800}.skill-header-points{color:#3ecf8e;margin-right:auto;font-size:.92em;font-weight:800}.skill-header-points .skill-sidebar-label{color:var(--skin-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:0;font-size:.72em;font-weight:800}.skill-header-bar .skill-reset-btn{width:auto;margin-top:0}.skill-planner-main{background:var(--skin-content-bg);min-width:0;-webkit-backdrop-filter:blur(var(--skin-content-blur)) saturate(150%);border:1px solid var(--skin-content-border);border-radius:14px;flex:1;padding:12px}.skill-tier-tab-icon{vertical-align:-4px;background:50%/contain no-repeat;width:18px;height:18px;margin-right:5px;display:inline-block}.skill-grid{grid-auto-rows:auto;grid-auto-columns:90px;justify-content:center;gap:18px 3px;min-width:0;padding:14px 6px;display:grid;position:relative;overflow:auto visible}.skill-tree-lines{pointer-events:none;z-index:0;position:absolute;top:0;left:0}.skill-tree-line{fill:none;stroke:var(--skin-text-faint);stroke-width:3px}.skill-tree-line.learned{stroke:var(--skin-accent-text);stroke-width:4px}.skill-tile{z-index:1;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-width:90px;margin:auto;padding:8px 2px 2px;transition:opacity .15s,transform .15s;display:flex;position:relative}.skill-tile-body{align-items:center;gap:3px;display:flex}.skill-tile-badge{z-index:2;background:var(--skin-accent-gradient);color:var(--skin-active-text);white-space:nowrap;border-radius:6px;padding:1px 5px;font-size:.62em;font-weight:800;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.skill-tile-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;overflow:hidden}.skill-tile-icon-wrap img.skill-tile-icon{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px}.skill-tile:not(.has-points) .skill-tile-icon-wrap img.skill-tile-icon{filter:grayscale()}.skill-tile-icon-wrap.error:before{content:attr(data-emoji);font-size:1.6em}.skill-tile-name{color:var(--skin-content-text);text-align:center;-webkit-line-clamp:2;background:var(--skin-card-bg);border-radius:10px;-webkit-box-orient:vertical;min-height:1.2em;padding:3px 8px;font-size:.68em;font-weight:700;line-height:1.2;transition:background .15s;display:-webkit-box;overflow:hidden}.skill-tile:hover .skill-tile-name{background:var(--skin-card-bg-hover)}.skill-tile.has-points .skill-tile-name{background:var(--skin-card-bg-active);color:var(--skin-accent-text)}.skill-adj-btn{background:var(--skin-accent-text);width:18px;height:18px;color:var(--skin-active-text);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;font-size:0;transition:opacity .15s,transform .15s;position:relative}.skill-adj-btn:before{content:"";background:currentColor;border-radius:1px;width:55%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-adj-btn[data-delta="1"]:after{content:"";background:currentColor;border-radius:1px;width:2px;height:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-adj-btn:hover:not(:disabled){transform:scale(1.08)}.skill-adj-btn:disabled{background:var(--skin-card-border);cursor:not-allowed;opacity:.5}