@charset "UTF-8";
#build-results .bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#build-results .bottom-grid>article{min-width:0}.comparison-cards h3{overflow-wrap:anywhere}
@media(max-width:740px){#build-results .bottom-grid{grid-template-columns:minmax(0,1fr)}#build-results .stats{grid-template-columns:minmax(0,1fr)}.build-rotation li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:5px}.build-rotation small{grid-column:2;margin-left:0}}
.lab-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}.lab-steps span{padding:9px 14px;border:1px solid #47634f;border-radius:20px;font-size:16px;color:var(--mint)}.lab-profile,.lab-catalogue,.lab-advanced,.lab-teaching{margin-bottom:24px}.lab-conditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lab-conditions label,.lab-level-grid label{display:grid;gap:6px;font-size:16px;color:var(--muted)}.lab-conditions input,.lab-conditions select,.lab-level-grid input,.lab-card-controls select,.lab-limit select{width:100%;min-width:0;background:#112219;color:var(--text);border:1px solid #4a6853;border-radius:5px;padding:10px}.lab-level-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0}.lab-level-grid label{background:#1e3024;padding:12px;border-radius:6px}.lab-level-grid small{font-size:13px}.lab-limit summary,.lab-advanced>summary,.lab-teaching>summary,.build-settings>summary{cursor:pointer;color:var(--mint);font-size:19px}.lab-limit p,.lab-teaching p{font-size:16px}.lab-limit>label{margin:12px 0;display:block;font-size:16px}.build-settings>summary{margin-bottom:15px}.build-settings[open] .build-fields{margin-top:20px}.base-slot{border-left:4px solid #b8e5ba}.extra-slot{border-left:4px solid #8b9db4}.build-slot{flex-wrap:wrap}.lab-slot-growth{display:block;width:100%;color:#adcbb5;font-size:14px}.lab-slot-pick{margin-left:auto;align-self:end}.lab-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.lab-shin{padding:18px;background:#2a2e1c;border:1px solid #8e8547;border-radius:6px;margin:18px 0}.lab-shin p{font-size:16px;margin:8px 0}.lab-shin summary{color:#dcd39a;cursor:pointer;font-size:16px}.lab-shin details p{font-size:14px;overflow-wrap:anywhere}.lab-skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lab-skill-card{padding:17px;border:1px solid #3e5947;background:#1a2a20;border-radius:7px;cursor:pointer}.lab-skill-card:hover{border-color:var(--mint)}.lab-skill-card.equipped{background:#2a4532;border-color:#9dc6a4}.lab-skill-card strong{display:block;font-size:20px}.lab-skill-card span{display:block;color:var(--muted);font-size:14px}.lab-skill-card p{font-size:15px;margin:11px 0}.lab-card-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lab-card-controls select{width:auto;max-width:120px;padding:6px;font-size:15px}.lab-card-controls label{display:flex;gap:6px;align-items:center;font-size:15px}.lab-card-controls button{font-size:15px}.lab-skill-card>small{display:block;margin-top:12px;color:var(--mint);font-size:14px}.lab-cause-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lab-cause-grid>div{border:1px solid #476250;border-radius:6px;padding:16px}.lab-cause-grid span,.lab-cause-grid small{display:block;color:var(--muted);font-size:15px}.lab-cause-grid strong{display:block;color:var(--mint);font-size:24px;margin:8px 0}.lab-explain p{font-size:17px;margin-top:20px}.lab-explain{margin-bottom:24px}.skill-selected{background:#2c4734}#skill-rows tr{cursor:pointer}#skill-rows tr:focus-visible{outline:2px solid var(--mint);outline-offset:-2px}.skill-id{display:none}.flow-subnote{display:none}#lab-result-summary>.panel{margin-bottom:20px}#lab-style-results table{margin-top:15px}#lab-style-results{scroll-margin-top:30px}
@media(max-width:1150px){.lab-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-conditions{grid-template-columns:1fr 1fr}.lab-conditions label:last-child{grid-column:1/-1}}
@media(max-width:740px){.lab-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lab-level-grid label{padding:9px;font-size:15px}.lab-conditions{grid-template-columns:1fr}.lab-skill-grid,.lab-cause-grid{grid-template-columns:1fr}.lab-steps{gap:6px}.lab-steps span{font-size:14px;padding:7px 10px}}
/* 도술 상세와 같은 조건의 덱 비교 */
.skill-heading{margin-top:25px;margin-bottom:24px}.skill-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.skill-facts>div{padding:18px;border:1px solid var(--line);border-radius:7px;background:#17251c}.skill-facts span,.skill-totals span{display:block;font-size:16px;color:var(--muted)}.skill-facts strong{display:block;font-size:23px;margin-top:6px}.skill-effect{margin-bottom:24px}.skill-mode{display:flex;gap:6px;flex-wrap:wrap}.skill-mode button{background:#14251a;border:1px solid #4a6552;border-radius:5px;padding:9px 13px;font-size:16px}.skill-mode button[aria-pressed=true]{background:var(--mint);color:#18271d}.skill-level-controls{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:20px 0}.skill-level-controls label{display:grid;gap:6px;font-size:16px;color:var(--muted)}.skill-level-controls input,.skill-level-controls select,#compare-name{background:#112018;color:var(--text);border:1px solid #496450;border-radius:5px;padding:9px;max-width:100%}.skill-level-controls input[type=number]{width:100px}.skill-level-slider{flex:1;min-width:140px}.skill-level-slider input{width:100%;accent-color:var(--mint)}.skill-damage{font-size:27px;color:var(--mint);font-weight:600;margin:26px 0}.skill-totals{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.skill-totals strong{font-size:30px}.skill-definition{margin:0}.skill-definition>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;font-size:16px}.skill-definition dt{color:var(--muted)}.skill-definition dd{margin:0;text-align:right}#skill-growth-chart svg{width:100%;max-height:230px}#skill-growth-chart text{fill:#aec3b2;font:16px sans-serif}.skill-chart-legend{display:flex;gap:24px;font-size:16px}.skill-chart-legend span:first-child{color:var(--mint)}.skill-chart-legend span:last-child{color:#e3b181}.skill-growth-table{max-height:430px;overflow:auto}.skill-growth-table thead{position:sticky;top:0;background:#203428}.skill-growth-table .current-level{background:#334d39}.skill-evidence{margin-top:22px}.skill-evidence summary{cursor:pointer;color:var(--mint)}.skill-evidence p,.skill-evidence li{font-size:16px;overflow-wrap:anywhere}#skill-page>.bottom-grid{margin-bottom:24px}.deck-comparison{margin:24px 0}.deck-comparison .build-actions{align-items:end}.deck-comparison label{display:grid;gap:7px;font-size:16px;color:var(--muted)}.comparison-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comparison-cards article{border:1px solid #415d49;background:#1c2c21;border-radius:6px;padding:18px}.comparison-cards h3{font-size:22px;margin-bottom:10px}.comparison-cards p{font-size:15px;margin-bottom:10px}.comparison-cards button{margin-right:14px}.comparison-title{font-size:23px;margin:25px 0 8px}.deck-comparison td small{display:block;font-size:13px;color:var(--muted)}.comparison-detail{border-top:1px solid var(--line);padding:14px 0}.comparison-detail summary{font-size:17px;cursor:pointer;color:var(--mint)}.comparison-detail p{font-size:16px;margin-top:15px}.comparison-bar{height:7px;border-radius:4px;background:#2a3e30;overflow:hidden}.comparison-bar span{display:block;height:100%;background:var(--mint)}
@media(max-width:1100px){.skill-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-effect .section-title{align-items:start;flex-wrap:wrap;gap:10px}}
@media(max-width:740px){.skill-facts{gap:10px}.skill-facts>div{padding:13px}.skill-facts strong{font-size:20px}.skill-level-controls{gap:12px}.skill-damage{font-size:22px}.skill-totals{gap:10px}.skill-totals strong{font-size:24px}.comparison-cards{grid-template-columns:1fr}.skill-mode button{font-size:15px}.skill-level-controls label{font-size:15px}#skill-page .bottom-grid{grid-template-columns:1fr}}
:root{color-scheme:dark;--bg:#101715;--panel:#17201d;--line:#2b3631;--muted:#97a79f;--text:#eef2ea;--mint:#b8e5ba;--orange:#efa96c;--purple:#baacf1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 "Pretendard","Malgun Gothic",sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}p{color:var(--muted)}small{font-size:15px}h1,h2,h3,p{margin-top:0}h2{font-size:21px;letter-spacing:-.4px;margin-bottom:16px}h3{font-size:28px;letter-spacing:-.8px}.sidebar{position:fixed;inset:0 auto 0 0;width:222px;background:#111a16;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:16px;font-weight:400;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:40px;height:44px;border:1px solid #698570;border-radius:10px;color:var(--mint);font-size:29px;font-family:serif}.workspace-label{font-size:13px;letter-spacing:1.5px;color:#6e8276;margin:48px 10px 15px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;text-align:left;padding:12px 13px;color:#a5b3ab;border-radius:7px}.sidebar nav button.active{background:#26382b;color:var(--mint)}.sidebar nav button:hover{background:#202c24}.sidebar nav button span{font-size:23px;width:20px;text-align:center}.sidebar nav b{font-size:14px;font-weight:400;margin-left:auto;color:#8aa98e}.sidebar-bottom{margin-top:auto;font-size:15px;color:#a2b3a6;padding:22px 9px 0}.sidebar-bottom strong{display:block;margin:8px 0;font-size:28px;color:var(--mint);letter-spacing:-1px}.sidebar-bottom p{font-size:14px;margin-bottom:25px}.sidebar-version{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;color:#7f9385}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}.shell{margin-left:222px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;font-size:16px;background:#111a16}.crumb{color:#798c80}.separator{margin:0 16px;color:#4d6154}.top-meta{display:flex;gap:21px;align-items:center;color:#92a697;font-size:15px}.version{font-family:monospace;color:#c4d6c7}.private{padding:3px 9px;border:1px solid #33473a;border-radius:5px;color:var(--mint)}main{max-width:1460px;padding:38px 42px 60px;margin:auto}.view{display:none}.view.active{display:block;animation:appear .24s ease}@keyframes appear{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.heading{margin-bottom:30px}.eyebrow{font-size:14px;letter-spacing:1.7px;color:#9cae9e;font-weight:500}.heading h1{font-size:44px;line-height:1.25;letter-spacing:-1.8px;font-weight:650;margin:15px 0 14px}.heading h1 em{font-style:normal;color:var(--mint)}.heading p{font-size:17px;margin-bottom:0}.heading.compact h1{font-size:36px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:34px}.stats article{background:var(--panel);border:1px solid var(--line);padding:20px 22px;border-radius:9px}.stats article>span{font-size:15px;color:#b4c4b7}.stats strong{font-family:Georgia,serif;display:block;font-weight:400;font-size:41px;line-height:1.2;margin:10px 0 9px}.stats small{font:16px "Malgun Gothic",sans-serif;margin-left:6px;color:#7d9786}.stats p{font-size:14px;line-height:1.5;margin:0;color:#8fa092}.green{color:var(--mint)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;gap:12px}.section-title h2{margin:0}.text-button{border:0;background:none;font-size:15px;color:var(--mint);padding:3px 0}.text-button span{font-size:20px;margin-left:10px}.synergy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chain-card{border:1px solid var(--line);border-radius:10px;padding:24px 26px;background:#19211d;position:relative;overflow:hidden}.chain-card.fire{border-top:2px solid #b47849}.chain-card.lightning{border-top:2px solid #7e70b4}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.symbol{font-size:33px;line-height:1;width:43px;height:43px;display:grid;place-items:center;border-radius:9px}.fire-symbol{background:#35291d;color:var(--orange)}.lightning-symbol{background:#2a2739;color:var(--purple);font-size:37px}.tag{color:#819286;font-size:14px}.chain-card h3{margin-bottom:8px}.chain-card>p{font-size:16px;line-height:1.8;margin-bottom:24px}.mini-chain{display:flex;gap:12px;align-items:center;font-size:15px;flex-wrap:wrap}.mini-chain>span{padding:7px 9px;border:1px solid #354137;border-radius:5px}.mini-chain small{color:#809d86;margin-left:5px}.mini-chain i{color:#687e6e;font-style:normal}.mini-chain .effect{color:var(--orange);border-color:#6f5137}.lightning .mini-chain .effect{color:var(--purple);border-color:#54476e}.effect-summary{display:flex;gap:19px;align-items:center;margin:26px 0 19px}.effect-summary strong{font-size:53px;line-height:1;font-family:Georgia,serif;color:var(--orange);font-weight:400}.effect-summary small{font-size:28px}.lightning .effect-summary strong{color:var(--purple)}.effect-summary div{font-size:16px}.effect-summary div span{display:block;font-size:14px;color:#91a495;margin-top:4px}.chain-card p.card-note{border-top:1px solid var(--line);padding-top:14px;font-size:14px;color:#899d8d;margin:0}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:23px 25px}.quick-compare>div{display:flex;align-items:center;padding:11px 0;gap:11px;font-size:16px}.quick-compare strong{width:74px}.quick-compare>div>span:nth-child(3){color:#7f9788;font-size:14px}.quick-compare b{margin-left:auto;font:18px monospace;font-weight:400}.dot{width:6px;height:6px;border-radius:50%}.purple{background:var(--purple)}.orange{background:var(--orange)}.shared{display:flex;gap:18px;border-top:1px solid var(--line);padding:14px 0 3px;margin-top:5px;flex-wrap:wrap;font-size:14px;color:#849a8b}.shared b{font-weight:400;color:#d8e4d8;margin-left:5px}.muted{font-size:15px;color:#91a295}.panel>p.muted{margin:12px 0 0}.knowledge h2{font-size:27px;line-height:1.45;margin-top:9px;margin-bottom:8px;letter-spacing:-.7px}.knowledge p{font-size:16px}.legend{display:flex;gap:7px;margin:17px 0 14px;flex-wrap:wrap}.badge{font-size:14px;border:1px solid;border-radius:4px;padding:3px 7px;display:inline-block}.observed{background:#24392b;border-color:#38543f;color:var(--mint)}.inferred{background:#372f1e;border-color:#645032;color:#e4c38d}.unknown{background:#272e2b;border-color:#48514c;color:#b2bdb6}.filterbar{display:flex;gap:12px;align-items:center;background:#19231d;border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:18px}.search{flex:1;display:flex;align-items:center;gap:12px}.search>span{font-size:29px;color:var(--mint)}input[type=search]{width:100%;color:var(--text);background:none;border:0;padding:4px 0}input::placeholder{color:#7d9383}select,.secondary{color:#cfdfd0;border:1px solid #3a4a3e;border-radius:5px;background:#17221b;padding:8px 12px;font-size:15px}.secondary:hover{background:#2a3b2d}.table-toolbar{display:flex;justify-content:space-between;color:#9eb2a3;font-size:15px;margin-bottom:10px;gap:14px}.table-toolbar>span:last-child{color:#768e7e}.table-wrap{overflow:auto;max-height:450px;border:1px solid var(--line);border-radius:7px;background:#151e19}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:16px}thead{position:sticky;top:0;z-index:1;background:#223026}th{text-align:left;color:#a7beac;font-size:14px;font-weight:400;padding:12px 15px}th button{border:0;background:none;padding:0;font-size:14px;color:inherit}td{padding:11px 15px;border-top:1px solid #26342b}tr:hover{background:#202e24}td:not(:nth-child(2)){font-variant-numeric:tabular-nums}input[type=checkbox]{accent-color:#b8e5ba}.skill-name{background:none;border:0;padding:0;color:#e0eae0;text-align:left;display:block;font-size:16px}.skill-name:hover{color:var(--mint);text-decoration:underline}.skill-id{font:13px monospace;color:#789280;margin-top:3px}.table-wrap>div{padding:45px;text-align:center;color:var(--muted)}.comparison{margin-top:20px}.comparison h2{font-size:18px;margin-bottom:15px}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.compare-item{border:1px solid #35483a;border-radius:7px;padding:16px;min-width:0}.compare-item h3{font-size:20px;margin-bottom:12px}.compare-item .row{display:flex;justify-content:space-between;font-size:15px;margin:7px 0;gap:8px}.compare-item .row span{color:#8da394}.compare-item b{font:16px monospace}.compare-remove{background:none;border:0;font-size:15px;color:#9db7a4;float:right}.data-note{font-size:14px;margin-top:15px;color:#92a394}.segmented{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:7px;background:#19231c;margin-bottom:24px;gap:3px}.segmented button{background:none;border:0;border-radius:4px;padding:9px 17px;color:#9aae9f;font-size:16px}.segmented button.active{background:#334538;color:var(--mint)}.flow-panel{padding:26px;border-radius:9px;border:1px solid var(--line);background:var(--panel)}.flow-header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.flow-header h2{font-size:27px;margin-bottom:5px}.flow-header p{font-size:16px;margin:0}.flow-nodes{display:grid;grid-template-columns:1fr 22px 1.2fr 22px 1fr 22px 1.2fr;align-items:center;gap:8px;margin-bottom:22px}.flow-node{padding:19px 14px;background:#202d24;border:1px solid #3a4b3e;border-radius:6px;text-align:center;min-height:108px;display:flex;flex-direction:column;justify-content:center}.flow-node b{font-size:18px}.flow-node span{font-size:14px;color:#a2b4a4;margin-top:5px}.flow-arrow{color:#89a68f;text-align:center}.flow-node.accent{border-color:#936644;background:#30271c}.flow-node.accent.purple-node{border-color:#74629b;background:#29253a}.flow-subnote{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:17px;flex-wrap:wrap}.flow-subnote span{font-size:15px;color:#9eb6a5}.flow-subnote b{color:var(--text);font-weight:400}.source-note{color:#809986;font:14px/1.8 monospace;margin:18px 0 0;overflow-wrap:anywhere}.facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.facts-grid p{font-size:16px;margin-bottom:0}.facts-grid ul,.coverage-grid ul{padding-left:19px;margin:12px 0 0;color:#a9bcaf;font-size:16px}.facts-grid li,.coverage-grid li{margin:8px 0}.gauge{margin-top:20px}.gauge h2{margin:9px 0 7px}.gauge p{font-size:16px}.gauge-meter{display:flex;gap:5px;max-width:500px;margin:20px 0}.gauge-meter span{height:10px;flex:1;background:#739b78;border-radius:2px}.gauge p:last-child{margin-bottom:0}code{font:15px monospace;color:#c2d9c4;border:1px solid #35483b;padding:2px 5px;border-radius:3px}.timing-controls{display:flex;gap:34px;flex-wrap:wrap;margin:24px 0}.timing-controls label{font-size:15px;color:#acbfb0;display:flex;align-items:center;gap:13px}.timing-controls output{font-variant-numeric:tabular-nums;min-width:40px;color:var(--mint)}input[type=range]{accent-color:var(--mint);max-width:220px}.timeline-track{position:relative;height:126px;margin:28px 20px 10px 86px;border-bottom:1px solid #425c49}.timeline-track .buff-bar{position:absolute;top:30px;left:0;height:30px;width:83.333%;background:#8dae5c38;border:1px solid #6c8e4c;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#c9dda3;font-size:15px}.timeline-track .buff-bar.off{opacity:.2}.timeline-track .hit-pointer{position:absolute;top:8px;height:85px;width:2px;background:var(--orange)}.hit-pointer:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--orange)}.hit-pointer span{position:absolute;white-space:nowrap;top:70px;left:0;font-size:14px;color:var(--orange);transform:translateX(-50%)}.ticks{position:absolute;inset:auto 0 -24px;display:flex;justify-content:space-between;color:#849a8d;font:14px monospace}.timeline-label{position:absolute;left:-86px;top:36px;font-size:15px;color:#a3b8a7}.timing-message{padding:11px 14px;background:#243429;border-left:2px solid var(--mint);font-size:16px;margin-top:40px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:17px;align-items:center;padding:12px 0;border-bottom:1px solid #2b3b30;font-size:17px}.steps b{color:#759b7f;font:16px monospace}.steps small{display:block;color:#7e9b86;font:14px monospace;margin-top:3px}.timing-facts{margin:0}.timing-facts>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #2b3b30;gap:15px}.timing-facts dt{color:#a2b5a8;font-size:16px}.timing-facts dd{margin:0;font-size:17px;text-align:right}.timing-facts small{display:block;color:#799682;font-size:14px}.callout{margin-top:18px;background:#302b1d;border:1px solid #514930;padding:13px;border-radius:5px;color:#cbbb8d;font-size:15px}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.coverage-grid h2{margin-top:18px}.native-note{margin-top:20px;display:grid;grid-template-columns:1fr 1.8fr;gap:25px;align-items:center;margin-bottom:32px}.native-note h2{margin:9px 0 0}.native-note p{font-size:16px;margin:0}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:12px}.downloads a{display:flex;align-items:center;gap:18px;padding:18px 21px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.downloads a:hover{background:#25392b;border-color:#5e8165}.downloads a>span{font:17px monospace;color:#7c9e85}.downloads a>div{font-size:17px}.downloads small{display:block;font-size:14px;color:#8fa795}.downloads b{margin-left:auto;color:var(--mint);font-size:24px}.export-button{margin-top:17px}footer{border-top:1px solid var(--line);margin:0 42px;padding:20px 0 27px;font-size:14px;color:#5f7f6a;display:flex;justify-content:space-between;gap:20px}dialog{max-width:610px;width:calc(100% - 36px);padding:26px;background:#18251d;border:1px solid #587560;border-radius:11px;color:var(--text);max-height:85vh}dialog::backdrop{background:#040d09b8;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{background:none;border:0;color:#afcbb6;font-size:32px}.detail-title{font-size:30px;margin:10px 0 3px}.detail-meta{font-size:15px;color:#819f8a;margin-bottom:22px}.detail-values{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-values>div{background:#1e3024;border:1px solid #344c3c;padding:13px;border-radius:5px}.detail-values span{font-size:14px;color:#98b2a0;display:block}.detail-values strong{font:21px monospace;margin-top:6px;display:block}.detail-source{margin-top:23px;background:#111c15;padding:15px;border:1px solid #314537;border-radius:5px}.detail-source h3{font-size:17px}.detail-source p{font:15px/1.9 monospace;overflow-wrap:anywhere;margin:0;color:#94b6a0}.detail-foot{font-size:15px;color:#a9bcae;margin:18px 0 0}#toast{position:fixed;right:30px;bottom:30px;z-index:10;background:#31513b;color:#e2f3e6;border:1px solid #73977c;border-radius:6px;padding:13px 20px;font-size:16px;opacity:0;pointer-events:none;transition:opacity .15s}#toast.show{opacity:1}
@media(min-width:1550px){main{padding-top:46px}.heading h1{font-size:50px}.chain-card{padding:30px}.stats article{padding:24px}.heading{margin-bottom:37px}}
@media(max-width:1150px){.sidebar{width:190px;padding:25px 14px}.shell{margin-left:190px}main{padding:30px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr 1fr}.mini-chain{gap:7px}.chain-card{padding:20px}.compare-grid{grid-template-columns:1fr}.coverage-grid{grid-template-columns:1fr}.flow-nodes{grid-template-columns:1fr 20px 1fr}.flow-nodes .flow-arrow:nth-child(4){display:none}.flow-nodes .flow-node:nth-child(5){grid-column:1}.native-note{grid-template-columns:1fr}.filterbar{flex-wrap:wrap}.search{min-width:220px}.filterbar select{flex:1}footer{margin:0 24px}}
@media(max-width:740px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:14px 15px;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand-mark{width:30px;height:32px;font-size:23px}.brand small{font-size:14px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;margin-top:12px;gap:3px}.sidebar nav button{white-space:nowrap;width:auto;font-size:15px;padding:8px 10px;gap:5px}.sidebar nav span,.sidebar nav b{display:none}.shell{margin-left:0}.topbar{height:52px;padding:0 18px;font-size:14px}.top-meta{gap:10px}.top-meta>span:nth-child(2){display:none}.separator{margin:0 8px}main{padding:27px 18px 42px}.heading h1{font-size:38px}.heading p{font-size:16px;max-width:300px}.stats{gap:10px}.stats article{padding:16px}.stats strong{font-size:34px}.stats p{font-size:13px}.synergy-grid,.bottom-grid,.facts-grid,.downloads{grid-template-columns:1fr}.chain-card{padding:22px}.section-title h2{font-size:20px}.flow-header{flex-wrap:wrap}.flow-node{padding:14px 9px}.timing-controls{gap:18px}.timing-controls label{flex-wrap:wrap}.coverage-grid{gap:13px}.panel{padding:20px}.top-meta .version{font-size:13px}.shared{gap:10px}.timeline-track{margin-right:12px}.timeline-track .buff-bar{font-size:13px}.table-toolbar>span:last-child{font-size:13px}.filterbar{gap:8px}.filterbar .search{width:100%;flex-basis:100%}.filterbar select{width:calc(50% - 4px)}.segmented{display:flex}.segmented button{flex:1;padding:8px 10px;font-size:15px}footer{margin:0 18px;flex-direction:column;gap:5px}.detail-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.build-disclaimer{margin-bottom:22px;font-size:16px}.build-disclaimer b{display:block;color:#ebdba4;margin-bottom:5px}.build-settings,.build-deck,.build-save{margin-bottom:22px}.build-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.build-fields label{font-size:15px;color:#aabfae;display:grid;gap:6px}.build-fields input,.build-fields select,.build-pool input,.build-pool select{background:#101d15;color:var(--text);border:1px solid #3c5544;border-radius:5px;padding:8px;min-width:0;width:100%}.build-check{display:flex!important;align-items:center;gap:8px;white-space:nowrap;font-size:15px}.build-check input{width:auto}.build-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}.build-primary{background:var(--mint);color:#17221b;font-weight:700;border:0;border-radius:5px;padding:10px 16px}.build-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.build-slot{position:relative;border:1px dashed #425845;border-radius:6px;padding:16px;display:flex;gap:12px;background:#132019;min-height:116px;align-items:flex-start}.build-slot.filled{border-style:solid;background:#203327}.slot-number{color:var(--mint);font:23px Georgia,serif}.build-slot h3{font-size:18px;letter-spacing:0;margin:0 0 5px}.build-slot p{font-size:14px;margin:0}.slot-actions{margin-left:auto;display:flex;gap:3px}.slot-actions button{background:#17261d;border:1px solid #3c5544;border-radius:3px;padding:3px 6px}.build-status{font-size:16px;min-height:24px;color:var(--mint);margin:14px 0 0}.build-pool{max-height:560px;overflow:auto;margin-top:15px}.build-pool table{min-width:1380px}.build-pool th{position:sticky;top:0;background:#213729;z-index:1}.build-pool td{vertical-align:top}.build-pool td:first-child{min-width:220px;white-space:normal}.build-pool td input{min-width:84px;max-width:120px}.build-pool td:nth-child(2){min-width:130px}.build-pool td small{display:block;white-space:normal;margin-top:4px}.build-pool details{max-width:250px;font-size:14px;color:#93b39b}.build-pool summary{cursor:pointer;color:#b2cbb8}.build-pool details p{overflow-wrap:anywhere;font:14px/1.7 monospace;margin:9px 0}.build-rotation{list-style:none;padding:0;margin:0;max-height:390px;overflow:auto}.build-rotation li{display:flex;gap:13px;border-bottom:1px solid var(--line);padding:9px 0;font-size:16px}.build-rotation time{font:15px monospace;color:var(--mint);min-width:60px}.build-rotation small{margin-left:auto;font-size:13px;color:var(--muted)}#build-chart svg{width:100%;max-height:260px}#build-chart text{fill:#9cb5a3;font:16px sans-serif}.build-warning-title{margin-top:22px}.build-warnings{color:#bcb48f;font-size:15px;padding-left:18px}.build-file{display:inline-flex;align-items:center;gap:12px}.build-file input{max-width:220px;font-size:15px}.build-actions button:disabled,.slot-actions button:disabled,.build-pool button:disabled{opacity:.4;cursor:default}#build-results>.panel,#build-results>.bottom-grid{margin-bottom:22px}#build-results details summary{cursor:pointer;color:var(--mint)}
@media(max-width:1150px){.build-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.build-slots{grid-template-columns:1fr}}
@media(max-width:740px){.build-fields{grid-template-columns:1fr 1fr;gap:12px}.build-fields label{font-size:14px}.build-actions .secondary,.build-primary{font-size:15px}.build-slot{padding:13px}.build-file{flex-wrap:wrap}.build-fields .build-check{grid-column:1/-1;white-space:normal}}
.ultimate-slot{margin:18px 0;border-color:#b49a57;background:#2f2d1e}.build-priority{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.build-priority>div{background:#24382a;border:1px solid #4b6853;padding:9px;border-radius:5px;font-size:15px}.build-priority button{background:#14241a;color:var(--mint);border:1px solid #45604c;border-radius:3px;margin-left:5px}.build-fields small{font-size:14px;font-weight:400;color:#96ae9e;line-height:1.6}.settings-help{margin-bottom:22px}.settings-help summary{cursor:pointer;color:var(--mint);font-size:18px}.settings-help p{font-size:16px;margin-top:18px}#edit>.panel{margin-bottom:20px}#edit select{background:#18291d;color:var(--text);border:1px solid #4d7156;padding:12px;max-width:100%;font:inherit}#edit-growth .table-wrap{max-height:360px;overflow:auto}#edit-diagram svg{max-width:600px;width:100%;max-height:260px}#edit-diagram text{fill:#c7dec9;font:16px sans-serif}.table-wrap td,.table-wrap th{white-space:nowrap}.topbar{gap:12px}.top-meta{flex-shrink:0}

.lab-skill-grid{max-height:640px;overflow-y:auto;padding-right:6px}.lab-explain,.lab-catalogue{scroll-margin-top:25px}

.lab-card-controls input{width:65px;min-width:0;background:#102219;border:1px solid #46684f;color:var(--text);padding:6px;border-radius:4px}

@media(max-width:740px){#build-results .build-rotation li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:5px}#build-results .build-rotation small{grid-column:2;margin-left:0}}

#build-slots{grid-template-columns:repeat(5,minmax(0,1fr))}#build-slots .build-slot{flex-direction:column;gap:8px;padding:15px;min-width:0}#build-slots .slot-number{position:absolute;top:7px;right:10px;font-size:18px}#build-slots h3{padding-right:14px;font-size:17px}#build-slots .slot-actions{margin-left:0;order:4}#build-slots .lab-slot-pick{margin-left:0;align-self:flex-start;order:5}#build-slots .lab-slot-growth{order:3}
@media(max-width:1150px){#build-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){#build-slots{grid-template-columns:minmax(0,1fr)}}

#build-results .stats{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:740px){#build-results .stats{grid-template-columns:minmax(0,1fr)}}

/* 전투 입력은 한 곳에서, 계열은 추출 태그 색으로 구분한다. */
#build,#skill-page,#edit{font-size:22px}
#build p,#skill-page p,#edit p{font-size:21px;line-height:1.75}
#build h2,#skill-page h2,#edit h2{font-size:26px}
#build label,#skill-page label,#edit label{font-size:20px;white-space:normal}
#build small,#skill-page small,#edit small{font-size:18px;line-height:1.65;white-space:normal}
#build button,#skill-page button,#edit button{font-size:19px}
#build input,#build select,#skill-page input,#skill-page select,#edit input,#edit select{font-size:20px;max-width:100%;min-width:0}
#build .build-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#build .build-check{align-items:start;white-space:normal}
#build .build-check input{flex:0 0 auto;width:auto;min-width:20px;margin-top:8px}
#build .build-fields small{color:#b1c4b9}
#build .build-slot h3{font-size:22px;overflow-wrap:anywhere}
#build .build-slot p{font-size:18px}
#build .lab-card-controls label{font-size:18px}
#build .lab-skill-card{border-left:5px solid var(--style-color);background:color-mix(in srgb,var(--style-color) 13%,#14221b);min-width:0}
#build .lab-skill-card.equipped{outline:2px solid var(--mint);outline-offset:-2px}
#build .lab-skill-card strong{font-size:23px}
#build .lab-skill-card span{font-size:18px;border-bottom:2px solid var(--style-color);width:fit-content}
#build .lab-skill-card p{font-size:19px}
#build .lab-card-controls{flex-wrap:wrap;gap:10px}
#build .lab-card-controls select{font-size:18px}
#build .lab-skill-card .lab-card-controls select{border-color:var(--style-color);background:color-mix(in srgb,var(--style-color) 22%,#14221b)}
#build .lab-level-grid label{padding:12px;background:#18271f;border-radius:6px}
#build .lab-ultimate-settings{padding:20px;border:1px solid #aa945c;border-radius:8px;margin:18px 0}
#build details>summary,#skill-page details>summary,#edit details>summary{font-size:22px;cursor:pointer}
#build .build-priority>div{font-size:20px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#build .build-status.is-error{color:#ff9a9a;border-left:4px solid #ef7373;background:#38201f;padding:14px;font-weight:700}
#build #lab-search-status.is-error{color:#ff9a9a}
#build .build-rotation li,#build .build-rotation time{font-size:19px}
#build .table-wrap td,#build .table-wrap th,#skill-page .table-wrap td,#skill-page .table-wrap th{font-size:20px}
#skill-page .skill-evidence p,#skill-page .skill-evidence li{font-size:20px}
#skill-page .skill-mode button{font-size:20px}
#skill-page .skill-definition dt,#skill-page .skill-definition dd{font-size:21px}
#skill-page .skill-damage{font-size:30px}
#skill-page .skill-chart-legend{font-size:20px}
@media(max-width:1150px){#build .lab-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#build .build-fields,#build .lab-conditions{grid-template-columns:minmax(0,1fr)}#build .lab-skill-grid{grid-template-columns:minmax(0,1fr)}#build .build-priority>div{width:100%}#skill-page .skill-level-controls{flex-wrap:wrap}#skill-page .skill-level-controls label{min-width:0;flex:1 1 140px}#build .build-slot h3{padding-right:24px}}
@media(max-width:740px){#build .build-file{min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere}#build .build-file input{width:100%;max-width:100%;font-size:18px}}
@media(min-width:741px){#build .lab-conditions{grid-template-columns:repeat(3,minmax(0,1fr))}}
#build .stats strong{overflow-wrap:anywhere}
/* 패치 수치 비교: 원시 근거는 펼쳤을 때만 표시한다. */
.patch-up{color:#b6e7bc}.patch-down,.patch-review h2,.is-error{color:#ff9191}.patch-review{border-color:#c46c64}#patch-skills small{display:block}#patch-skills table{min-width:950px}#patch-attributes table{min-width:740px}#patch-counts{margin-bottom:24px}#patch-counts article{padding:20px;background:#18251e;border:1px solid #30473a;border-radius:12px}#patch-counts span{display:block}#patch-notes li{margin-bottom:14px}#updates details{white-space:normal;min-width:160px}#updates .downloads a{padding:18px}
/* 지역·몬스터·드롭: 확인한 경로와 미확인을 분리해 탐색한다. */
#atlas{font-size:21px}#atlas p,#atlas label{font-size:20px}#atlas small,#atlas .data-note{font-size:18px}#atlas h2{font-size:27px}#atlas .stats{margin-bottom:24px}#atlas .stats article{padding:20px;border:1px solid #30473a;background:#18251e;border-radius:12px}#atlas .stats span{display:block}#atlas .stats strong{font-size:36px}#atlas .panel{margin-bottom:24px}#atlas [hidden]{display:none!important}.atlas-warning{color:#eed195;background:#322b1e;border:1px solid #756142;padding:18px;border-radius:10px;line-height:1.6}.atlas-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 16px}.atlas-tabs button{font-size:20px;padding:14px 20px;border:1px solid #3a5747;border-radius:10px;background:#18251e;color:#c6d8cb}.atlas-tabs button.active{background:#b8e5ba;color:#142018}.atlas-known{margin-bottom:22px}.atlas-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px}.atlas-picker{display:flex;flex-direction:column;gap:10px;max-height:650px;overflow-y:auto;padding-right:5px}.atlas-region-card,.atlas-monster-card{text-align:left;background:#132019;border:1px solid #355442;color:#c6d8cb;border-radius:10px;padding:16px;cursor:pointer;width:100%}.atlas-region-card.selected,.atlas-monster-card.selected{border-color:#b8e5ba;background:#263d2e}.atlas-region-card strong,.atlas-monster-card strong{display:block;font-size:21px;line-height:1.5}.atlas-region-card span,.atlas-monster-card span{display:block;font-size:18px;line-height:1.6;margin-top:5px}.atlas-detail{min-width:0}.atlas-detail h2{margin:0 0 15px}.atlas-badge{display:inline-block;font-size:17px;border-radius:6px;padding:4px 8px;white-space:nowrap}.atlas-badge.linked{background:#263e2c;color:#b8e5ba}.atlas-badge.unknown{background:#3c301d;color:#f0d39b}.atlas-source{margin-top:18px;overflow-wrap:anywhere}.atlas-source summary{cursor:pointer;font-size:19px;color:#c3d4c6}.atlas-drop-table{min-width:670px}.atlas-drop-table td{font-size:19px}.atlas-drop-table small{display:block}#atlas td details{white-space:normal;min-width:150px}.atlas-pagination{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:14px;font-size:17px}#atlas-global-unknown article{padding:20px;background:#27241c;border:1px solid #756142;border-radius:12px}#atlas-global-unknown p{font-size:19px}.atlas-empty{padding:20px;background:#1b2820;border-radius:10px}#atlas input,#atlas select{max-width:100%;min-width:0;font-size:19px}#atlas .downloads a{padding:18px}.build-data-version{padding:16px;background:#18251e;border:1px solid #30473a;border-radius:10px}
@media(max-width:1100px){.atlas-layout{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:740px){.atlas-layout{grid-template-columns:minmax(0,1fr)}.atlas-picker{max-height:260px}#atlas .build-fields{grid-template-columns:minmax(0,1fr)}.atlas-tabs button{flex:1 1 140px;font-size:19px;padding:12px}.atlas-tabs{gap:8px}#atlas .stats article{padding:16px}.atlas-pagination{justify-content:flex-start}}

.skill-audit-table{max-height:560px;overflow:auto}.skill-audit-table td{vertical-align:top;white-space:normal;min-width:150px}.skill-audit-table td:last-child{min-width:300px}

/* 2026-10-15 Claude: 빌드 연구실 이용 순서 강조 · 계열 색 일치 · 필수 우선 · 적중 범위 · 재현값 */
#build{--s1:#6db8ff;--s2:#f0c35a;--s3:#c49cff;--s4:#ff9a7a}
#build .lab-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 26px}
#build .lab-steps-title{grid-column:1/-1;margin:0;font-size:16px;color:var(--muted)}
#build .lab-step{--c:var(--s1);display:flex;gap:12px;align-items:center;text-align:left;background:color-mix(in srgb,var(--c) 9%,#141c18);border:2px solid color-mix(in srgb,var(--c) 45%,#2b3631);border-radius:10px;padding:12px 14px;color:var(--text);cursor:pointer;opacity:.78}
#build .lab-step b{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);color:#111;font:700 21px/1 sans-serif}
#build .lab-step span{font-size:18px;font-weight:700;line-height:1.3}
#build .lab-step small{display:block;font-weight:400;font-size:14px;color:var(--muted);margin-top:3px}
#build .lab-step.s2{--c:var(--s2)}#build .lab-step.s3{--c:var(--s3)}#build .lab-step.s4{--c:var(--s4)}
#build .lab-step.current{opacity:1;border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,#141c18);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}
#build .lab-step.current small{color:var(--text)}
#build .lab-step.current small::before{content:'▶ 지금 할 단계 · ';color:var(--c);font-weight:700}
#build .lab-step.done b::after{content:'✓';font-size:14px;margin-left:1px}
#build .step-head{display:flex;align-items:center;gap:12px}
#build .step-head b{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sc,var(--s1));color:#111;font:700 20px/1 sans-serif}
#build .step-head.s1{--sc:var(--s1)}#build .step-head.s2{--sc:var(--s2)}#build .step-head.s3{--sc:var(--s3)}#build .step-head.s4{--sc:var(--s4)}
#build .lab-profile{border-top:4px solid var(--s1)}#build .build-deck,#build .lab-catalogue{border-top:4px solid var(--s2)}
#build #build-priority-head{margin-top:26px;padding-top:20px;border-top:3px solid var(--s3)}
#build #build-results>.section-title{border-top:4px solid var(--s4);padding-top:16px}
#build .step-optional{display:inline-block;padding:1px 8px;border-radius:10px;border:1px solid #6f7d75;color:#c3cdc7;font-size:13px;margin-right:6px;vertical-align:2px}
/* 장착 칸·궁극기 칸·사용 순서 행을 계열 색으로 */
#build .build-slot.styled,#build #ultimate-slot.styled{border:1px solid color-mix(in srgb,var(--style-color) 65%,#2b3631);border-left:6px solid var(--style-color);background:color-mix(in srgb,var(--style-color) 15%,#14221b)}
#build .build-slot.styled .slot-number{color:color-mix(in srgb,var(--style-color) 45%,#fff)}
#build .build-priority>div.styled{border-color:color-mix(in srgb,var(--style-color) 60%,#2b3631);border-left:6px solid var(--style-color);background:color-mix(in srgb,var(--style-color) 14%,#14221b)}
/* 필수 도술 */
#build .lab-skill-card.required{box-shadow:inset 0 0 0 2px #e8c55a}
#build .required-badge{float:right;font-style:normal;font-size:14px;font-weight:700;padding:2px 9px;border-radius:10px;background:#e8c55a;color:#1b1a10}
#build .lab-card-range{font-size:15px!important;color:#c9d6cd;margin:6px 0!important}
/* 강한 덱 찾기 기준 */
#build .search-criteria{margin:18px 0 6px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--s3) 50%,#2b3631);border-radius:8px;background:color-mix(in srgb,var(--s3) 7%,#141c18)}
#build .search-criteria summary{cursor:pointer;font-size:19px;font-weight:700;color:var(--s3)}
#build .criteria-goal{font-size:17px;margin:12px 0 8px}
#build .criteria-steps{margin:0;padding-left:22px;display:grid;gap:7px;font-size:16px}
#build .criteria-steps b{display:inline-block;min-width:118px;color:var(--text);margin-right:6px}
#build .criteria-in,#build .criteria-out{font-size:15px;margin:10px 0 0;color:#c3cdc7}
#build .criteria-in b{color:var(--mint);margin-right:6px}#build .criteria-out b{color:#e7b48a;margin-right:6px}
/* 적중 범위 그림 */
#build .lab-ranges{margin:18px 0 6px}
#build .lab-ranges summary{cursor:pointer;font-size:19px;font-weight:700;color:var(--mint)}
#build .range-legend{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0;font-size:14px;color:var(--muted)}
#build .range-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px}
#build .lg-me{background:#fff}#build .lg-reach{border:1px dashed #9fb4a7}#build .lg-area{background:#7aa88a;opacity:.6;border-radius:2px!important}#build .lg-hit{background:#ff6b5b}#build .lg-miss{border:1.5px solid #8b968f}
#build .range-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
#build .range-grid figure{margin:0;padding:10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--style-color) 55%,#2b3631);border-top:4px solid var(--style-color);background:#101814}
#build .range-grid svg{width:100%;height:auto;display:block;background:#0c120f;border-radius:6px}
#build .range-grid figcaption{display:grid;gap:2px;margin-top:8px;font-size:14px;color:var(--muted)}
#build .range-grid figcaption b{font-size:17px;color:var(--text)}
#build .rg-reach{fill:none;stroke:#9fb4a7;stroke-width:1.2;stroke-dasharray:4 4;opacity:.7}
#build .rg-area{fill:var(--style-color);fill-opacity:.35;stroke:var(--style-color);stroke-width:2}
#build .rg-guess{stroke-dasharray:6 4;fill-opacity:.18}
#build .rg-hit{fill:#ff6b5b;stroke:#fff;stroke-width:1}
#build .rg-miss{fill:none;stroke:#8b968f;stroke-width:1.5}
#build .rg-me{fill:#fff;stroke:#111;stroke-width:2}
/* 재현값 */
#build .stats.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#build .pct-stat{border-color:var(--s4);background:color-mix(in srgb,var(--s4) 10%,var(--panel))}
#build .pct-stat strong{color:#ffd1c2}
@media(max-width:1100px){#build .lab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#build .stats.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){#build .lab-steps{grid-template-columns:minmax(0,1fr)}#build .lab-step span{font-size:16px}#build .stats.stats-4{grid-template-columns:minmax(0,1fr)}#build .criteria-steps b{display:block}#build .range-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#build .lab-step span{border:0;padding:0;border-radius:0;color:inherit}

#build .mech-in{font-size:16px;color:#d8f0c8;background:#22361f;border-left:4px solid #8fd06f;padding:8px 10px;border-radius:4px}#build .mech-out{font-size:16px;color:#e9c99a;border-left:4px solid #c99a55;padding:8px 10px}#build .lab-card-debuff{font-size:15px!important;color:#ffb3a3;margin:4px 0!important}

#build .build-check-copy{flex:1;min-width:0;white-space:normal}#build .build-check-copy small{display:block;margin-top:6px}#build .build-check-copy .badge{display:inline-block;white-space:nowrap}

.robust-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.robust-heading h2{margin:0}.robust-badge{display:inline-block;padding:5px 10px;border:1px solid;border-radius:6px;font-size:14px;white-space:nowrap}.robust-badge.strong{color:#b8e5ba;border-color:#5a8562}.robust-badge.caution{color:#e8d29a;border-color:#927644}.robust-badge.sensitive{color:#f4b4a9;border-color:#b76d64}.robust-table{min-width:800px}.robust-table td,.robust-table th{white-space:normal;vertical-align:top}.robust-table small{display:block;color:var(--muted)}.robust-table details{max-width:330px}.robust-table p{overflow-wrap:anywhere}.robust-minimax{border-left:3px solid var(--mint);padding:12px;margin:15px 0}

.ownership-check{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.ownership-summary{margin-bottom:18px}.robust-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.robust-metrics p{border:1px solid var(--border,#395245);padding:12px;border-radius:8px}.robust-metrics b{display:block}

#ranking{min-width:0}.ranking-controls .build-actions{align-items:center}.ranking-controls label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ranking-controls input[type=number]{width:84px}.ranking-controls progress{width:100%}.ranking-condition p{overflow-wrap:anywhere}.ranking-row{border:1px solid var(--border,#395245);border-radius:10px;background:#14201a;margin:12px 0;overflow:hidden}.ranking-row>summary{display:grid;grid-template-columns:55px minmax(0,1fr) 160px 150px;gap:15px;align-items:center;padding:20px;cursor:pointer;list-style:none}.ranking-row>summary::-webkit-details-marker{display:none}.ranking-row>summary:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}.ranking-row>summary:hover{background:#1c2d23}.ranking-rank{font-size:26px;font-weight:800;color:#cbe6bd}.ranking-deck{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.ranking-skill{display:inline-block;font-size:13px;line-height:1.5;padding:4px 7px;border-radius:5px;border-left:3px solid var(--style-color);background:color-mix(in srgb,var(--style-color) 15%,#14221b);overflow-wrap:anywhere}.ranking-ultimate{border:1px solid var(--style-color);font-weight:700}.ranking-score b{font-size:27px;color:#ffd1c2}.ranking-score small,.ranking-indicators small{display:block;font-size:12px;color:var(--muted);line-height:1.6}.ranking-indicators .robust-badge{font-size:12px}.ranking-detail{padding:20px;border-top:1px solid #395245;min-width:0}.ranking-detail p{overflow-wrap:anywhere}.ranking-order{display:flex;flex-wrap:wrap;gap:8px}.ranking-contributions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px;margin:20px 0}.ranking-contributions label span{display:flex;justify-content:space-between;gap:10px;font-size:14px}.ranking-contributions meter{width:100%;height:12px;accent-color:#b8e5ba}.ranking-detail table{font-size:13px;min-width:550px}.ranking-style-title{margin-top:40px}.ranking-simple .ranking-condition,.ranking-simple .ranking-indicators,.ranking-simple .ranking-detail,.ranking-simple .ranking-style-title,.ranking-simple .ranking-style-list{display:none}.ranking-simple .ranking-row summary{grid-template-columns:55px minmax(0,1fr) 180px}.ranking-simple .ranking-skill{font-size:18px}.ranking-simple .ranking-score b{font-size:34px}
@media(max-width:1100px){.ranking-row>summary{grid-template-columns:45px minmax(0,1fr) 150px}.ranking-indicators{grid-column:2/4;display:flex;gap:12px;align-items:center}}
@media(max-width:740px){.ranking-row>summary,.ranking-simple .ranking-row>summary{grid-template-columns:35px minmax(0,1fr);gap:10px;padding:14px}.ranking-score,.ranking-indicators{grid-column:2;min-width:0}.ranking-score b{font-size:26px}.ranking-rank{font-size:21px;align-self:start}.ranking-indicators{display:block}.ranking-detail{padding:14px}.ranking-contributions{grid-template-columns:minmax(0,1fr)}.ranking-controls .build-actions{align-items:stretch}.ranking-controls .build-actions button{white-space:normal;max-width:100%}.ranking-simple .ranking-skill{font-size:16px}.ranking-row .ranking-rank{overflow-wrap:anywhere;font-size:18px}#ranking h2{font-size:22px}#ranking-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

.ranking-simple .ranking-controls>.build-actions>:not(.ranking-simple-toggle),.ranking-simple #ranking-tabs,.ranking-simple .ranking-controls>.data-note,.ranking-simple .heading p,.ranking-simple .heading .eyebrow{display:none}.ranking-simple .ranking-controls{padding:12px}.ranking-simple .ranking-controls .build-actions{margin:0}.ranking-simple .ranking-controls>p:empty{display:none}

.ranking-capture-note{display:none}.ranking-simple .ranking-capture-note{display:block;font-size:13px;color:var(--muted);line-height:1.6;margin-top:-8px}

.ranking-trust{grid-column:2/-1;min-width:0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.ranking-trust small{display:block;color:var(--muted)}.ranking-sort{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ranking-simple .ranking-sort{display:none}.ranking-simple .ranking-trust{font-size:12px}.ranking-simple .ranking-trust small{display:none}#lab-gauge-evidence{grid-column:1/-1}

#patch-skills .patch-mobile-value,#patch-options .patch-mobile-value{display:none}@media(max-width:740px){#patch-skills .patch-mobile-value,#patch-options .patch-mobile-value{display:block;color:var(--mint);font-weight:700;line-height:1.7;margin-top:6px}}
/* Compact workspace. Restore archived tools with SITE_UI.legacy=true in index.html. */
body:not(.legacy-tools) .sidebar-bottom,body:not(.legacy-tools) .lab-steps,body:not(.legacy-tools) nav button[hidden]{display:none!important}
body:not(.legacy-tools) #overview,body:not(.legacy-tools) #synergy,body:not(.legacy-tools) #timing,body:not(.legacy-tools) #atlas,body:not(.legacy-tools) #evidence{display:none!important}
.patch-history-filters{display:flex;gap:24px;margin-bottom:24px}.patch-history-filters label{display:flex;gap:12px;align-items:center}.history-card{margin-bottom:28px;padding:28px}.history-card header h2{font-size:22px;margin:8px 0}.history-summary{font-size:18px}.history-highlights{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 24px}.history-highlights>div{display:flex;flex-direction:column;gap:10px;padding:16px;background:#111b17;border:1px solid #304538;border-radius:8px}.history-highlights strong{font-size:20px}.history-highlights small,.history-pvp,.history-source{display:block;color:#91a196;font-size:12px}.history-source{font-size:11px}.history-common{background:#17231c;border-left:3px solid #9bbd70;padding:12px 20px;margin:20px 0}.history-card summary{cursor:pointer;padding:12px 0;font-weight:700}.history-card td{white-space:normal;max-width:630px}.history-card .patch-up{color:#82d99b}.history-card .patch-down{color:#ee8d8b}#lab-advanced-tools{margin-top:24px}#lab-advanced-tools>summary{cursor:pointer;padding:16px}
.history-legacy{display:none!important}
.lab-view-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 24px}.lab-view-bar [role=group]{display:flex;border:1px solid #415c49;border-radius:8px;overflow:hidden}.lab-view-bar button{background:transparent;color:#aab8ae;padding:10px 26px;border:0;cursor:pointer}.lab-view-bar button.active{background:#b8e5ba;color:#142019;font-weight:700}.lab-view-bar small{color:#98aa9d}.lab-action-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:290px}.lab-action-item>small{color:#9bac9f;font-size:12px;line-height:1.5}.build-actions:has(.lab-action-item){align-items:flex-start;gap:20px}.simple-result,.simple-info{display:none}.lab-simple .simple-result{display:block}.simple-result-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.simple-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.simple-metrics>div{padding:18px;background:#101b15;border:1px solid #314937;border-radius:8px}.simple-metrics span{display:block;color:#a8b6ac;margin-bottom:10px}.simple-metrics strong{font-size:26px;color:#d5f0d5}.simple-order{counter-reset:order;display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.simple-order li{padding:9px 12px;border:1px solid #3d5943;border-radius:6px;font-size:13px}.simple-order li:before{counter-increment:order;content:counter(order) ' ';color:#b8e5ba;font-weight:700;margin-right:5px}.simple-summary{color:#aebfb2;line-height:1.7}.simple-ownership>summary{padding:18px;cursor:pointer;font-weight:700}.simple-ownership>.lab-catalogue{border:0;margin:0}.lab-simple .build-settings,.lab-simple .lab-limit,.lab-simple .lab-ultimate-settings,.lab-simple #lab-mechanic,.lab-simple #lab-ranges,.lab-simple #lab-search-criteria,.lab-simple .lab-actions,.lab-simple #lab-style-results,.lab-simple .lab-advanced,.lab-simple .lab-teaching,.lab-simple #lab-advanced-tools,.lab-simple #deck-comparison,.lab-simple #build>aside.callout,.lab-simple .lab-detail-only,.lab-simple .build-save,.lab-simple #build-synergy-deck,.lab-simple #build-cancel,.lab-simple .simple-long-copy,.lab-simple #build-results>:not(.simple-result),.lab-simple main>.data-note{display:none!important}.lab-simple .lab-profile>.badge,.lab-simple .lab-profile .section-title>.badge,.lab-simple .build-slot p,.lab-simple .lab-level-grid small,.lab-simple #lab-pool-status{display:none}.lab-simple .lab-profile,.lab-simple .build-deck{padding:22px}.lab-simple .lab-conditions{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-simple .build-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.lab-simple .step-head>b{display:none}.lab-simple .simple-info{display:inline-flex;position:relative;vertical-align:middle;margin:0 8px 8px 0}.simple-info button{border:0;background:none;color:#b8d2b9;cursor:help;font-size:18px;padding:2px 6px}.simple-info>[role=tooltip]{display:none;position:absolute;left:0;top:100%;z-index:30;width:310px;padding:14px;background:#24372a;border:1px solid #719177;border-radius:8px;box-shadow:0 6px 24px #0008;color:#e1eee3;font-size:13px;line-height:1.7}.simple-info:hover>[role=tooltip],.simple-info:focus-within>[role=tooltip]{display:block}.lab-simple #build-status{line-height:1.6}.lab-simple #lab-enemies:disabled{opacity:.6}
.saved-savebar{display:flex;gap:18px;align-items:center;margin:18px 0 24px}.saved-savebar[hidden]{display:none!important}.saved-savebar>span{color:#b5c9b9;font-size:13px}.saved-deck-comparison{margin:24px 0;padding:24px}.saved-note{font-size:13px;color:#a4b5a8;line-height:1.7}.saved-table{min-width:1030px;width:100%;font-size:13px}.saved-table th{white-space:nowrap}.saved-table th button{background:transparent;border:0;color:#b8d3bd;font-weight:700;padding:8px 0;cursor:pointer}.saved-table td{vertical-align:top;white-space:normal}.saved-table td:first-child{min-width:225px;max-width:300px}.saved-table td:nth-child(2){min-width:110px}.saved-table td:last-child{min-width:100px}.saved-table td>small{display:block;color:#839b89;font-size:11px;margin-top:6px}.saved-table td>button:not(.saved-name){cursor:pointer;border:1px solid #3a5441;background:#19281e;color:#cfdfd2;border-radius:5px;padding:6px 8px;margin:2px 2px 6px 0}.saved-table .saved-name{display:block;color:#d4ecd8;background:none;border:0;padding:0;text-align:left;font-weight:700;line-height:1.6;cursor:text}.saved-table .saved-old{color:#edbd77!important;border-color:#86653b!important;font-size:11px}.saved-name-input{width:100%;min-width:180px}.saved-deck-comparison .is-error{color:#eaa09c}.lab-simple #saved-deck-comparison{display:block}.pvp-notice{display:block;color:#97ac9d;font-size:12px;margin-top:6px}

body.lab-simple #build-results>#lab-speed-result{display:block!important}#lab-speed-result button{margin-right:12px}
body.lab-simple #build-cancel:not([hidden]){display:inline-block!important}

/* Card controls: direct choices and breakthrough stepper. */
#build .lab-availability{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%}
#build .lab-availability button{min-width:0;min-height:42px;padding:7px 3px;font-size:15px;white-space:nowrap;background:#14251c;color:#bacdbf;border:1px solid #536b5a;border-radius:6px;cursor:pointer}
#build .lab-availability button[aria-pressed="true"]{background:#315540;border-color:#b4dbbd;color:#fff;font-weight:700;box-shadow:inset 0 -3px #b4dbbd}
#build .lab-availability button[value="required"][aria-pressed="true"]{background:#514521;border-color:#f1cb59;box-shadow:inset 0 -3px #f1cb59;color:#fff1b6}
#build .lab-availability button[value="excluded"][aria-pressed="true"]{background:#512e30;border-color:#e0a0a3;box-shadow:inset 0 -3px #e0a0a3;color:#ffe1e3}
#build .lab-stage-control{display:flex;align-items:center;gap:8px;margin-right:auto}
#build .lab-stage-control b{font-size:16px;margin-right:3px}
#build .lab-stage-control button{width:42px;min-height:42px;padding:4px;font-size:23px;border:1px solid #718b79;border-radius:6px;background:#14251c;color:var(--text);cursor:pointer}
#build .lab-stage-control output{min-width:24px;text-align:center;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
#build .lab-card-controls>.text-button{min-height:42px;padding:6px 8px}
#build .lab-availability button:hover:not(:disabled),#build .lab-stage-control button:hover:not(:disabled){border-color:#d5edda;filter:brightness(1.2)}
#build .lab-availability button:focus-visible,#build .lab-stage-control button:focus-visible{outline:3px solid #f1cb59;outline-offset:2px}
#build .lab-availability button:disabled,#build .lab-stage-control button:disabled{opacity:.4;cursor:default}

.ranking-groups,.ranking-subtabs{display:flex;flex-wrap:wrap;gap:8px;width:100%}.ranking-groups button[aria-pressed="true"]{outline:2px solid #b8e5ba}.ranking-mob-metrics{font-size:11px;width:100%;white-space:normal}.ranking-mob-metrics th,.ranking-mob-metrics td{padding:4px}.ranking-row .ranking-score{min-width:0}

.my-toolbar p{margin:0 0 10px}.my-status{margin-left:12px;color:var(--mint)}.my-status.is-error{color:var(--orange)}
.my-toolbar .build-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.my-file{cursor:pointer;display:inline-block}
.my-paste summary{cursor:pointer;padding:6px 0}.my-paste textarea{width:100%;min-width:320px;margin:6px 0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px}
.my-style summary{cursor:pointer;font-size:17px}.my-style-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:12px 0}
.my-style-controls input{width:72px}.my-bulk{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.my-table{width:100%;border-collapse:collapse}.my-table th,.my-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left}
.my-table td input{width:64px}.my-table tr.my-unowned td:first-child{opacity:.45}.my-own{display:inline-flex}
#myskills .my-own button{border:1px solid var(--line);background:#26332b;color:var(--muted);padding:5px 11px;cursor:pointer;font:inherit}
#myskills .my-own button:first-child{border-radius:6px 0 0 6px}#myskills .my-own button:last-child{border-radius:0 6px 6px 0}
#myskills .my-own button[aria-pressed="true"]{color:#fff;font-weight:700}
#myskills .my-own button[aria-pressed="true"][value="yes"]{background:#3d7a50;border-color:#b8e5ba}
#myskills .my-own button[aria-pressed="true"][value="no"]{background:#7a3d33;border-color:#e5b8b0}
#myskills .my-own button[aria-pressed="true"][value="unknown"]{background:#4b4f4c;border-color:#c9cfca}
#myskills .my-own button:focus-visible{outline:3px solid #f1cb59;outline-offset:1px}
