/* 요령서 배분 추천: 기존 계열 레벨업의 녹색 평면 데이터 패널을 확장한다. */
#levelup-allocation{margin:0 0 18px}
.alloc-panel{border:1px solid var(--line);border-radius:0;background:var(--panel);padding:20px 22px;margin-bottom:18px;min-width:0}
.alloc-heading,.alloc-result-head,.alloc-outcome-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.alloc-heading h2,.alloc-result-head h2{font-size:var(--type-section);letter-spacing:0;margin:3px 0 8px}
.alloc-heading p{margin:0;max-width:760px;font-size:var(--type-body);line-height:1.55}
.alloc-evidence-row{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:520px}
.alloc-evidence{display:inline-block;border:1px solid var(--line);border-radius:0;padding:2px 6px;font-size:var(--type-label);line-height:1.45;white-space:nowrap}
.alloc-evidence.fact{color:var(--mint);border-color:#42624a;background:#1b2920}
.alloc-evidence.assumption{color:#e4c38d;border-color:#645032;background:#2b261b}
.alloc-evidence.calculated{color:var(--muted);background:#18211c}
.alloc-evidence.exact{color:var(--mint);border-color:#42624a;background:#1b2920}
.alloc-profile-note{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:var(--type-label);line-height:1.6;color:var(--muted)}
.alloc-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-top:17px}
.alloc-control-grid>label,.alloc-control-grid fieldset,.alloc-dedicated-grid label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:var(--type-label)}
.alloc-control-grid label small{font-size:var(--type-label);line-height:1.2;color:var(--muted)}
.alloc-control-grid input[type=number],.alloc-control-grid select,.alloc-dedicated-grid input{width:100%;min-width:0;min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:0;background:#141d18;color:var(--text);font-variant-numeric:tabular-nums}
.alloc-mode{min-height:61px;margin:0;padding:7px 9px 8px;border:1px solid var(--line);border-radius:0;background:#141d18}
.alloc-mode legend{padding:0 3px;color:var(--muted);font-size:var(--type-label)}
.alloc-mode label{display:block;color:var(--text);font-size:var(--type-label);line-height:1.75;white-space:nowrap}
.alloc-mode input{accent-color:var(--mint)}
.alloc-dedicated{margin:15px 0 0;padding:11px 0 0;border-top:1px solid var(--line)}
.alloc-dedicated summary{cursor:pointer;color:var(--mint);font-size:var(--type-body);font-weight:600}
.alloc-dedicated summary span{margin-left:8px;color:var(--muted);font-size:var(--type-label);font-weight:400}
.alloc-dedicated[open] summary{margin-bottom:12px}
.alloc-dedicated-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px}
.alloc-dedicated-grid label{padding:9px 10px;background:#141d18;border:1px solid var(--line)}
.alloc-dedicated-grid label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alloc-dedicated-grid input{text-align:right;min-height:32px;padding:4px 6px}
.alloc-weights{margin-top:16px;padding:15px 16px;border:1px solid var(--line);background:#141d18}
.alloc-weights>div:first-child{display:flex;gap:12px;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.alloc-weights h3,.alloc-recommendation-head h3,.alloc-allocation h3,.alloc-lump h3{margin:0;font-size:var(--type-body);letter-spacing:0}
.alloc-weights p,.alloc-recommendation-head p{margin:0;color:var(--muted);font-size:var(--type-label)}
.alloc-weight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 18px}
.alloc-weight{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;align-items:center;color:var(--muted);font-size:var(--type-label)}
.alloc-weight output{grid-column:2;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.alloc-weight input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--mint)}
.alloc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
.alloc-actions span{color:var(--muted);font-size:var(--type-label)}
.alloc-calculate{white-space:nowrap}
.alloc-status{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--muted);background:var(--panel);font-size:var(--type-body);color:var(--text)}
.alloc-status.missing{border-left-color:#e4c38d}.alloc-status.error{border-left-color:#efaaa7}
.alloc-result-head{padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:15px}
.alloc-stat-grid{display:grid;grid-template-columns:1.2fr repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.alloc-stat-grid>div{min-width:0;padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.alloc-stat-grid span,.alloc-stat-grid small{display:block;color:var(--muted);font-size:var(--type-label);line-height:1.45}
.alloc-stat-grid strong{display:block;margin:4px 0;color:var(--text);font-size:var(--type-section);font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.alloc-stat-grid>div:first-child strong{color:var(--mint)}
.alloc-stat-grid small{overflow-wrap:anywhere}
.alloc-outcome{margin-top:18px;padding:16px;border:1px solid var(--line);background:#141d18}
.alloc-outcome-title{margin-bottom:11px}.alloc-outcome-title h3{margin:1px 0 0;font-size:var(--type-body)}
.alloc-dps-line{display:flex;flex-wrap:wrap;gap:9px;align-items:baseline;font-variant-numeric:tabular-nums}
.alloc-dps-line strong{font-size:22px;font-weight:600}.alloc-dps-line span{color:var(--muted)}.alloc-dps-line b{color:var(--mint);font-size:var(--type-body)}
.alloc-deck-change{margin:8px 0;color:var(--muted);font-size:var(--type-label)}
.alloc-deck{margin-top:10px}.alloc-deck summary{cursor:pointer;color:var(--mint);font-size:var(--type-label)}
.alloc-deck>div{display:grid;gap:3px;margin-top:8px;color:var(--muted);font-size:var(--type-label);line-height:1.55;overflow-wrap:anywhere}
.alloc-deck strong{color:var(--text);font-weight:600}.alloc-deck strong+span+strong{margin-top:5px}
.alloc-weighted-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);margin:0 0 12px}
.alloc-weighted-summary>div{padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.alloc-weighted-summary span{display:block;color:var(--muted);font-size:var(--type-label)}
.alloc-weighted-summary strong{display:block;margin-top:2px;color:var(--mint);font-size:20px;font-variant-numeric:tabular-nums;text-align:right}
.alloc-weighted-note{margin:0 0 12px;color:var(--muted);font-size:var(--type-label);line-height:1.6}
.alloc-table-wrap{overflow:hidden;background:#141d18}.alloc-result-table{width:100%;table-layout:fixed}
.alloc-result-table th,.alloc-result-table td{padding:9px 10px;vertical-align:top;overflow-wrap:anywhere;font-size:var(--type-label)}
.alloc-result-table thead th{border-bottom:1px solid var(--line);color:var(--muted);font-weight:600}.alloc-result-table tbody tr+tr th,.alloc-result-table tbody tr+tr td{border-top:1px solid var(--line)}
.alloc-result-table th:nth-child(1){width:24%}.alloc-result-table th:nth-child(2),.alloc-result-table th:nth-child(3),.alloc-result-table th:nth-child(4){width:15%}.alloc-result-table th:nth-child(5){width:31%}
.alloc-result-table th strong{display:block;color:var(--text);font-weight:600}.alloc-result-table th small{display:block;margin-top:3px;color:var(--muted);font-weight:400}.alloc-result-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#levelup-allocation .positive{color:var(--mint)}#levelup-allocation .negative{color:#efaaa7}.alloc-change{display:inline-block;margin:0 0 5px;padding:1px 5px;border:1px solid #645032;color:#e4c38d;font-size:11px;line-height:1.4}
.alloc-result-table .alloc-deck{margin-top:4px}.alloc-result-table .alloc-deck>div{font-size:11px}
.alloc-recommendations{margin-top:18px}.alloc-recommendation-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}
.alloc-allocation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.alloc-allocation{min-width:0;padding:13px;border:1px solid var(--line);background:#141d18}.alloc-allocation.unchanged{opacity:.82}.alloc-allocation.hold{border-color:#645032;background:#25231b}
.alloc-hold{display:inline-block;margin-bottom:6px;color:#e4c38d;font-size:var(--type-label)}
.alloc-allocation h3{overflow-wrap:anywhere}.alloc-allocation>p{margin:6px 0 0;color:var(--muted);font-size:var(--type-label);line-height:1.55}.alloc-allocation .alloc-level{color:var(--text);font-size:18px;font-variant-numeric:tabular-nums}.alloc-level b{margin:0 3px;color:var(--mint);font-weight:400}
.alloc-allocation dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:11px 0 0}.alloc-allocation dl div{min-width:0}.alloc-allocation dt{color:var(--muted);font-size:11px}.alloc-allocation dd{margin:2px 0 0;text-align:right;font-size:var(--type-label);font-variant-numeric:tabular-nums;white-space:nowrap}.alloc-unlocks{padding-top:8px;border-top:1px solid var(--line)}
.alloc-empty{margin:0;padding:15px;border:1px solid var(--line);color:var(--muted);font-size:var(--type-body)}
.alloc-lump{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.alloc-lump p{margin:5px 0 0;color:var(--muted);font-size:var(--type-label)}.alloc-lump>strong{min-width:178px;text-align:right;font-size:var(--type-body);font-variant-numeric:tabular-nums}
.alloc-explanation{margin:15px 0 0;color:var(--muted);font-size:var(--type-body);line-height:1.65}.alloc-explanation b{color:var(--text);font-weight:600}
#levelup-allocation input:focus-visible,#levelup-allocation select:focus-visible,#levelup-allocation summary:focus-visible,#levelup-allocation button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
@media (max-width:1450px){.alloc-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.alloc-dedicated-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1120px){.alloc-heading,.alloc-result-head,.alloc-outcome-title{flex-direction:column}.alloc-evidence-row{justify-content:flex-start}.alloc-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alloc-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alloc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alloc-result-table th,.alloc-result-table td{padding:8px 6px}.alloc-result-table th:nth-child(1){width:27%}.alloc-result-table th:nth-child(2),.alloc-result-table th:nth-child(3),.alloc-result-table th:nth-child(4){width:16%}.alloc-result-table th:nth-child(5){width:25%}}
@media (max-width:760px){.alloc-panel{padding:15px}.alloc-control-grid,.alloc-dedicated-grid,.alloc-weight-grid,.alloc-allocation-grid{grid-template-columns:minmax(0,1fr)}.alloc-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alloc-weights>div:first-child,.alloc-recommendation-head,.alloc-lump{align-items:flex-start;flex-direction:column}.alloc-lump>strong{text-align:left;min-width:0}.alloc-result-table{font-size:11px}}
#levelup-allocation [hidden]{display:none!important}