:root{--mr-bg-darkest: rgb(18, 18, 20);--mr-bg-mid: rgb(24, 24, 28);--mr-bg-light: rgb(38, 38, 44);--mr-bg-lighter: rgb(48, 48, 54);--mr-border: rgba(255, 255, 255, .1);--mr-border-strong: rgba(255, 255, 255, .2);--mr-text-light: rgb(197, 189, 186);--mr-text-lightest: rgb(248, 242, 240);--mr-text-mid: rgb(174, 175, 190);--mr-text-medium: rgb(131, 127, 126);--mr-primary: rgb(134, 117, 231);--mr-primary-alt: rgb(134, 101, 234);--mr-primary-dark: rgb(106, 89, 206);--mr-primary-soft: rgba(134, 117, 231, .18);--mr-pink: rgb(236, 64, 158);--mr-secondary: rgb(255, 209, 92);--mr-success: rgb(71, 207, 101);--mr-danger: rgb(234, 57, 57);--mr-danger-soft: rgb(251, 77, 98);--mr-warning: rgb(255, 193, 77);--mr-info: rgb(111, 151, 255);--font-ui: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Montserrat", "Outfit", system-ui, sans-serif;--font-serif: "Italiana", "Times New Roman", serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(134, 117, 231, .35);--ease-out: cubic-bezier(.22, 1, .36, 1);--topbar-h: 64px;color-scheme:dark}*{box-sizing:border-box;border-radius:0}html,body{margin:0;background:var(--mr-bg-darkest);color:var(--mr-text-light);font:15px/1.45 var(--font-ui)}body{background:radial-gradient(1200px 500px at 85% -10%,rgba(134,117,231,.12),transparent 60%),radial-gradient(900px 400px at -10% 10%,rgba(236,64,158,.06),transparent 60%),var(--mr-bg-darkest);background-attachment:fixed;min-height:100vh}a{color:var(--mr-primary);font-weight:600;text-decoration:none}a:hover{color:var(--mr-primary-alt)}button,input,select{font:inherit;color:inherit}button{font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:.01em;background:#ffffff14;border:1px solid var(--mr-border-strong);color:var(--mr-text-lightest);padding:6px 12px;cursor:pointer;transition:transform .12s var(--ease-out),box-shadow .16s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out)}button:hover:not(:disabled){background:#ffffff24;border-color:#ffffff4d;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--mr-primary);border-color:var(--mr-primary);color:#fff}button.primary:hover:not(:disabled){background:var(--mr-primary-alt);border-color:var(--mr-primary-alt);box-shadow:var(--shadow-glow)}button.cta{background:var(--mr-pink);border-color:var(--mr-pink);color:#fff}button.cta:hover:not(:disabled){background:var(--mr-pink);box-shadow:0 0 24px #ec409e66}button.danger:hover:not(:disabled){border-color:var(--mr-danger-soft);color:var(--mr-danger-soft)}button.link{background:none;border:none;color:var(--mr-primary);padding:0}button i,.tab i,h2 i,h3 i{margin-right:6px}input,select{background:#121214d9;border:1px solid var(--mr-border-strong);color:var(--mr-text-lightest);padding:5px 8px;min-width:0;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}select option,select optgroup{background:var(--mr-bg-mid);color:var(--mr-text-lightest)}input:focus,select:focus{outline:none;border-color:var(--mr-primary);box-shadow:0 0 0 2px #8675e74d}button:focus-visible{outline:2px solid var(--mr-primary);outline-offset:1px}input.num{width:64px;text-align:right;font-variant-numeric:tabular-nums}input[type=checkbox],input[type=radio]{accent-color:var(--mr-primary)}h2,h3{font-family:var(--font-display);color:var(--mr-text-lightest)}h2{font-size:15px;font-weight:800;margin:0 0 10px;letter-spacing:.01em}h3{font-size:13px;font-weight:800;margin:16px 0 8px;display:flex;align-items:center;gap:8px}h3 i{color:var(--mr-secondary)}h4{font-family:var(--font-display);font-size:11px;font-weight:700;margin:14px 0 6px;color:var(--mr-text-mid);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--mr-text-medium)}.small{font-size:12px}.text-center{text-align:center}.right{text-align:right}.error{color:var(--mr-danger-soft)}.ok{color:var(--mr-success)}.warn{color:var(--mr-warning)}.note{background:#ffc14d14;border-left:3px solid var(--mr-warning);padding:8px 10px;margin:8px 0;color:var(--mr-text-light)}.eyebrow{font-family:var(--font-serif);color:var(--mr-secondary);font-size:16px}.splash{max-width:560px;margin:18vh auto;text-align:center;padding:0 16px}.splash img{height:64px}.display-title{font-family:var(--font-display);font-weight:900;font-style:italic;text-transform:uppercase;color:var(--mr-text-lightest);letter-spacing:.01em}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;min-height:var(--topbar-h);padding:8px 16px;background:#18181ce6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--mr-border);box-shadow:var(--shadow-md);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;color:inherit}.brand img{height:38px;width:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.brand-text{display:flex;flex-direction:column;line-height:1.1;padding-left:12px;border-left:1px solid var(--mr-border)}.brand-title{font-size:17px}.brand-sub{font-size:11px;color:var(--mr-text-medium);font-weight:400}.build-name{flex:1 1 200px;max-width:320px;font-weight:600}.topbar-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.segmented{display:inline-flex;border:1px solid var(--mr-border-strong)}.segmented button{border:none;background:transparent;color:var(--mr-text-mid)}.segmented button:hover:not(:disabled){transform:none}.segmented button.on{background:var(--mr-primary-soft);color:#fff}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.toggle.small{font-size:12px}.layout{display:grid;grid-template-columns:300px minmax(0,1fr) 380px;gap:14px;padding:14px;align-items:start;max-width:1880px;margin:0 auto}.panel,main.center{background:#26262ca8;border:1px solid var(--mr-border);box-shadow:var(--shadow-md)}.panel{padding:0 14px 14px}.panel>h2:first-child,.results-head{margin:0 -14px 12px;padding:12px 14px;background:#18181cd9;border-bottom:1px solid var(--mr-border);font-weight:700}.left,.right{position:sticky;top:calc(var(--topbar-h) + 14px);max-height:calc(100vh - var(--topbar-h) - 28px);overflow-y:auto;scrollbar-width:thin}main.center{min-height:70vh}.tabs{display:flex;gap:4px;padding:8px;background:#18181cd9;border-bottom:1px solid var(--mr-border);overflow-x:auto}.tab{border:1px solid transparent;background:none;padding:7px 14px;color:var(--mr-text-mid);white-space:nowrap}.tab:hover:not(:disabled){background:#ffffff0f;border-color:transparent;transform:none}.tab.active{color:#fff;background:var(--mr-primary-soft);border-color:#8675e759}.tab-body{padding:14px}@media (max-width: 1300px){.layout{grid-template-columns:290px minmax(0,1fr)}.right{grid-column:1 / -1;position:static;max-height:none}}@media (max-width: 780px){.layout{grid-template-columns:minmax(0,1fr);padding:8px}.left{position:static;max-height:none}.topbar{position:static;padding:8px}.build-name{max-width:none}.brand-text{display:none}}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;min-width:0}.field>span{font-size:11px;color:var(--mr-text-medium);text-transform:uppercase;letter-spacing:.06em}.field.inline{flex-direction:row;align-items:center;justify-content:space-between}.field-row{display:flex;gap:8px;flex-wrap:wrap}.field-row .field{flex:1 1 70px}.points{margin-left:auto;font-family:var(--font-ui);font-size:12px;color:var(--mr-text-mid);font-weight:500}.points.over{color:var(--mr-danger-soft)}.stat-row{display:grid;grid-template-columns:40px 26px 60px 26px 1fr 34px;align-items:center;gap:4px;margin-bottom:4px}.stat-label{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--mr-text-lightest)}.stat-bonus{color:var(--mr-success);font-variant-numeric:tabular-nums;font-size:13px}.stat-bonus.muted{color:var(--mr-text-medium)}.stat-cost{text-align:right;font-size:11px;color:var(--mr-text-medium)}.step{padding:0;width:26px;height:26px;line-height:1}.step.wide{width:auto;padding:0 8px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 8px}.chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--mr-border-strong);padding:3px 10px;font-size:12px;font-weight:500;background:#ffffff0d;color:var(--mr-text-light);cursor:pointer}.chip input{display:none}.chip.on{border-color:var(--mr-primary);background:var(--mr-primary-soft);color:#fff}.chip.static{cursor:default;padding:1px 8px;font-size:11px}td .chips{margin:0}.formula{margin:6px 0 0}.formula summary{cursor:pointer}.formula-part{margin-top:8px}.formula pre{margin:4px 0 0;padding:8px 10px;background:#00000040;border:1px solid var(--mr-border);font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;-moz-tab-size:2;tab-size:2}.state-box,.override-box,.warnings{margin:10px 0;border:1px solid var(--mr-border);background:#18181c80;padding:8px 10px}.state-box summary,.override-box summary,.warnings summary{cursor:pointer;color:var(--mr-text-mid);font-weight:600}.subtabs{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.equip-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px}@media (max-width: 1000px){.equip-layout{grid-template-columns:minmax(0,1fr)}}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:start}@media (max-width: 520px){.slot-grid{grid-template-columns:minmax(0,1fr)}}.slot{text-align:left;display:flex;flex-direction:column;gap:4px;padding:8px 10px;min-height:60px;background:#18181c99;border-color:var(--mr-border);color:var(--mr-text-light);font-weight:500}.slot:hover:not(:disabled){background:#8675e71a;border-color:#8675e773}.slot.selected{border-color:var(--mr-primary);background:var(--mr-primary-soft)}.slot.rejected{border-color:var(--mr-danger-soft)}.slot.occupied{opacity:.55}.slot-label{font-size:10px;color:var(--mr-text-medium);text-transform:uppercase;letter-spacing:.08em}.slot-item{display:flex;align-items:center;gap:6px;min-width:0;color:var(--mr-text-lightest)}.slot-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.slot-cards{display:inline-flex;gap:1px}.slot-warning{font-size:11px;color:var(--mr-danger-soft)}.refine{color:var(--mr-secondary)}.grade{margin-left:6px;font-size:10px;padding:0 4px;border:1px solid currentColor}.grade-1{color:#9ad19a}.grade-2{color:#6fb6ff}.grade-3{color:#c58cff}.grade-4{color:var(--mr-secondary)}.item-icon{width:24px;height:24px;image-rendering:pixelated;flex:none}.item-icon.empty{display:inline-block;border:1px dashed var(--mr-border-strong)}.item-editor{background:#18181c99;border:1px solid var(--mr-border);padding:12px}.item-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.item-title{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--mr-text-lightest)}.item-actions{margin-left:auto;display:flex;gap:6px}.card-slot,.option-row{display:flex;align-items:center;gap:6px;margin-bottom:5px}.slot-tag{font-size:11px;width:54px;flex:none;color:var(--mr-text-medium)}.slot-tag.enchant{color:var(--mr-primary)}.enchant-sources{margin:0 0 8px}.enchant-sources summary{cursor:pointer}.enchant-sources ul{margin:6px 0 0;padding-left:18px;font-size:13px}.enchant-sources li+li{margin-top:6px}.description{font-size:13px;line-height:1.55;max-height:280px;overflow-y:auto;padding:8px 10px;background:#121214d9;border:1px solid var(--mr-border)}.search-select{position:relative;flex:1;min-width:0}.search-select input{width:100%;padding-right:24px}.search-select .clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);border:none;background:none;padding:0 7px;color:var(--mr-text-medium)}.search-select .clear:hover:not(:disabled){transform:translateY(-50%);background:none;color:var(--mr-text-lightest)}.dropdown{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 2px);max-height:300px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:var(--mr-bg-mid);border:1px solid var(--mr-border-strong);box-shadow:var(--shadow-lg);min-width:260px}.dropdown li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:5px 9px;cursor:pointer;color:var(--mr-text-light)}.dropdown li.cursor{background:#8675e72e;color:#fff}.dropdown li img{flex:none;width:20px;height:20px;image-rendering:pixelated}.dropdown .label{flex:0 1 auto;min-width:0;overflow-wrap:anywhere}.dropdown .hint{flex:1 0 120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--mr-text-medium);font-size:10.5px;opacity:.8}.dropdown .empty{color:var(--mr-text-medium);cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08080ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--mr-bg-mid);border:1px solid var(--mr-border-strong);box-shadow:var(--shadow-lg);width:min(1180px,100%);height:calc(100vh - 32px);display:flex;flex-direction:column}.modal.small{width:min(640px,100%);height:auto;max-height:calc(100vh - 32px)}.modal-head{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--mr-border);background:#12121499}.modal-head h2{margin:0;white-space:nowrap}.modal-head .search{flex:1}.modal-body{padding:14px;overflow-y:auto}.picker-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--mr-border)}.picker-body{display:flex;flex:1;min-height:0}.picker-list{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.picker-scroll{flex:1;min-height:0;overflow:auto}.picker-preview{width:310px;flex:none;border-left:1px solid var(--mr-border);padding:12px;overflow-y:auto}@media (max-width: 800px){.picker-preview{display:none}}table{border-collapse:collapse;width:100%}th,td{padding:5px 7px;text-align:left;vertical-align:middle}thead th{position:sticky;top:0;background:var(--mr-bg-mid);color:var(--mr-text-mid);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--mr-border);z-index:1}tbody tr:nth-child(2n){background:#ffffff08}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.picker-table tbody tr,.mob-table tbody tr,.import-table tbody tr{cursor:pointer;border-bottom:1px solid var(--mr-border)}.picker-table tbody tr:hover,.mob-table tbody tr:hover,.import-table tbody tr:hover{background:#8675e71a;color:var(--mr-text-lightest)}tr.current{background:var(--mr-primary-soft)!important}.badge{display:inline-block;margin-left:6px;font-size:10px;font-weight:600;padding:1px 6px;background:#ffffff0f;border:1px solid var(--mr-border-strong);color:var(--mr-text-mid);vertical-align:middle}.badge.warn{color:var(--mr-warning);border-color:#ffc14d99}.badge.mvp{color:var(--mr-secondary);border-color:#ffd15c99}.badge.online{color:var(--mr-success);border-color:#47cf6599}.delta{font-size:11px;font-weight:600;white-space:nowrap}.delta-up{color:var(--mr-success)}.delta-down{color:var(--mr-danger-soft)}.delta-zero{color:var(--mr-text-medium)}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.toolbar .search{flex:1 1 220px}.skill-group h3{border-bottom:1px solid var(--mr-border);padding-bottom:5px}.skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(160px,auto);gap:8px;align-items:center;padding:3px 6px}.skill-row:hover{background:#8675e714}.skill-row.learned .skill-name{color:var(--mr-text-lightest)}.skill-name{color:var(--mr-text-medium);overflow:hidden;text-overflow:ellipsis}.skill-level{display:inline-flex;align-items:center;gap:4px}.skill-level .lv{width:46px;text-align:center;font-variant-numeric:tabular-nums}.calc-flags{display:inline-flex;gap:8px;align-items:center;font-size:12px;justify-content:flex-end}.tag{margin-left:6px;font-size:10px;padding:0 5px;border:1px solid var(--mr-border-strong);color:var(--mr-text-medium)}.tag.weapon{color:var(--mr-secondary);border-color:#ffd15c80}.tag.magic{color:var(--mr-primary);border-color:#8675e799}@media (max-width: 640px){.skill-row{grid-template-columns:minmax(0,1fr) auto}.calc-flags{grid-column:1 / -1;justify-content:flex-start}}.list-table td{border-bottom:1px solid var(--mr-border)}.list-table td.icon{width:32px}.list-table button+button{margin-left:6px}.target-card{display:flex;gap:14px;align-items:flex-start;background:#18181c99;border:1px solid var(--mr-border);padding:12px;margin-bottom:12px}.target-card h3{margin-top:0}.mob-image{max-width:110px;max-height:110px;image-rendering:pixelated}.target-stats{display:flex;flex-wrap:wrap;gap:4px 14px;font-variant-numeric:tabular-nums;color:var(--mr-text-lightest)}.override-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 10px;margin:8px 0}.mob-table{font-size:13px}.results-head{display:flex;align-items:center;gap:8px}.results-head h2{margin:0}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid var(--mr-border-strong);border-top-color:var(--mr-pink);visibility:hidden}.spinner.on{visibility:visible;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner.on{animation:none}button,button:hover:not(:disabled){transition:none;transform:none}}.compare-note{font-size:12px;color:var(--mr-primary);margin:6px 0}.status-window{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;background:#121214b3;border:1px solid var(--mr-border);padding:8px 10px}.status-col{min-width:0}.status-wide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0 10px;border-top:1px solid var(--mr-border);margin-top:6px;padding-top:6px}.status-cell{display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:6px;align-items:baseline;padding:2px 0;font-variant-numeric:tabular-nums;min-width:0}.status-label{color:var(--mr-text-medium);font-family:var(--font-display);font-weight:700;font-size:11px}.status-value{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;min-width:0;color:var(--mr-text-lightest);font-weight:600;overflow-wrap:anywhere}.damage-table{font-size:13px}.damage-table td,.damage-table th{padding:4px 5px}.damage-table tbody tr{border-bottom:1px solid var(--mr-border)}.damage-table tr.main td:first-child{color:var(--mr-secondary);font-weight:700}.damage-table td .delta{display:block}.warnings ul,.warnings-list{margin:6px 0;padding-left:18px;color:var(--mr-text-mid)}.skill-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.skill-detail{background:#18181c99;border:1px solid var(--mr-border);padding:10px 12px}.skill-detail h4{margin-top:0;color:var(--mr-text-lightest);text-transform:none;letter-spacing:0;font-size:14px}.kv th{color:var(--mr-text-medium);font-weight:500;width:40%;vertical-align:top;text-transform:none;letter-spacing:0;font-size:13px;position:static;background:none;border:none}.kv td{font-variant-numeric:tabular-nums;color:var(--mr-text-lightest)}.kv tbody tr:nth-child(2n){background:none}.bonus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.bonus-section{background:#18181c99;border:1px solid var(--mr-border);padding:4px 12px 10px}.contrib .label{white-space:pre;max-width:340px;overflow:hidden;text-overflow:ellipsis}.bar-cell{width:40%}.bar{display:block;height:10px;background:var(--mr-primary)}.bar.down{background:var(--mr-danger-soft)}code{font-family:var(--mono);font-size:12px}.import-empty{text-align:center;padding:24px 12px}.import-empty p{margin:0 0 14px}.import-search{display:flex;align-items:center;gap:10px;margin:0 0 10px}.import-search .search{flex:1;min-width:0}.import-search span{white-space:nowrap}.modal.guide{width:min(860px,100%);height:auto;max-height:calc(100vh - 32px)}.guide-section{border-top:1px solid var(--mr-border);padding:8px 0 4px}.guide-section h4{margin:4px 0 6px}.guide-line{margin:0 0 8px}.guide-line:not(.item){margin-left:18px}.guide-head{display:flex;align-items:center;gap:6px}.guide-head img{width:24px;height:24px;image-rendering:pixelated}.guide-line.item .guide-name{font-weight:600;color:var(--mr-text-lightest)}.guide-line ul{margin:2px 0 0 30px;padding-left:14px;font-size:13px}.save-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 10px}.modal-body h4{margin:14px 0 6px}.import-table tbody tr.no-click{cursor:default}.import-table td.right button+button{margin-left:4px}.nowrap{white-space:nowrap}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--mr-bg-mid);border:1px solid var(--mr-primary);padding:10px 16px;z-index:60;box-shadow:var(--shadow-lg),var(--shadow-glow);max-width:calc(100vw - 32px);color:var(--mr-text-lightest)}.footer{text-align:center;font-size:12px;color:var(--mr-text-medium);padding:4px 16px 20px}.skills-view{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tree-points{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:10px}.tier-chip{display:flex;flex-direction:column;gap:2px;padding:6px 10px;min-width:128px;border:1px solid var(--mr-border-strong);border-left:3px solid var(--mr-primary);background:#ffffff0a}.tier-chip.full{border-left-color:var(--mr-success)}.tier-chip.over{border-left-color:var(--mr-danger);background:#ea39391a}.tier-name{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mr-text-medium);white-space:nowrap}.tier-count{font-size:18px;font-weight:700;color:var(--mr-text-lightest);font-variant-numeric:tabular-nums}.tier-chip.over .tier-count{color:var(--mr-danger-soft)}.tier-change,.tier-note{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mr-text-medium);white-space:nowrap}.tier-change input{width:54px;padding:1px 4px;font-size:12px}.tier-total{align-self:center;margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.tree-warnings{margin:0 0 10px;padding:8px 12px 8px 28px;border:1px solid rgba(255,193,77,.35);background:#ffc14d14;color:var(--mr-warning);font-size:13px}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--mr-border)}.tree-tabs{display:flex;gap:4px;overflow-x:auto;max-width:100%}.tab-count{display:inline-block;margin-left:6px;padding:0 6px;font-size:11px;background:#ffffff14;color:var(--mr-text-light)}.tree-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tree-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.tree-grid-wrap{min-width:0;overflow-x:auto;scrollbar-width:thin}.tree-grid{display:grid;grid-template-columns:repeat(7,minmax(92px,1fr));gap:6px;padding:10px 2px 2px}.tree-cell{position:relative;display:flex;flex-direction:column;gap:4px;min-height:84px;padding:6px;border:1px solid var(--mr-border);background:#ffffff08;cursor:pointer;transition:border-color .14s var(--ease-out),background .14s var(--ease-out),opacity .14s var(--ease-out)}.tree-cell:hover{background:#ffffff12}.tree-cell.learned{border-color:#8675e780;background:#8675e71a}.tree-cell.locked{opacity:.55}.tree-cell.selected{outline:2px solid var(--mr-primary);outline-offset:1px}.tree-cell.prereq{border-color:var(--mr-warning);box-shadow:inset 0 0 0 1px var(--mr-warning)}.tree-cell.prereq.met{border-color:var(--mr-success);box-shadow:inset 0 0 0 1px var(--mr-success)}.tree-cell.unlocks{border-color:var(--mr-info);box-shadow:inset 0 0 0 1px var(--mr-info)}.cell-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.cell-lv{font-size:12px;font-weight:700;color:var(--mr-text-medium);font-variant-numeric:tabular-nums}.tree-cell.learned .cell-lv{color:var(--mr-text-lightest)}.tree-cell.maxed .cell-lv{color:var(--mr-secondary)}.cell-name{font-size:12px;line-height:1.2;color:var(--mr-text-light);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cell-buttons{display:flex;gap:4px;margin-top:auto}.cell-buttons .step{width:24px;height:22px}.need-badge,.cell-flag{position:absolute;font-size:10px;font-weight:700;padding:0 4px;line-height:16px}.need-badge{top:-9px;right:6px;background:var(--mr-warning);color:#1a1a1a}.tree-cell.prereq.met .need-badge{background:var(--mr-success)}.cell-flag{bottom:6px;right:6px;border:1px solid var(--mr-border-strong);color:var(--mr-text-medium)}.skill-icon{display:inline-block;flex:none;image-rendering:pixelated}.skill-icon.empty{border:1px dashed var(--mr-border-strong)}.tree-hint{margin:8px 0 0}.tree-detail{padding:12px;border:1px solid var(--mr-border);background:#18181c99;min-width:0}.detail-head{display:flex;align-items:center;gap:10px}.detail-name{font-size:16px;font-weight:700;color:var(--mr-text-lightest)}.detail-tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.detail-level,.detail-calc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.detail-calc{margin-top:8px}.detail-section h4{margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mr-text-medium)}.detail-list{list-style:none;margin:0;padding:0;font-size:13px}.detail-list li:before{display:inline-block;width:16px;font-family:"Font Awesome 5 Free",sans-serif;font-weight:900}.detail-list li.met:before{content:"";color:var(--mr-success)}.detail-list li.missing:before{content:"";color:var(--mr-danger-soft)}.detail-unlocks{margin:0;font-size:13px}.level-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.level-table th,.level-table td{padding:2px 6px;text-align:right;border-bottom:1px solid var(--mr-border);white-space:nowrap}.level-table th:first-child,.level-table td:first-child{text-align:left}.level-table tr.current td{background:var(--mr-primary-soft);color:#fff}.skill-description p{margin:0 0 4px;font-size:13px;line-height:1.4}.tree-app .tree-main{max-width:1480px;margin:14px auto;padding:0 16px}.tree-app .tree-main>.skilltree{padding:14px;border:1px solid var(--mr-border);background:#26262ca8;box-shadow:var(--shadow-md)}.tree-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.tree-controls .field{margin-bottom:0}.tree-controls .num{width:72px}.job-field select{min-width:210px}@media (max-width: 1100px){.tree-body{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.tier-chip{flex:1 1 140px}.tier-total{margin-left:0}.tree-app .tree-main{padding:0 8px}.tree-app .tree-main>.skilltree{padding:10px}.job-field select{min-width:0;width:100%}.tree-controls .job-field{flex:1 1 100%}}.pet-card{margin-top:8px;padding:10px 12px;border:1px solid var(--mr-border);background:#ffffff08}.pet-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.mono{font-family:var(--mono);word-break:break-word}