:root{--bg-0:#0b0907;--bg-1:#14100c;--bg-2:#1c1712;--bg-3:#241d15;--gold:#c9a35c;--gold-bright:#e8c988;--gold-dim:#8a6f3f;--text:#e6dcc3;--text-dim:#9c8f77;--text-faint:#6d6350;--border:#3a2f22;--accent-red:#c25e4a;--accent-blue:#7aa2c4;--accent-green:#7aa87f;--shadow:0 4px 18px #00000073}*{box-sizing:border-box}html,body{background:var(--bg-0);color:var(--text);margin:0;padding:0;font-family:Noto Sans SC,system-ui,sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}h1,h2,h3,.serif{font-family:Noto Serif SC,serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app{background:radial-gradient(ellipse 80% 50% at 50% -10%, #c9a35c1a, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0) 40%);flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border);z-index:10;backdrop-filter:blur(6px);background:linear-gradient(#1c1712e6,#14100cb3);position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:baseline;gap:16px;max-width:1280px;margin:0 auto;padding:14px 24px;display:flex}.h1-cn{color:var(--gold-bright);letter-spacing:2px;font-size:22px;font-weight:900}.h1-sub{color:var(--text);margin-left:10px;font-size:20px;font-weight:700}.header-tagline{color:var(--text-dim);margin-left:auto;font-size:13px}.reset-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:5px 16px;font-size:12.5px;transition:all .12s}.reset-btn:hover{color:var(--accent-red);border-color:var(--accent-red)}.app-body{grid-template-columns:300px 1fr;align-items:start;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:20px 24px 40px;display:grid}.app-footer{text-align:center;color:var(--text-faint);border-top:1px solid var(--border);padding:20px;font-size:12px}.sidebar{flex-direction:column;gap:16px;display:flex;position:sticky;top:78px}.side-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:16px}.card-title{color:var(--gold);letter-spacing:1px;align-items:baseline;gap:8px;margin:0 0 12px;font-size:15px;font-weight:700;display:flex}.card-title-en{color:var(--text-faint);letter-spacing:.5px;font-family:Noto Sans SC,sans-serif;font-size:11px;font-weight:400}.mt{margin-top:20px}.level-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.level-node{aspect-ratio:1;border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);border-radius:8px;font-size:14px;font-weight:700;transition:all .15s;position:relative}.level-node:hover{border-color:var(--gold-dim);color:var(--gold-bright);transform:translateY(-1px)}.level-node.current{background:linear-gradient(160deg, var(--gold), #8a6f3f);color:#1c1509;border-color:var(--gold-bright);box-shadow:0 0 12px #c9a35c59}.level-node.passed{color:var(--text);border-color:var(--gold-dim)}.level-node.has-feature:after{content:"";background:var(--accent-blue);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.level-hint{color:var(--text-faint);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.dot-feature{background:var(--accent-blue);border-radius:50%;width:7px;height:7px;display:inline-block}.muted-text{color:var(--text-dim);font-size:13px}.muted-text.center{text-align:center;margin:12px 0}.subclass-list{flex-direction:column;gap:8px;display:flex}.subclass-option{border:1px solid var(--border);background:var(--bg-3);text-align:left;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:28px 1fr;column-gap:10px;padding:10px 12px;transition:all .15s;display:grid}.subclass-option:hover:not(:disabled){border-color:var(--sc-color,var(--gold-dim))}.subclass-option.active{border-color:var(--sc-color,var(--gold));box-shadow:inset 0 0 0 1px var(--sc-color,var(--gold));background:linear-gradient(120deg,#c9a35c1f,#0000)}.subclass-option:disabled{opacity:.45;cursor:not-allowed}.sc-icon{grid-row:1/3;align-self:center;font-size:20px}.sc-name{color:var(--text);font-size:14px;font-weight:700}.sc-en{color:var(--text-faint);font-size:11px}.summary-row{border-bottom:1px dashed var(--border);justify-content:space-between;gap:8px;padding:5px 0;font-size:13px;display:flex}.summary-row:last-child{border-bottom:none}.summary-label{color:var(--text-dim)}.summary-value{color:var(--text);text-align:right;font-weight:600}.summary-hint{color:var(--text-faint);font-size:11px;font-weight:400}.main-content{min-width:0}.tab-bar{border-bottom:1px solid var(--border);gap:4px;margin-bottom:18px;display:flex}.tab-btn{color:var(--text-dim);border-bottom:2px solid #0000;padding:10px 22px;font-size:14px;font-weight:600;transition:all .15s;position:relative}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.tab-badge{color:var(--gold);vertical-align:super;font-size:11px}.panel{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px 20px}.panel-title{color:var(--gold);align-items:center;gap:8px;margin:0 0 14px;font-size:16px;font-weight:700;display:flex}.panel-title:before{content:"";background:var(--gold);border-radius:2px;width:4px;height:18px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.panel-head .panel-title{margin:0}.purchase-points{color:var(--text-dim);white-space:nowrap;font-size:13px}.purchase-points b{color:var(--gold-bright);font-size:15px}.purchase-points.over b{color:var(--accent-red)}.purchase-meta{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-size:12.5px;display:flex}.purchase-sep{color:var(--text-faint)}.purchase-warn{color:var(--accent-red);font-weight:600}.panel-note{color:var(--text-dim);border-top:1px dashed var(--border);margin:12px 0 0;padding-top:10px;font-size:12.5px}.panel-note b{color:var(--gold-bright)}.ability-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.ability-card{background:var(--bg-3);border:1px solid var(--border);text-align:center;border-radius:8px;padding:10px 8px}.ability-icon{font-size:18px}.ability-name{color:var(--text-dim);margin:2px 0;font-size:12px}.ability-score{color:var(--text);font-size:22px;font-weight:700}.ability-mod{color:var(--accent-green);font-size:14px;font-weight:700}.ability-mod.neg{color:var(--accent-red)}.ability-compact{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.ability-compact-item{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.aci-icon{font-size:15px}.aci-body{flex-direction:column;min-width:0;line-height:1.2;display:flex}.aci-name{color:var(--text-dim);font-size:11px}.aci-score{font-size:16px;font-weight:700}.aci-mod{color:var(--accent-green);margin-left:auto;font-size:14px;font-weight:700}.aci-mod.neg{color:var(--accent-red)}.slot-table{border:1px solid var(--border);border-radius:8px;overflow:hidden}.slot-table-head,.slot-table-row{text-align:center;grid-template-columns:1.2fr repeat(6,1fr);display:grid}.slot-table-head{background:var(--bg-3);color:var(--text-dim);border-bottom:1px solid var(--border);padding:8px 0;font-size:12px}.slot-table-row{padding:12px 0;font-weight:700}.slot-level{color:var(--gold-bright);font-size:13px}.slot-table-row .empty{color:var(--text-faint);font-weight:400}.info-line{color:var(--text-dim);flex-wrap:wrap;gap:18px;margin-top:12px;font-size:13px;display:flex}.info-line b{color:var(--gold-bright)}.spell-chip-list{flex-wrap:wrap;gap:8px;display:flex}.spell-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:13px;display:inline-flex}.spell-chip.secret{border-color:#c9a35c80}.spell-chip.feat{border-color:#84bee080}.chip-via{color:var(--text-dim);padding-right:2px;font-size:11px}.chip-lv{background:var(--accent-blue);color:#0d1418;border-radius:16px;padding:1px 8px;font-size:11px;font-weight:700}.chip-lv.lv-0{background:#8f8fa8}.chip-lv.lv-1{background:#a8c4d8}.chip-lv.lv-2{background:#a8d8c4}.chip-lv.lv-3{background:#d8c4a8}.chip-lv.lv-4{background:#c4a8d8}.chip-lv.lv-5{background:#d8a8a8}.chip-lv.lv-6{background:#e8d888}.feat-slot{border-bottom:1px dashed var(--border);align-items:baseline;gap:12px;padding:8px 0;font-size:14px;display:flex}.feat-slot:last-child{border-bottom:none}.feat-slot-lv{background:var(--bg-3);border:1px solid var(--border);color:var(--gold);border-radius:4px;flex-shrink:0;padding:1px 8px;font-size:11px;font-weight:700}.feat-slot-name{min-width:130px;font-weight:700}.feat-slot-desc{color:var(--text-dim);font-size:12.5px}.feat-slot.locked{opacity:.5}.feature-timeline{border-left:2px solid var(--border);flex-direction:column;gap:14px;margin-left:8px;padding-left:20px;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--gold-dim);border:2px solid var(--bg-0);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-27px}.timeline-lv{color:var(--gold);margin-bottom:4px;font-size:12px;font-weight:700}.timeline-feature{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px 12px}.timeline-feature.sc{background:linear-gradient(120deg,#c9a35c14,#0000);border-color:#c9a35c73}.tf-name{color:var(--text);font-size:14px;font-weight:700}.tf-desc{color:var(--text-dim);margin-top:2px;font-size:12.5px}.status-banner{border:1px solid var(--border);background:linear-gradient(120deg,#c9a35c1a,#1c171266);border-radius:10px;margin-bottom:16px;padding:12px 16px}.banner-main{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.banner-main b{color:var(--gold-bright);font-size:15px}.banner-main b.over{color:var(--accent-red)}.banner-sep{color:var(--text-faint)}.banner-tip{color:var(--text-dim);margin-top:6px;font-size:12.5px}.banner-tip.ok{color:var(--accent-green)}.banner-tip b{color:var(--gold-bright)}.over-text{color:var(--accent-red)!important}.spell-sections{flex-direction:column;gap:14px;display:flex}.spell-group{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);border-radius:10px;padding:14px 16px}.spell-group-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.spell-group-lv{color:var(--gold);font-size:14px;font-weight:700}.spell-group-count{color:var(--text-faint);font-size:12px}.spell-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.spell-item{border:1px solid var(--border);background:var(--bg-3);text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;transition:all .12s;display:flex}.spell-item:hover:not(.blocked){border-color:var(--gold-dim);background:#2a2118}.spell-item.on{border-color:var(--gold);background:linear-gradient(120deg,#c9a35c2e,#c9a35c0d)}.spell-item.blocked{opacity:.4;cursor:not-allowed}.spell-item-name{font-size:13px;font-weight:600}.spell-item-meta{color:var(--text-faint);font-size:11px}.secrets-section{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.secrets-title{color:var(--gold-bright);margin:0 0 6px;font-size:16px}.secrets-desc{color:var(--text-dim);margin:0 0 14px;font-size:13px}.secret-block{background:linear-gradient(#c9a35c12,#1c171266);border:1px solid #c9a35c59;border-radius:10px;margin-bottom:14px;padding:14px 16px}.secret-block-head{color:var(--gold);justify-content:space-between;font-size:14px;font-weight:700;display:flex}.secret-toggle{cursor:pointer;user-select:none}.secret-toggle:hover{color:var(--gold-bright)}.secret-caret{color:var(--gold-dim);margin-left:8px;font-size:11px;transition:transform .15s;display:inline-block}.secret-caret.open{transform:rotate(90deg)}.secret-count{font-size:13px}.secret-note{color:var(--text-dim);margin:4px 0 12px;font-size:12.5px}.secret-row{grid-template-columns:56px 1fr;gap:8px;margin-bottom:8px;display:grid}.secret-row-lv{color:var(--text-dim);padding-top:6px;font-size:12px}.secret-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;display:grid}.secret-item{border:1px solid var(--border);background:var(--bg-3);text-align:left;border-radius:6px;flex-direction:column;gap:1px;padding:6px 10px;transition:all .12s;display:flex}.secret-item:hover:not(.blocked){border-color:var(--gold-dim)}.secret-item.on{border-color:var(--gold-bright);background:linear-gradient(120deg,#c9a35c38,#c9a35c0f)}.secret-item.blocked{opacity:.4;cursor:not-allowed}.secret-item-name{font-size:13px;font-weight:600}.secret-item-src{color:var(--text-faint);font-size:11px}.feat-slots{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.feat-slot-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);border-radius:10px;padding:14px}.feat-slot-card.locked{opacity:.55}.feat-slot-card-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.feat-slot-lv{color:var(--gold);font-size:13px;font-weight:700}.feat-slot-status{color:var(--text-faint);font-size:11px}.feat-card-name{font-size:16px;font-weight:700}.feat-card-en{color:var(--text-faint);margin-bottom:6px;font-size:11px}.feat-card-desc{color:var(--text-dim);margin-bottom:10px;font-size:12.5px}.feat-card-empty{color:var(--text-faint);font-size:12.5px}.btn-small{border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:4px 12px;font-size:12px;transition:all .12s}.btn-small:hover{color:var(--accent-red);border-color:var(--accent-red)}.feat-picker-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.search-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:260px;padding:8px 14px;font-family:inherit;font-size:13px;transition:border-color .12s}.search-input:focus{border-color:var(--gold-dim)}.search-input::placeholder{color:var(--text-faint)}.feat-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.feat-item{text-align:left;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;transition:all .12s}.feat-item:hover:not(.blocked){border-color:var(--gold-dim);transform:translateY(-1px)}.feat-item.on{border-color:var(--gold);background:linear-gradient(120deg,#c9a35c29,#c9a35c0a)}.feat-item.blocked{opacity:.4;cursor:not-allowed}.feat-item-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.feat-item-name{font-size:13.5px;font-weight:700}.feat-item-tags{flex-wrap:wrap;gap:4px;display:flex}.feat-tag{color:var(--gold-dim);border:1px solid var(--gold-dim);border-radius:10px;padding:0 6px;font-size:10px}.feat-item-desc{color:var(--text-dim);font-size:12px}.race-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.race-option{background:var(--bg-3);border:1px solid var(--border);text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .12s;display:flex}.race-option:hover{border-color:var(--gold-dim)}.race-option.active{border-color:var(--gold);background:linear-gradient(120deg,#c9a35c29,#c9a35c0a)}.race-name{font-size:13.5px;font-weight:700}.race-en{color:var(--text-faint);font-size:11px}.race-bonus{color:var(--accent-green);margin-top:2px;font-size:12px}.optional-picks{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.optional-label{color:var(--text-dim);font-size:13px}.pick-chip{border:1px solid var(--border);color:var(--text-dim);border-radius:16px;padding:4px 12px;font-size:12px;transition:all .12s}.pick-chip.on{border-color:var(--gold);color:var(--gold-bright);background:#c9a35c1f}.pick-chip:disabled{opacity:.4;cursor:not-allowed}.abilities-editor{flex-direction:column;gap:8px;display:flex}.abilities-editor-head{color:var(--text-faint);text-align:center;grid-template-columns:34px 1fr auto 40px 40px 40px;gap:12px;padding:0 14px;font-size:11px;display:grid}.abilities-editor-head>:nth-child(2),.abilities-editor-head>:nth-child(3){text-align:left}.abilities-editor-head>:last-child{text-align:right}.ability-editor-row{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;grid-template-columns:34px 1fr auto 40px 40px 40px;align-items:center;gap:12px;padding:10px 14px;display:grid}.ability-editor-row.primary{background:linear-gradient(120deg,#c9a35c1a,#1c171266);border-color:#c9a35c80}.ae-icon{font-size:18px}.ae-name{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.ae-name>span:first-child{font-weight:700}.ae-en{color:var(--text-faint);font-size:11px}.ae-primary-tag{color:var(--gold-bright);border:1px solid var(--gold-dim);border-radius:10px;padding:0 6px;font-size:10px}.ae-controls{align-items:center;gap:10px;display:flex}.ae-btn{border:1px solid var(--border);background:var(--bg-1);width:30px;height:30px;color:var(--text);border-radius:6px;font-size:16px;font-weight:700;line-height:1;transition:all .12s}.ae-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold-bright)}.ae-btn:disabled{opacity:.3;cursor:not-allowed}.ae-value{justify-content:center;align-items:baseline;gap:4px;width:40px;min-width:40px;display:flex}.ae-base{color:var(--text);font-size:20px;font-weight:700}.ae-final{text-align:center;color:var(--text-dim);font-size:17px;font-weight:700}.ae-final.boosted{color:var(--accent-green)}.ae-mod{color:var(--accent-green);text-align:center;font-weight:700}.ae-cost{color:var(--text-faint);text-align:right;font-size:12px}.skill-modes{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.skill-mode{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--border);text-align:left;border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;transition:all .15s;display:flex}.skill-mode:hover:not(.locked){border-color:var(--gold-dim)}.skill-mode.active{border-color:var(--gold);background:linear-gradient(120deg,#c9a35c24,#c9a35c0a)}.skill-mode.locked{opacity:.5;cursor:not-allowed}.skill-mode-label{font-size:14px;font-weight:700}.skill-mode-hint{color:var(--text-dim);font-size:11.5px}.skill-mode-count{color:var(--gold);margin-top:2px;font-size:12px;font-weight:700}.panel-title-sub{color:var(--text-dim);margin-left:4px;font-size:12px;font-weight:400}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.skill-item{border:1px solid var(--border);background:var(--bg-3);text-align:left;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;transition:all .12s;display:flex}.skill-item:hover:not(.blocked){border-color:var(--gold-dim)}.skill-item.on{border-color:var(--gold);background:linear-gradient(120deg,#c9a35c2e,#c9a35c0d)}.skill-item.expert{border-color:var(--gold-bright)}.skill-item.blocked{opacity:.4;cursor:not-allowed}.skill-item-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.skill-item-name{font-size:13px;font-weight:600}.skill-item-ability{color:var(--text-faint);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:10px}.skill-item-badges{flex-wrap:wrap;gap:4px;min-height:16px;display:flex}.src-badge{color:var(--text);border-radius:8px;padding:0 6px;font-size:10px}.src-base{color:var(--accent-blue);background:#7aa2c440}.src-lore{color:var(--gold-bright);background:#c9a35c40}.src-feat{color:var(--accent-green);background:#7aa87f40}.src-expert{background:var(--gold);color:#1c1509;font-weight:700}.proficient-list{flex-wrap:wrap;gap:8px;display:flex}.proficient-chip{background:var(--bg-3);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.proficient-chip.expert{border-color:var(--gold-bright)}.chip-expert{background:var(--gold);color:#1c1509;border-radius:8px;padding:0 6px;font-size:10px;font-weight:700}.chip-src,.skill-chip-ability{color:var(--text-faint);font-size:10.5px}.expert-chip{border-color:var(--gold-bright)}.chip-lv.chip-expert{background:var(--gold);color:#1c1509}.feat-slot-status.warn{color:var(--accent-red)}.feat-config{border:1px dashed var(--border);background:#0003;border-radius:8px;margin:8px 0 4px;padding:10px}.config-label{color:var(--text-dim);margin-bottom:8px;font-size:12px}.mt-label{margin-top:10px}.config-options{flex-wrap:wrap;gap:6px;display:flex}.config-option{border:1px solid var(--border);color:var(--text-dim);background:var(--bg-3);border-radius:6px;padding:5px 12px;font-size:12.5px;transition:all .12s}.config-option:hover{border-color:var(--gold-dim)}.config-option.on{border-color:var(--gold);color:var(--gold-bright);background:#c9a35c24}.config-skills{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;display:grid}.config-skill{border:1px solid var(--border);color:var(--text-dim);background:var(--bg-3);text-align:left;border-radius:6px;padding:4px 8px;font-size:12px;transition:all .12s}.config-skill:hover{border-color:var(--gold-dim)}.config-skill.on{border-color:var(--gold);color:var(--gold-bright);background:#c9a35c24}.mt-btn{margin-top:10px}.feat-requires{color:var(--accent-red);border:1px solid var(--accent-red);vertical-align:2px;border-radius:10px;margin-left:8px;padding:0 6px;font-size:10.5px;font-weight:400}.feat-tag-req{color:var(--accent-red);border-color:var(--accent-red)}.config-option-sub{color:var(--text-faint);margin-left:2px;font-size:10.5px}.auto-note{border-style:solid}.banner-sub{color:var(--text-faint);margin-left:4px;font-size:11px}.fighting-style{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.fs-title{color:var(--text-dim);margin-bottom:8px;font-size:12px}.fs-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fs-option{border:1px solid var(--border);background:var(--bg-3);color:var(--text-dim);border-radius:8px;padding:8px 6px;font-size:13px;transition:all .12s}.fs-option:hover{border-color:var(--gold-dim)}.fs-option.on{border-color:var(--gold);color:var(--gold-bright);background:#c9a35c24}.class-actions{background:linear-gradient(180deg, #1c1712e6, var(--bg-1));border-color:#c9a35c59}.ca-sub{color:var(--text-faint);margin-left:6px;font-size:11px;font-weight:400}.class-actions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.class-action{border:1px solid var(--border);border-left:3px solid var(--ca-color,var(--gold-dim));background:var(--bg-3);border-radius:8px;padding:10px 12px;transition:all .12s}.class-action.locked{opacity:.45;filter:grayscale(.5)}.ca-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ca-name{font-size:14px;font-weight:700}.ca-source{font-size:11px;font-weight:700}.ca-en{color:var(--text-faint);margin-bottom:6px;font-size:11px}.ca-meta{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.ca-meta-item{color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:0 8px;font-size:10.5px}.ca-meta-item.lock{color:var(--gold-bright);border-color:var(--gold-dim)}.ca-desc{color:var(--text-dim);font-size:12px}.ca-flavor{color:var(--gold-bright);border:1px dashed var(--gold-dim);border-radius:6px;margin-top:6px;padding:3px 8px;font-size:11px;display:inline-block}.ca-variants{flex-direction:column;gap:4px;margin-top:6px;display:flex}.ca-variant{align-items:baseline;gap:6px;font-size:11.5px;display:flex}.ca-variant-name{color:var(--gold);flex-shrink:0;font-weight:600}.ca-variant-desc{color:var(--text-dim)}.ca-note{color:var(--text-faint);margin:10px 0 0;font-size:11.5px}@media (width<=960px){.app-body{grid-template-columns:1fr;padding:16px 16px 32px}.sidebar{position:static}.panel{padding:14px 16px}.ability-compact{grid-template-columns:repeat(3,1fr)}.feat-slots,.skill-modes{grid-template-columns:1fr}}@media (width<=600px){.header-inner{flex-direction:column;gap:4px}.header-tagline{margin-left:0}.app-body{padding:12px 12px 28px}.panel{padding:13px 12px}.status-banner{padding:10px 12px}.tab-bar{scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;padding:8px 14px;font-size:13px}.ability-compact{grid-template-columns:repeat(2,1fr)}.ability-editor-row,.abilities-editor-head{grid-template-columns:24px 1fr auto 34px 34px;gap:8px}.ability-editor-row{padding:8px 10px}.abilities-editor-head{padding:0 10px}.abilities-editor-head>:last-child,.ae-en{display:none}.ae-controls{gap:6px}.ae-btn{width:28px;height:28px}.ae-value{gap:3px;width:40px;min-width:40px}.ae-base{font-size:17px}.ae-final{font-size:15px}.ae-mod{font-size:13px}.ae-cost{display:none}.spell-grid{grid-template-columns:1fr 1fr}.spell-group{padding:12px}.slot-table{overflow-x:auto}.slot-table-head,.slot-table-row{min-width:420px}}