@charset "UTF-8";
:root{color-scheme:light;--bg:#f3f4f6;--paper:#fff;--ink:#202632;--muted:#586373;--line:#d3d8df;--control:#7c8796;--accent:#245bb1;--tint:#eef3fb;--radius:3px;font-family:"Meiryo","Yu Gothic UI",system-ui,sans-serif;font-size:14px;font-synthesis:none}
#info.usage-guide{width:1120px;max-width:calc(100vw - 32px);padding:24px;max-height:88dvh}
.usage-guide>header{margin:0 0 12px}.usage-guide>header h2{font-size:20px}.usage-guide>header button{min-width:44px;min-height:44px;font-size:22px}
.usage-topics{display:flex;flex-wrap:wrap;gap:0 18px;border-bottom:1px solid var(--line);margin-bottom:24px}
.usage-topics button{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 2px;min-height:44px;font-size:14px;font-weight:500;color:var(--muted)}
.usage-topics button[aria-pressed=true]{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}.usage-topics button:hover{color:var(--accent);background:var(--tint)}
.usage-guide .usage-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.usage-steps>li{min-width:0;position:relative;margin:0}.usage-steps>li+li::before{content:'→';position:absolute;left:-25px;top:118px;color:var(--muted);font-size:22px}
.usage-steps figure{margin:0}.usage-steps h3{display:flex;align-items:baseline;gap:8px;font-size:16px;font-weight:600;line-height:1.5;margin:0 0 14px}
.usage-number{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}
.usage-diagram{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:196px;padding:18px 14px;background:#f4f6f8;border:1px solid var(--line);border-top:3px solid #919baa;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.usage-diagram>span{display:block;white-space:pre-line}.usage-label{color:var(--muted)}.usage-field{padding:6px 8px;border:1px solid var(--control);background:var(--paper)}.usage-action{padding:6px 8px;border-left:3px solid var(--accent);background:#e4edf9;color:#204f92;font-weight:600}.usage-row{padding:2px 0}.usage-slots{word-spacing:14px;padding:8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.usage-steps>li>p{font-size:16px;line-height:1.85;margin:14px 0 0;overflow-wrap:anywhere}
@media(max-width:760px){#info.usage-guide{padding:16px}.usage-topics{gap:0 14px;margin-bottom:20px}.usage-guide .usage-steps{grid-template-columns:1fr;gap:26px}.usage-steps>li+li::before{display:none}.usage-diagram{min-height:0}.usage-steps h3{margin-bottom:10px}.usage-steps>li>p{margin-top:10px}}
*{box-sizing:border-box}
html{scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}
button,input,select,textarea{font:inherit;color:inherit}
button,input,select,textarea,summary{touch-action:manipulation}
button{cursor:pointer;border:1px solid var(--control);border-radius:var(--radius);background:var(--paper);padding:8px 12px;min-height:40px;font-size:13px;font-weight:600}
button:hover{background:#e8edf4}button:active{background:#dce6f5}
button:disabled{color:#697584;background:#f0f1f3;border-color:var(--line);cursor:default;opacity:.7}
button.primary{background:var(--accent);border-color:var(--accent);color:white}
button.primary:hover{background:#174789}
button.quiet{background:var(--paper)}
button.text-button{border-color:transparent;background:transparent;color:var(--accent);padding:5px 8px;font-weight:500}
button.text-button:hover{text-decoration:underline;background:var(--tint)}
button.danger-button{color:#982c2c;border-color:#b26767}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #2165cf;outline-offset:3px}
a{color:var(--accent)}[hidden]{display:none!important}
h1,h2,h3,p{margin:0}h1,h2{font-size:20px;line-height:1.5}h3{font-size:14px}
input,select,textarea{border:1px solid var(--control);border-radius:var(--radius);background:var(--paper)}
select{padding:7px 27px 7px 9px;min-height:40px;max-width:100%;font-size:13px}
input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent);flex-shrink:0}
textarea{width:100%;resize:vertical;line-height:1.75;padding:10px}
::placeholder{color:#647082}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"▾";font-size:12px;margin-left:10px;color:var(--muted);display:inline-block}
details[open]>summary::after{transform:rotate(180deg)}
.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;min-height:62px;padding:0 24px;background:var(--paper);border-bottom:1px solid #bcc5cf}
.brand{color:var(--ink);font-weight:700;text-decoration:none;font-size:19px;white-space:nowrap;letter-spacing:-.03em}
.brand span{font-size:13px;font-weight:500;margin-left:8px;letter-spacing:0}
.app-header nav{display:flex;align-self:stretch;gap:20px}
.nav-button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:12px 4px 9px;white-space:nowrap;font-weight:500}
.nav-button:hover{background:#f4f6f9}.nav-button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}
.nav-count{display:inline-block;min-width:24px;padding:0 4px;font-size:12px;background:#e8edf5;border-radius:3px;font-variant-numeric:tabular-nums}
#about{margin-left:auto;white-space:nowrap}
.workspace{width:100%;max-width:none}
main{padding:20px 24px 32px;min-width:0}
#build-tools{margin-bottom:12px}
.search-row{display:flex;gap:16px;align-items:center}
.search-box{display:flex;gap:10px;align-items:center;flex:1;min-width:0;border:1px solid var(--control);background:var(--paper);border-radius:3px;padding:0 12px;height:46px}
.search-box>span{font-size:25px;line-height:1;color:var(--muted)}
.search-box input{border:0;outline:0;background:none;width:100%;min-width:0;height:100%;font-size:15px}
.search-box:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.search-box kbd{font:12px monospace;border:1px solid #b8c0ca;border-radius:2px;padding:0 5px;color:var(--muted)}
.field-inline{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;color:var(--muted)}
.field-inline select,.field-inline input{color:var(--ink)}
.task-guide{font-size:12px;color:var(--muted);margin-top:8px}
.task-guide b{color:var(--ink)}
.sidebar{background:var(--paper);border:1px solid var(--line);padding:10px 14px 12px;margin-bottom:16px}
.filter-topline{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:6px}
.filter-topline>span:first-child{font-weight:600}
.filter-topline .text-button{margin-left:auto;min-height:32px}
.hint{font-size:12px;color:var(--muted)}
#filters{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.filter-group{position:relative}
.filter-group>summary,.extra-groups>summary{border:1px solid var(--control);border-radius:3px;padding:8px 12px;font-size:13px;min-height:40px;background:var(--paper);white-space:nowrap}
.filter-group[open]>summary,.extra-groups[open]>summary{color:var(--accent);background:var(--tint)}
.filter-group summary small{margin-left:8px;font-size:12px;color:var(--accent);font-weight:700}
.filter-options{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:370px;max-width:calc(100vw - 32px);max-height:390px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;background:var(--paper);border:1px solid var(--control);border-radius:3px;box-shadow:0 4px 12px #2026321a}
.filter-group.align-right .filter-options{left:auto;right:0}
.filter-options-heading{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1}
.filter-options>.hint{grid-column:1/-1;margin-bottom:5px}
.filter-option{display:flex;align-items:flex-start;gap:8px;cursor:pointer;padding:8px;min-height:40px;font-size:13px;border:1px solid transparent;border-radius:3px}
.filter-option input{margin-top:2px}
.filter-option:has(input:checked){background:var(--tint);border-color:#b1c4e5}
.filter-option:hover{background:#f1f4f8}
.filter-option:focus-within{outline:2px solid var(--accent)}
.extra-groups[open]{flex-basis:100%;min-width:0}
.extra-groups[open]>summary{display:inline-block}
.extra-body{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.search-settings{margin-top:8px}
.search-settings>summary{font-size:12px;color:var(--accent);display:inline-block;min-height:32px;padding:5px 0}
.settings-content{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}
.match-row,.preset-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.preset-row{margin-top:10px}.preset-row button{min-height:36px;font-weight:500}
.segmented{display:flex;align-items:stretch;border:1px solid var(--control);border-radius:3px;background:var(--paper);overflow:hidden;max-width:100%}
.segmented button{border:0;border-right:1px solid var(--line);border-radius:0;min-height:40px;font-size:13px;background:var(--paper);font-weight:500}
.segmented button:last-child{border-right:0}.segmented button.active{background:var(--accent);color:var(--paper);font-weight:600}
.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.active-filters:empty{display:none}
.active-filters button{border-color:#a8b9d5;background:var(--tint);color:#234674;font-size:12px;min-height:34px;padding:5px 9px;font-weight:500}
.mobile-filter-toggle{display:none}
.selection-heading{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap}
.selection-heading p{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
#selection-add{margin-left:auto}
#selected-tools{margin-bottom:18px}#selected-tools>.hint{margin-top:6px}
.selection-menu,.display-settings{position:relative}
.selection-menu>summary,.display-settings>summary{border:1px solid var(--control);border-radius:3px;min-height:40px;padding:8px 12px;font-size:13px;background:var(--paper)}
.selection-menu>button,.display-settings>div{position:absolute;right:0;top:calc(100% + 6px);z-index:25;background:var(--paper);border:1px solid var(--control);padding:10px;min-width:225px;box-shadow:0 4px 12px #2026321a;white-space:nowrap}
.check-label{display:flex;align-items:center;gap:9px;min-height:40px;cursor:pointer;font-size:13px}
.plan-views{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
#multi-label{margin-left:auto}
.coverage-note{font-size:13px;color:var(--muted);margin:10px 0;line-height:1.7}
#unlisted-skills{padding:10px 12px;border-left:3px solid #916d33;background:#faf7f0;margin-top:10px}
.unlisted-heading{font-size:13px;font-weight:600;margin-bottom:6px}
.unlisted-list{display:flex;flex-wrap:wrap;gap:6px 18px}
.unlisted-entry{min-width:0}
.unlisted-entry>summary{font-size:13px;color:var(--accent);padding:6px 0;min-height:36px}
.unlisted-entry>summary span{color:var(--muted);font-size:12px;margin-left:6px}
.unlisted-entry[open]{flex-basis:100%}
.effect-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.effect-controls strong{font-size:13px}.effect-controls input{width:85px;padding:8px;min-height:40px;font-variant-numeric:tabular-nums}
.comparison-help{position:relative}.comparison-help summary{color:var(--accent);padding:8px 0}
.comparison-help p{position:absolute;z-index:20;right:0;width:320px;max-width:calc(100vw - 32px);padding:12px;background:var(--paper);border:1px solid var(--control);font-size:13px}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:14px 0 8px}
.result-total{display:flex;align-items:baseline;gap:6px;font-size:13px}
.result-total strong{font-size:22px;font-variant-numeric:tabular-nums;line-height:1.5}
.toolbar-note{font-size:12px;color:var(--muted);margin-left:10px}
.toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.result-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;background:var(--paper);border-top:2px solid #9ca8b7;font-size:14px}
.result-table col.check{width:94px}.result-table col.skill{width:24%}.result-table col.source{width:24%}.result-table col.metric-column{width:150px}
.result-table.comparing col.skill{width:21%}.result-table.comparing col.source{width:21%}
.result-table th{background:#e9edf2;color:#414e60;font-size:12px;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:600}
.result-table td{border-bottom:1px solid var(--line);padding:13px 12px;vertical-align:top;overflow-wrap:anywhere}
.result-table tr.selected>td{background:#f4f7fc}
.pick-skill{min-width:70px;min-height:40px;padding:8px 6px;font-size:12px;white-space:nowrap;border-color:#8493a6;font-weight:600;color:var(--accent)}
.pick-skill[aria-pressed=true]{background:#e5edfa;color:#1d4888;border-color:#8ea8d0}
.skill-name{font-size:15px;line-height:1.65;font-weight:700;color:var(--accent);text-align:left;border:0;padding:0;min-height:0;background:transparent;overflow-wrap:anywhere}
.skill-name:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}
.skill-meta{display:flex;gap:6px 10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:5px}
.status{font-size:12px;color:#47515f}.status.restricted{color:#805515}
.tag-line{display:flex;flex-wrap:wrap;align-items:center;gap:3px 7px;font-size:12px;line-height:1.6;margin-top:6px}
.tag-line>small{font-size:12px;color:var(--muted)}
.tag-line>span{padding:0;color:#3c526f}
.official-tags>span{color:#3e4d61}
.search-tags{display:none;color:var(--muted)}
.show-classification .search-tags,.detail-content .search-tags{display:flex}
.tag-line button{border:0;background:transparent;color:var(--accent);font-size:12px;padding:0 4px;min-height:28px}
.effect{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;line-height:1.85;font-size:14px;color:#303b49}
.source-name{display:block;font-size:14px;font-weight:600;line-height:1.65}
.source-level{display:block;margin-top:4px;font-size:13px;font-variant-numeric:tabular-nums}
.source-more{font-size:12px;margin-left:8px;color:var(--muted)}
.details-link{display:block;min-height:32px;padding:4px 0;border:0;background:transparent;font-size:12px;font-weight:500;color:var(--accent);text-decoration:underline;text-underline-offset:3px;margin-top:3px;text-align:left}
.details-link:hover{background:transparent}
.metric{display:block;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.5;color:#193f7f}
.metric.unranked{font-size:13px;font-weight:500;color:var(--muted)}
.metric-note{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.65}
.detail-cell{padding:16px 20px!important;background:#edf1f7!important}
.detail-heading{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:12px}
.detail-heading h2{font-size:16px}.detail-heading button{font-size:12px;flex-shrink:0}
.detail-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.detail-content h3{font-size:13px;margin-bottom:9px;color:#334d72}
.detail-content p{font-size:14px;line-height:1.85;white-space:pre-wrap}
.detail-notes{margin-top:12px;font-size:12px;color:#715421}
.learner-scroll{max-height:330px;overflow:auto;border:1px solid #b5c0cf;background:var(--paper);overscroll-behavior:contain}
.learner-table{width:100%;border-collapse:collapse;table-layout:auto;background:var(--paper)}
.learner-table th{position:sticky;top:0;z-index:1}
.learner-table td,.learner-table th{padding:7px 12px;font-size:13px}
.learner-table th:nth-child(n+2),.learner-table td:nth-child(n+2){width:85px;text-align:right;font-variant-numeric:tabular-nums}
.source-full{margin-top:10px}.source-full summary{font-size:13px;color:var(--accent);padding:6px 0}
.material-table col.skill{width:27%}.material-table col.count-column{width:110px}
.material-table>tbody>tr:not(.expanded-row)>td{padding-top:9px;padding-bottom:9px}
.material-name{display:block;font-size:15px}.material-count{font-size:21px;font-variant-numeric:tabular-nums;color:#193f7f}
.material-skills{display:flex;flex-wrap:wrap;gap:7px}
.material-skills button{min-height:38px;padding:6px 9px;font-size:13px;font-weight:500;background:#f7f9fc;border-color:#b1bdce;text-align:left}
.material-skills small{font-size:12px;color:var(--muted);margin-left:8px;font-variant-numeric:tabular-nums}
.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}
.pagination:empty{display:none}
.learner-table .current-source{background:#e4ecf8;font-weight:700}
.pagination select{padding:7px 28px 7px 10px}
.result-footnote{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.8;max-width:100ch}
.empty{padding:40px 20px;text-align:center;background:var(--paper);border:1px solid var(--line)}
.empty h2{font-size:18px}.empty p{font-size:14px;color:var(--muted);max-width:48ch;margin:12px auto 20px}.empty-marker{display:none}
.paste-layout{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;margin-top:12px}
.paste-label{font-size:13px}.paste-label textarea{display:block;margin-top:6px;min-height:115px}
.paste-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}
.error{color:#982c2c;font-size:13px;margin-top:8px}.notice{padding:12px;border-left:3px solid #a67b36;background:#fff8e8;font-size:13px;overflow-wrap:anywhere}
.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid #aab6c6;padding:9px 24px;font-size:13px}
#selection-feedback{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#basket-open{white-space:nowrap;font-size:13px;min-height:40px}#selected-count{padding-left:8px;font-variant-numeric:tabular-nums}
.has-selection-bar main{padding-bottom:95px}
.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);z-index:80;background:#233851;color:white;padding:12px 20px;border-radius:3px;font-size:13px}
.has-selection-bar .toast{bottom:80px}
dialog{border:1px solid var(--control);border-radius:4px;background:var(--paper);color:var(--ink);padding:24px;width:650px;max-width:calc(100vw - 32px);max-height:90dvh;overflow:auto}
dialog::backdrop{background:#182a4266}
dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
dialog p{font-size:14px;line-height:1.85;margin:12px 0}dialog h3{margin-top:18px}
dialog ol{padding-left:22px}dialog li{margin:8px 0}
.icon-button{font-size:24px;min-width:40px;line-height:1;padding:6px}
.dialog-actions{display:flex;justify-content:flex-end;gap:12px}
.loading{padding:100px 24px;text-align:center}.loading h1{font-size:18px;margin-top:20px}
.skeleton{display:block;width:180px;height:4px;background:#c6cfdd;margin:auto;animation:pulse 1s alternate infinite}
@keyframes pulse{to{opacity:.4}}
.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.compact-view .result-table>tbody>tr:not(.expanded-row)>td{padding-top:8px;padding-bottom:8px}
.compact-view .effect{-webkit-line-clamp:2}
@media(min-width:761px){
 .sidebar:has(#build-sidebar:not([hidden])){padding:0;border:0;background:transparent;margin-bottom:10px}
 #build-sidebar{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 14px}
 #filters{flex:1;min-width:0}
 .filter-topline{order:3;margin:0}
 .filter-topline>span{display:none}
 .filter-topline .text-button{min-height:40px}
 .search-settings{order:2;margin:0}
 .search-settings>summary{min-height:40px;padding:9px 0}
 .search-settings[open]{flex-basis:100%;order:4}
 #active-filters{flex-basis:100%;order:5;margin-top:0}
 .detail-content{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
}
@media(max-width:1100px){
 .app-header{gap:18px;padding:0 18px}.brand span{display:none}.app-header nav{gap:12px}
 main{padding:16px 18px 28px}.toolbar-note{display:none}
 .result-table col.check{width:86px}.result-table col.metric-column{width:125px}
 .result-table td,.result-table th{padding-left:9px;padding-right:9px}
 .result-table col.skill{width:24%}.result-table col.source{width:25%}
 .result-table.comparing col.skill{width:22%}.result-table.comparing col.source{width:24%}
 .detail-content{gap:16px}.comparison-help p{right:auto;left:0}
}
@media(max-width:760px){
 .app-header{position:relative;flex-wrap:wrap;gap:0 12px;padding:10px 14px 0;min-height:0}
 .brand{font-size:18px}.brand span{display:inline;font-size:12px}
 #about{font-size:12px;min-height:36px}
 .app-header nav{order:3;width:100%;overflow-x:auto;gap:12px;min-height:45px}
 .nav-button{font-size:12px;flex-shrink:0;padding:9px 2px 6px}
 main{padding:14px 12px 24px}.search-row{gap:8px;flex-wrap:wrap}.search-box{height:44px;flex-basis:100%}.search-box input{font-size:14px}.search-box kbd{display:none}
 .search-row>.field-inline{font-size:12px}.search-row select{min-height:36px}
 .task-guide{font-size:12px;margin-top:8px;line-height:1.8}
 .sidebar{padding:8px 10px;margin-bottom:12px}
 .mobile-filter-toggle{display:block;width:100%;text-align:left;background:none;border:0;color:var(--accent);padding:4px;min-height:36px}
 .sidebar:not(.filters-open) #build-sidebar{display:none}
 .filter-topline{margin-top:5px}.filter-topline>.hint{display:none}
 #filters{gap:6px}.filter-group>summary,.extra-groups>summary{font-size:12px;padding:8px 9px}
 .filter-group{position:static}.sidebar{position:relative}.filter-options,.filter-group.align-right .filter-options{left:0;right:auto;top:auto;margin-top:5px;width:100%;max-width:100%;max-height:340px;grid-template-columns:1fr 1fr}
 .extra-groups[open]{width:100%}
 .results-toolbar{align-items:flex-start;margin-top:12px}.toolbar-actions{gap:8px;width:100%}.toolbar-actions select{font-size:12px}.toolbar-actions button{font-size:12px}
 .result-total strong{font-size:20px}.field-inline{font-size:12px}.result-total{font-size:12px}
 .effect-controls{gap:8px 12px}.effect-controls>strong{width:100%}.effect-controls .field-inline{gap:5px}.effect-controls input{width:76px}
 .comparison-help p{left:0;right:auto;width:300px;max-width:calc(100vw - 30px)}
 .result-table:not(.material-table)>colgroup,.result-table:not(.material-table)>thead{display:none}
 .result-table:not(.material-table),.result-table:not(.material-table)>tbody{display:block}
 .result-table .skill-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;border-bottom:1px solid #b7c2d1;padding:12px;gap:8px 12px}
 .result-table .skill-row>td{border:0;padding:0!important;min-width:0;background:transparent}
 .result-table .skill-row.selected{background:#f1f5fc}
 .pick-cell{grid-column:2;grid-row:1}.name-cell{grid-column:1;grid-row:1}
 .result-table .skill-row>.metric-column,.result-table .skill-row>.effect-column,.result-table .skill-row>.source-cell{grid-column:1/-1}
 .skill-name{font-size:15px}.skill-meta,.tag-line{font-size:12px}.tag-line small{font-size:12px}
 .effect{font-size:14px;-webkit-line-clamp:3;line-height:1.85}
 .source-cell{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;border-top:1px solid var(--line)!important;padding-top:6px!important}
 .source-name{font-size:13px}.source-level{margin-top:0;font-size:12px}.details-link{font-size:12px;min-height:36px;margin:0}
 .metric{display:inline;font-size:18px}.metric-note{font-size:12px;display:inline;margin-left:8px}
 .expanded-row,.result-table:not(.material-table) .expanded-row>td{display:block}
 .detail-cell{padding:14px!important}.detail-content{display:block}.detail-content>section+section{margin-top:18px}
 .detail-heading{align-items:flex-start}.detail-heading h2{font-size:15px}.detail-content p{font-size:14px}.learner-scroll{max-height:280px}
 .learner-table{display:table!important}.learner-table thead{display:table-header-group!important}.learner-table tbody{display:table-row-group!important}.learner-table th,.learner-table td{font-size:12px;padding:7px}
 .material-table col.skill{width:32%}.material-table col.count-column{width:58px}.material-table th,.material-table td{padding:9px 7px;font-size:12px}
 .material-name{font-size:13px}.material-count{font-size:19px}.material-skills{gap:6px}.material-skills button{font-size:12px;min-height:40px;padding:6px}.material-skills small{font-size:12px;margin-left:5px}
 .material-table .expanded-row{display:table-row}.material-table .expanded-row>td{display:table-cell}
 .selection-heading{gap:8px 12px}.selection-heading h1{font-size:19px}.selection-heading p{width:100%;font-size:12px}
 #selection-add{margin-left:0}.selection-menu>button{right:auto;left:0}
 .plan-views{gap:8px}.plan-views>.segmented{width:100%}.plan-views .segmented button{font-size:12px;padding:7px 9px;flex:1}
 #multi-label{margin-left:0;font-size:12px}.coverage-note{font-size:12px}
 .paste-layout{display:block}.paste-actions{flex-direction:row;align-items:center;margin-top:10px}#acquire-sidebar h1{font-size:18px}
 .selection-bar{padding:8px 12px;gap:8px}#selection-feedback{font-size:12px;max-width:35%}#basket-open{font-size:12px;padding:8px}
 .display-settings>div{right:0;min-width:215px}
 .result-footnote{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

/* Selected build: scan totals horizontally, then read unabridged effects. */
.effect-overview{padding:18px 0;min-width:0}
.effect-overview h2{font-size:1.2rem}.effect-scope{color:var(--muted);margin:7px 0 14px;line-height:1.75}
.effect-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.effect-total{background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.effect-total>summary{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 16px;align-items:baseline}
.effect-total>summary>strong{font-size:1.65rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--accent)}
.effect-total small{font-size:1rem;color:var(--muted);font-weight:400}.effect-total>summary>small{grid-column:1/-1}
.effect-total[open]>summary{background:var(--tint)}
.effect-total ul,.final-modifiers ul{list-style:none;margin:0;padding:0 16px 12px}
.effect-total li,.final-modifiers li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line)}
.effect-total li b,.final-modifiers li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.final-modifiers{margin:12px 0;border:1px solid var(--line);background:var(--paper)}
.final-modifiers>summary{padding:12px 16px}.final-modifiers>summary small{display:inline-block;margin-left:12px;font-size:1rem;color:var(--muted)}
.final-modifiers .effect-scope{padding:0 16px}.final-modifiers ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:0 24px}
.effect-list-title{margin-top:24px}.effect-list-title>span{margin-left:8px;color:var(--muted);font-size:1rem;font-weight:400}
.effect-entry{display:grid;grid-template-columns:minmax(180px,23%) minmax(0,1fr);gap:24px;padding:16px;border-top:1px solid var(--line);background:var(--paper)}
.effect-entry h3{font-size:1.1rem}.effect-entry .text-button{display:block;margin-top:4px}.effect-entry .official-description{font-size:1.05rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}
.effect-warning{color:#982c2c;font-weight:600;margin-bottom:8px}.effect-entry .tag-line{margin-top:8px}
.acquired-control{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;white-space:nowrap;font-size:1rem;color:var(--ink)}
.acquired-note{font-size:1rem;color:#285845;font-weight:600}
.progress-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:10px 0}
.compare-panel{border-top:1px solid var(--line);margin-top:14px;padding:10px 0}
.compare-panel>summary{font-weight:600;color:var(--accent);min-height:40px;display:flex;align-items:center}
.compare-panel[open]>summary{margin-bottom:8px}.compare-panel>p{margin-bottom:10px;color:var(--muted)}
.compare-panel textarea{margin-top:6px}.compare-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:18px}
.comparison-grid h3{border-bottom:1px solid var(--line);padding-bottom:8px}.comparison-grid h3 span{color:var(--muted);font-weight:400}
.comparison-grid ul{list-style:none;padding:0;margin:6px 0}.comparison-grid li{padding:6px 0;overflow-wrap:anywhere}.comparison-grid small{color:var(--muted);font-size:.9rem}
.compare-success{color:#285845;font-weight:600;margin-top:12px}
.result-table:has([data-acquired]) col.check{width:120px}
#build-sidebar{display:block}#filters{display:block;width:100%}.filter-topline{display:flex;justify-content:flex-end;margin:0 0 8px}.filter-topline>span{display:none}
.discovery-heading{font-weight:600;margin-bottom:8px}.discovery-heading>span{font-weight:400;color:var(--muted);margin-left:12px}
.discovery-topics{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:10px}
.discovery-topics button{font-size:1rem}.discovery-topics button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}
.discovery-options{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}
.discovery-option{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;min-height:44px;background:var(--paper);border:1px solid var(--line);cursor:pointer;font-size:1rem;border-radius:3px}
.discovery-option:has(input:checked){border-color:var(--accent);background:var(--tint)}.discovery-option small{font-size:.85rem;color:var(--muted)}
.all-filters>summary{color:var(--accent);font-weight:600;min-height:40px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.all-filters>summary span{font-weight:400;color:var(--muted);font-size:1rem}.all-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;padding:12px 0}
.all-filter-grid fieldset{min-width:0;border:1px solid var(--line);padding:10px}.all-filter-grid legend{font-weight:600;padding:0 6px}.all-filter-grid .discovery-option{margin:3px;font-size:1rem}
.filter-scope{font-size:1rem;color:var(--muted);margin:6px 0}.search-settings{margin-top:8px}
.sidebar:has(#build-sidebar:not([hidden])){position:relative}.filter-topline{position:absolute;right:0;top:0;margin:0}.discovery-heading{padding-right:115px;min-height:36px;display:flex;align-items:center}
.discovery-options[data-topic=stats] small{display:none}
.guided-set{min-width:0;border:0;margin:0;padding:0}.guided-set legend{font-size:.95rem;color:var(--muted);padding:0 0 6px}.guided-set>div{display:flex;flex-wrap:wrap;gap:8px}.discovery-options{gap:12px 24px}
.filter-logic{grid-column:1/-1;font-size:1rem;color:var(--muted);margin:0 0 8px}#active-filters{grid-column:1/-1}
.multiplier-section{margin:22px 0}.multiplier-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line)}.multiplier-table{width:100%;border-collapse:collapse;background:var(--paper);min-width:780px;font-variant-numeric:tabular-nums}.multiplier-table th,.multiplier-table td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.multiplier-table thead{background:var(--tint)}.multiplier-table input{width:100px;padding:8px;min-height:44px}.multiplier-table strong{color:var(--accent);font-size:1.2rem}.multiplier-table small{display:block}.formula-help{margin-top:12px}.formula-help>summary{color:var(--accent);min-height:40px;display:flex;align-items:center}.formula-help p{margin:10px 0;line-height:1.85;max-width:85ch}
@media(max-width:760px){.material-table .expanded-row,.material-table .expanded-row>td{display:block!important}.discovery-heading{display:block}.discovery-heading>span{margin-top:4px}.guided-set>div{gap:6px}}
@media(min-width:1000px){#filters{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.discovery-heading,.discovery-topics,.discovery-options{grid-column:1/-1}.all-filters[open]{grid-column:1/-1}.filter-scope{text-align:right;font-size:.95rem}}
@media(max-width:760px){
 .sidebar:not(.filters-open) #build-sidebar{display:block}.mobile-filter-toggle{display:none!important}.discovery-heading>span{display:block;margin-left:0}.discovery-options{gap:6px}.discovery-option small{display:none}
 .discovery-topics button{flex:1 0 30%;padding:7px}.discovery-option{font-size:1rem}.comparison-grid{grid-template-columns:1fr;gap:14px}
 .result-table .skill-row:has([data-acquired]){grid-template-columns:minmax(0,1fr) 105px}
 .material-table,.material-table>tbody{display:block}.material-table>colgroup,.material-table>thead{display:none}.material-table>tbody>tr{display:block;padding:12px;border-bottom:1px solid var(--line)}.material-table>tbody>tr>td{display:block;border:0}.material-table .material-skills{display:flex;flex-wrap:wrap}
}
@media(max-width:760px){.plan-views>.segmented{flex-wrap:wrap}.effect-entry{grid-template-columns:1fr;gap:8px;padding:14px 10px}.effect-total>summary{padding:12px}.effect-total>summary>strong{font-size:1.4rem}#summary-controls>span{font-size:1rem}}

/* Compact visual cues: local SVG only; no image fetches or animation library. */
:root{--bg:#f2f4f5;--ink:#203039;--muted:#546570;--accent:#22615f;--tint:#eaf3f1;--line:#d2dddf;--radius:5px;font-family:"Yu Gothic UI","Meiryo",system-ui,sans-serif}
button{transition:background-color .12s,color .12s,border-color .12s}button.primary:hover{background:#184c4a}button:hover{background:#e5eeec}button:active{background:#d8e7e4}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline-color:#22615f}
.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle;pointer-events:none}
.build-library{position:relative;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--paper);padding:10px 12px;margin:0 0 18px;border-radius:5px;min-width:0}
.library-mark{display:flex;align-items:center;justify-content:center;background:var(--tint);width:38px;height:38px;border-radius:5px;color:var(--accent)}
.saved-build-label{font-weight:650;font-size:13px}.saved-build-label small{display:block;color:var(--muted);font-weight:400;font-size:11px;font-variant-numeric:tabular-nums}
#saved-builds{flex:1;min-width:150px;max-width:370px;font-weight:600}.library-status{font-size:12px;color:var(--muted);margin-left:auto}
#library-menu{position:relative}#library-menu>summary{padding:9px 6px;font-size:12px;min-height:40px;color:var(--muted)}
.library-actions{position:absolute;right:0;top:100%;width:280px;max-width:calc(100vw - 48px);padding:10px;border:1px solid var(--line);background:var(--paper);box-shadow:0 8px 24px #2030391c;z-index:45;border-radius:5px;display:grid;gap:6px}
.library-actions button{text-align:left;border:0}.library-actions p{font-size:12px;color:var(--muted);padding:8px 5px;line-height:1.7}
.build-name-label{display:grid;gap:6px;margin:18px 0 6px}.build-name-label input{padding:10px;min-width:0;width:100%}
.discovery-topics{gap:8px}.discovery-topics button{display:inline-flex;align-items:center;gap:8px;min-height:48px;background:var(--paper);border-color:var(--line);padding:9px 14px}.discovery-topics .ui-icon{width:24px;height:24px;color:var(--accent)}.discovery-topics button[aria-pressed=true] .ui-icon{color:inherit}
.skill-name{display:inline-flex!important;align-items:flex-start;gap:8px;text-align:left}.skill-glyph{display:inline-flex;padding:5px;border-radius:4px;background:var(--tint);color:var(--accent);margin-top:-3px;flex-shrink:0}.skill-glyph .ui-icon{width:18px;height:18px}
.official-tags>span{display:inline-flex;align-items:center;gap:3px;padding:1px 5px!important;border-radius:3px;background:#edf0f2;color:#425565;font-size:11px}.official-tags .ui-icon{width:13px;height:13px}
.official-tags [data-element=fire]{color:#963f2c;background:#fbede6}.official-tags [data-element=ice]{color:#286381;background:#e9f3fa}.official-tags [data-element=dark]{color:#62507a;background:#eeeaf5}.official-tags [data-element=holy]{color:#796025;background:#f7f1de}.official-tags [data-element=thunder]{color:#7a641d;background:#f5f1de}.official-tags [data-element=earth]{color:#70503d;background:#f2eae4}.official-tags [data-element=wind]{color:#326b51;background:#e8f2eb}
#selection-summary{display:flex;gap:14px;align-items:center;flex-wrap:wrap}#selection-summary b{font-size:17px;font-variant-numeric:tabular-nums;margin-left:4px;color:var(--ink)}#selection-summary .progress-done b{color:var(--accent)}#selection-summary progress{width:90px;height:5px;accent-color:var(--accent);border:0;border-radius:3px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}
.result-table thead{background:#e5ecec}.result-table tbody .skill-row:hover{background:#f7faf9}.effect-total>summary>strong{font-variant-numeric:tabular-nums}.multiplier-table th:first-child{position:sticky;left:0;background:var(--paper);z-index:1}.multiplier-table thead th:first-child{background:var(--tint)}
@media(min-width:1200px){.library-status{max-width:170px}.build-library #new-build{margin-left:2px}}
@media(max-width:760px){.build-library{gap:8px;padding:10px;margin-bottom:14px}.library-mark{width:32px;height:32px}.saved-build-label{font-size:12px}#saved-builds{flex-basis:calc(100% - 130px);max-width:none;min-width:0}.build-library>button{min-height:40px}#library-menu{margin-left:auto}.library-status{width:100%;margin-left:0;font-size:11px}.discovery-topics button{justify-content:flex-start;gap:6px;font-size:12px;min-height:44px}.discovery-topics .ui-icon{width:19px;height:19px}.library-actions{width:270px}.skill-glyph{padding:4px}#selection-summary{gap:10px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.character-slots{margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);background:var(--paper);border-radius:4px}.character-picker,.slot-counters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.character-picker label{display:flex;align-items:center;gap:8px;font-size:12px}.character-picker input{width:260px;max-width:100%;padding:8px}.character-picker select{padding:8px}.slot-counters{margin-top:10px;font-size:13px;font-variant-numeric:tabular-nums}.slot-counters strong{padding-right:14px;border-right:1px solid var(--line)}.slot-counters span,.slot-rules{font-size:11px;color:var(--muted)}.slot-over{color:#a32924}.slot-rules{margin-top:8px}.slot-rules p{margin:8px 0;max-width:85ch}.slot-lock,.permanent-control{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;margin:0 8px 0 78px}.permanent-control input{accent-color:var(--accent)}@media(max-width:760px){.character-picker{gap:8px}.character-picker label:first-child{width:100%;display:block}.character-picker input{width:100%;display:block;margin-top:5px}.character-slots{padding:10px}.slot-lock,.permanent-control{margin-left:57px}.slot-counters{gap:8px;font-size:12px}}
.result-table.skill-list col.skill,.result-table.skill-list.comparing col.skill{width:auto}.result-table.skill-list .skill-row>td{padding-top:7px;padding-bottom:7px;vertical-align:middle}.list-skill-name{display:flex!important;align-items:center;gap:14px;width:100%;min-height:32px;text-align:left}.list-kind{font-size:11px;font-weight:400;color:var(--muted);flex:0 0 64px}.list-name{flex:1;overflow-wrap:anywhere}.list-chevron{color:var(--muted);padding:0 8px}.skill-list .metric-note{display:none}.skill-list .detail-cell{padding:18px!important}@media(max-width:760px){.result-table.skill-list .skill-row{padding:7px 10px;gap:3px 8px}.skill-list .list-kind{flex-basis:52px;font-size:10px}.skill-list .list-skill-name{gap:5px;font-size:13px}.skill-list .list-chevron{padding:0}.skill-list .skill-row>.metric-column{font-size:12px;grid-column:1;grid-row:2}.skill-list .detail-cell{padding:12px!important}}
#build-import-dialog{width:min(940px,calc(100vw - 32px));max-width:940px}#build-import-dialog>p{margin:12px 0}.build-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}.build-import-grid textarea{width:100%;resize:vertical;min-height:180px}.build-import-grid .hint{margin:8px 0 12px}.build-import-grid .check-label{margin:12px 0}#build-import-count{font-weight:600;margin:12px 0 6px}#build-import-skills{max-height:260px;overflow:auto;font-size:13px}#build-import-skills details{padding:8px 0;border-bottom:1px solid var(--line)}#build-import-skills summary{cursor:pointer}#build-import-skills details p{margin:6px 0;white-space:pre-line;font-size:12px}.import-warning{background:#fff4e5;border-left:3px solid #b67d28;padding:10px 12px;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.import-backup-help{border-top:1px solid var(--line);padding-top:12px;font-size:12px}.import-backup-help p{margin:8px 0}.build-library #open-build-import{border-color:var(--accent);color:var(--accent)}@media(max-width:760px){.build-import-grid{grid-template-columns:1fr;gap:16px}#build-import-dialog{padding:16px}#build-import-skills{max-height:230px}}
.kind-toggles{border:0;padding:0;margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kind-toggles legend{font-size:11px;color:var(--muted);margin-bottom:5px}.kind-toggles label{display:flex;align-items:center;gap:6px;min-height:36px;padding:5px 10px;border:1px solid var(--line);border-radius:4px;cursor:pointer;font-size:13px}.kind-toggles label:has(input:checked){background:#e8f2ed;border-color:#608a79;color:#214d3d}.kind-toggles input{accent-color:var(--accent);width:16px;height:16px;margin:0}.kind-toggles label:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.quantified-effects{margin-bottom:8px;color:var(--ink);font-size:12px;line-height:1.65}.quantified-effects>small{font-size:10px;color:var(--muted)}.quantified-effects ul{margin:3px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:3px 12px}.quantified-effects li{max-width:100%;overflow-wrap:anywhere}.quantified-effects li.quantity-relevant{font-weight:700;color:#235b46;background:#eaf3ed;padding:0 4px;border-radius:2px}.quantity-pending{font-size:11px;color:var(--muted);margin:4px 0}.quantified-effects+.effect{font-size:12px;color:var(--muted)}
.conflict-banner{position:fixed;right:20px;bottom:18px;z-index:35;max-width:min(540px,calc(100vw - 40px));padding:12px 16px;background:#fff3f2;border:1px solid #d58c86;border-left:4px solid #b33b33;border-radius:5px;color:#8e211c;box-shadow:0 4px 16px #61292217;overflow-wrap:anywhere}.has-selection-bar .conflict-banner{bottom:86px}.conflict-heading{display:flex;align-items:center;gap:8px}.conflict-symbol{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid currentColor;border-radius:50%;width:20px;height:20px;font-weight:700;flex-shrink:0}.conflict-banner ul{margin:6px 0 0;padding-left:20px;max-height:18vh;overflow-y:auto}.conflict-banner li{padding:2px 0}.conflict-banner p{font-size:11px;margin-top:6px;color:#813d37}.conflict-banner #conflict-count{font-variant-numeric:tabular-nums}
@media(max-width:760px){.conflict-banner{right:12px;bottom:12px;max-width:calc(100vw - 24px);padding:10px 12px;font-size:12px}.has-selection-bar .conflict-banner{bottom:88px}}

/* Task-focused loadout editor. Search and acquisition keep their own surfaces. */
.list-text{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px;flex:1;min-width:0}.list-text .list-name{flex:0 1 auto}.skill-brief{font-size:12px;font-weight:400;color:#465467;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.search-filter-bar #filter-toggle{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 16px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:14px;font-weight:700}
#filter-toggle>svg{width:20px;height:20px;flex-shrink:0}#filter-toggle>.filter-chevron{font-size:12px;margin-left:4px}#filter-toggle[aria-expanded=true]>.filter-chevron{transform:rotate(180deg)}.search-filter-bar #filter-toggle:hover{filter:brightness(.9)}.search-filter-bar #filter-toggle[aria-expanded=true]{background:var(--tint);color:var(--accent)}
.detail-content{display:block}.detail-sources{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.detail-sources>summary{min-height:40px;padding:8px 0;font-weight:600;font-size:13px}.detail-sources .source-full-text{margin-top:8px}
.catalog-heading #catalog-context{font-size:12px;margin-top:5px;line-height:1.6;font-variant-numeric:tabular-nums}.catalog-heading .slot-over{font-weight:600}
.loadout-undo{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;background:#f4f0e6;font-size:12px;color:#715321;border-top:1px solid #d6c9a7}.loadout-undo button{min-height:44px;flex-shrink:0;font-size:12px}
.results-toolbar.effects-toolbar>.result-total,.results-toolbar.effects-toolbar .display-settings{display:none}.results-toolbar.effects-toolbar{justify-content:flex-end}
#party-origin-note{font-size:12px;color:var(--muted);margin:8px 0}#party-origin-note>summary{min-height:40px;padding:10px 0}#party-origin-note>p{max-width:80ch;margin:0 0 10px}
#build-tools>.active-filters:empty{display:none}#build-tools>.active-filters{margin:6px 0}.search-filter-bar #reset{margin-left:auto}
.build-library{margin-bottom:10px;padding:8px 12px;gap:8px;box-shadow:none}
.library-mark{display:none}.library-status{font-size:11px}.build-library #saved-builds{min-width:150px;max-width:360px}.build-library>button{font-size:12px}.build-library #new-build{margin:0}
.character-slots{padding:10px 12px;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.character-picker{gap:8px}.character-picker label{gap:6px}.character-picker input{width:220px;min-height:36px;padding:6px 8px}.character-picker select{min-height:36px;padding:6px 26px 6px 8px}
.character-picker #character-level{width:78px}.character-picker button{min-height:36px;padding:6px 12px}.slot-counters{margin:0;gap:8px}.slot-counters strong{padding-right:8px}.slot-counters #slot-fixed{display:none}.slot-rules{margin:0}.slot-rules[open]{flex-basis:100%}.character-slots>.error{flex-basis:100%;font-size:12px}
#character-settings>summary{display:flex;align-items:center;gap:12px;min-height:32px;font-size:13px}#character-settings>summary .hint{font-size:11px;font-weight:400}#character-settings[open]{flex-basis:100%}#character-settings[open]>.character-picker{padding-top:10px}#character-settings:not([open]){min-width:230px}
.editor-nav{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:12px 0}.editor-heading{display:flex;align-items:baseline;gap:10px}.editor-heading h1{font-size:17px}.editor-view-buttons{display:flex;align-items:center;gap:2px}.editor-view-buttons button{border-color:transparent;background:transparent;min-height:40px;padding:7px 12px;border-bottom:2px solid transparent;border-radius:0;font-weight:500}.editor-view-buttons button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:700}#editor-add{margin-left:auto}
.workbench{display:block;min-width:0}.workbench.with-catalog{display:grid;grid-template-columns:minmax(370px,1fr) minmax(410px,1.12fr);gap:20px;align-items:start}.loadout-panel,.task-panel{min-width:0}.with-catalog .loadout-panel{max-height:calc(100dvh - 250px);overflow:auto;scrollbar-gutter:stable;padding-right:4px;position:sticky;top:76px}.with-catalog .task-panel{border-left:1px solid var(--line);padding-left:18px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.catalog-heading h2{font-size:15px}.catalog-heading button{font-size:12px;white-space:nowrap}
.loadout-group{margin-bottom:12px;border:1px solid var(--line);background:var(--paper);border-radius:4px;overflow:hidden}.loadout-group>h2{font-size:13px;font-weight:600;padding:7px 12px;background:#eef1f5;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.loadout-group>h2>span{font-weight:400;font-variant-numeric:tabular-nums;opacity:.8}.loadout-group[data-kind=normal]>h2{color:#745412;background:#f7f2e6}.loadout-group[data-kind=active]>h2{color:#923d39;background:#faf0ef}.loadout-group[data-kind=passive]>h2{color:#325b83;background:#eef3f9}.loadout-group ul{padding:0;margin:0;list-style:none}.loadout-item+.loadout-item{border-top:1px solid var(--line)}
.loadout-row{display:flex;align-items:center;min-height:44px;gap:10px;padding:1px 10px}.loadout-name{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1;min-width:0;min-height:42px;border:0;background:transparent;text-align:left;font-weight:500;font-size:14px;padding:7px 3px;overflow-wrap:anywhere}.loadout-name>span:last-child{color:var(--muted);font-size:12px}.loadout-name:hover{background:var(--tint)}.loadout-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.fixed-state{font-size:11px;color:var(--muted);padding-right:8px}.loadout-permanent{display:flex;align-items:center;gap:6px;min-height:42px;cursor:pointer;font-size:12px;padding:0 5px}.loadout-permanent:has(input:checked){color:#765414;font-weight:600}.loadout-remove{padding:4px 9px;min-height:36px;color:var(--muted);font-size:12px;font-weight:400;border-color:transparent}.loadout-remove:hover{color:#9b302a;border-color:#dab3af;background:#fff4f2}.loadout-issue{margin:0 12px 6px;color:#9b302a;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.loadout-issue>span{color:var(--muted);font-size:11px;margin-left:5px}.loadout-detail{border-top:1px solid var(--line);background:#fafbfc;padding:14px 16px}.loadout-detail .detail-heading h2{font-size:16px}.loadout-detail .detail-content{display:block}.loadout-detail .detail-content>section+section{margin-top:12px}.loadout-detail .detail-heading [data-close-detail]{display:none}.loadout-detail .official-description{max-width:85ch}.loadout-empty{padding:30px 20px;border:1px dashed var(--control);text-align:center;background:var(--paper)}.loadout-empty h2{font-size:18px}.loadout-empty p{margin:10px 0 18px;color:var(--muted);font-size:13px}.loadout-empty button{margin:4px}
.search-filter-bar{display:flex;align-items:center;gap:10px;margin-top:8px}.search-filter-bar button{min-height:36px;padding:5px 10px;font-size:12px}#mobile-filter-toggle{display:none!important}.sidebar{padding:10px 12px;margin-bottom:10px}.results-toolbar{margin-top:10px}.result-table.skill-list .metric-column{width:120px}.pick-skill[aria-disabled=true]{background:#f0f3f4;color:#657078;border-color:transparent;cursor:default}.task-guide{display:none}
.conflict-banner{position:static;max-width:none;box-shadow:none;margin:8px 0;padding:6px 12px;font-size:12px;z-index:auto}.conflict-banner .conflict-heading{flex-wrap:wrap}.conflict-banner .conflict-heading button{margin-left:auto;min-height:32px;padding:3px 8px;color:inherit}.conflict-banner ul{max-height:none}.conflict-banner p{padding-bottom:4px}#conflict-detail{padding:4px 0}.has-selection-bar{padding-bottom:0}.catalog-adding #selection-bar{display:none!important}
#selected-tools .selection-heading h1{font-size:15px}#selected-tools{margin-bottom:10px}#selected-tools #selection-add{display:none}.progress-controls{margin:10px 0!important}.effect-overview>.effect-scope{font-size:12px}.effect-overview details.full-effects>summary,.effect-overview details.af-details>summary{font-size:14px;font-weight:600;min-height:44px;padding:10px 0}.effect-overview details.af-details{border-top:1px solid var(--line);margin-top:16px}.effect-overview .full-effects{border-top:1px solid var(--line);margin-top:16px}.with-catalog .detail-content{display:block}.with-catalog .detail-content>section+section{margin-top:14px}
@media(min-width:1100px){.editor-heading>.hint{display:none}.build-library .saved-build-label small{display:none}.with-catalog #filters{display:block}.with-catalog .discovery-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.with-catalog .all-filter-grid{grid-template-columns:1fr 1fr}.with-catalog .filter-scope{text-align:left}}
@media(max-width:1100px){.editor-heading{flex-basis:100%}.editor-heading>.hint{margin-left:auto}.editor-nav{gap:6px 8px}.editor-view-buttons button{padding:7px 9px}.with-catalog .loadout-actions{gap:3px}.with-catalog .loadout-row{gap:3px;padding:1px 6px}}
@media(max-width:900px){main{padding:12px}.workbench.with-catalog{display:block}.with-catalog .loadout-panel{display:none!important}.with-catalog .task-panel{border:0;padding:0}.catalog-adding .editor-nav{display:none}.catalog-adding .character-slots{display:none}.catalog-adding .build-library{display:none}.catalog-heading{position:sticky;top:72px;background:var(--bg);z-index:12;padding:8px 0}.catalog-heading button{min-height:44px}.loadout-row{min-height:48px}.loadout-name{min-height:44px}.loadout-permanent{min-height:44px}.loadout-remove{min-height:44px;min-width:44px}.character-picker{flex-wrap:wrap;gap:6px}.character-picker label:first-child{flex:1;min-width:150px;width:auto;display:flex}.character-picker input{width:100%;margin:0}.character-picker #character-level{width:72px}.character-slots{gap:8px}.character-picker label{font-size:12px}.slot-counters{font-size:12px}.slot-rules{font-size:11px}.editor-nav .editor-heading{display:none}.editor-view-buttons{flex:1}.editor-view-buttons button{font-size:12px;padding:6px 9px}.editor-nav #editor-add{font-size:12px;min-height:44px}.build-library{padding:8px;gap:6px}.build-library #saved-builds{min-width:0;max-width:none;flex:1;flex-basis:calc(100% - 85px)}.build-library>.saved-build-label{font-size:11px}.build-library .saved-build-label small{display:none}.build-library>button{min-height:40px;font-size:12px;padding:6px 8px}.build-library .library-status{width:auto;margin-left:auto}.build-library #library-menu{margin-left:0}.library-actions{white-space:normal}.loadout-row{gap:4px;padding:1px 8px}.loadout-name{font-size:13px}.loadout-actions{gap:2px}.fixed-state{max-width:95px;text-align:right;font-size:10px}.loadout-issue>span{display:none}.conflict-banner{margin:6px 0;font-size:12px}.effect-totals{grid-template-columns:1fr}.discovery-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#character-settings{width:100%}#character-settings>summary{min-height:44px}#character-settings .character-picker label:first-child{flex-basis:calc(100% - 65px);min-width:0;display:block}#character-settings .character-picker label:first-child input{margin-top:4px}.character-slots{padding:7px 10px}.slot-rules>summary{min-height:44px;display:flex;align-items:center}.build-library #library-menu>summary{min-height:44px;padding:12px 4px}.editor-view-buttons button,.search-filter-bar button,.pick-skill,.conflict-banner .conflict-heading button{min-height:44px}.catalog-heading{top:92px}.slot-counters{flex:1;gap:6px}.slot-counters strong{padding-right:5px}#party-origin-note>summary{min-height:44px}}