:root{--bg:#0a0d0b;--panel:#111613;--panel2:#151c18;--line:#2b352f;--line2:#3a4b41;--text:#edf4ef;--muted:#8c9a92;--green:#6fd68a;--green2:#3baa59;--yellow:#e4c36f;--red:#f08383;--purple:#c9a8f5;--cyan:#7ee0dd;--shadow:0 22px 70px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,#152018 0,transparent 28%),radial-gradient(circle at 90% 10%,#151c19 0,transparent 24%),var(--bg);color:var(--text);min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.04) 50%),linear-gradient(transparent 49%,rgba(255,255,255,.03) 50%);background-size:4px 4px}.topbar{height:76px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1500px)/2));background:rgba(9,12,10,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(83,103,92,.25)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-cube{width:38px;height:38px;border:1px solid #476051;background:linear-gradient(145deg,#1d2a21,#101511);border-radius:11px;display:grid;place-items:center;color:#88e39d;box-shadow:inset 0 0 18px rgba(93,210,123,.08)}.brand strong{display:block;font-size:15px;letter-spacing:.01em}.brand span{display:block;color:#7f8c84;font-size:10px;margin-top:2px}.top-actions{display:flex;gap:8px}main{width:min(1500px,calc(100% - 36px));margin:18px auto 48px}.panel{background:linear-gradient(180deg,rgba(20,26,22,.98),rgba(14,19,16,.98));border:1px solid #29332d;border-radius:18px;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);gap:22px;padding:28px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.16em;color:#6ed889}.hero h1{font-size:clamp(31px,4vw,57px);line-height:1.02;letter-spacing:-.035em;margin:8px 0 13px;max-width:1050px}.hero h1 em{font-style:normal;color:#83e39a}.hero p{color:#9aa79f;line-height:1.6;max-width:980px;margin:0}.howto{margin-top:20px;border-top:1px solid #29332e;padding-top:14px}.howto summary{cursor:pointer;color:#cfe4d4;font-size:11px;font-weight:800}.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:11px}.how-grid>div{display:flex;gap:9px;padding:10px;border:1px solid #28332d;background:#0f1411;border-radius:10px}.how-grid b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#223128;color:#80df98;font-size:10px;flex:0 0 24px}.how-grid span{font-size:10px;color:#9cab9f;line-height:1.4}.fineprint{font-size:9px!important;color:#6e7b73!important;margin-top:10px!important}.hero-side{display:flex;flex-direction:column;gap:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-stats>div{padding:15px 10px;border:1px solid #2d3932;background:#0f1411;border-radius:12px;text-align:center}.hero-stats span{display:block;font-size:24px;font-weight:900}.hero-stats small{display:block;color:#7c8b82;font-size:9px;margin-top:2px}.community-card{padding:15px;background:linear-gradient(135deg,#142119,#0f1713);border:1px solid #355942;border-radius:14px}.community-copy{display:flex;flex-direction:column;gap:4px}.community-kicker{font-size:9px;font-weight:900;letter-spacing:.15em;color:#73da8e}.community-copy strong{font-size:14px}.community-copy small{font-size:10px;line-height:1.45;color:#91a198}.community-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.community-btn,.ghost-btn,.soft-btn{border:1px solid #3b4a42;background:#111713;color:#d6dfd9;border-radius:9px;padding:9px 11px;font:inherit;font-size:10px;font-weight:800;cursor:pointer;transition:.15s ease}.community-btn:hover,.ghost-btn:hover,.soft-btn:hover{border-color:#61766a;background:#172019;color:#fff}.community-btn.primary,.soft-btn{border-color:#4b825a;background:#18301f;color:#bff2cb}.ghost-btn.small{padding:7px 9px;font-size:9px}.settings{margin-top:14px;padding:14px;display:grid;grid-template-columns:1.5fr repeat(4,minmax(170px,.7fr));gap:10px}.field label,.inline-label{display:block;font-size:9px;font-weight:800;color:#7f8e85;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em}.field select,.field input,select,input,textarea{width:100%;border:1px solid #334039;background:#0d1210;color:#e8efeb;border-radius:9px;padding:10px 11px;font:inherit;font-size:11px;outline:none}select:focus,input:focus,textarea:focus{border-color:#5a8a68;box-shadow:0 0 0 2px rgba(92,175,115,.09)}textarea{resize:vertical;line-height:1.45}.number-wrap{display:flex;align-items:center;border:1px solid #334039;background:#0d1210;border-radius:9px;overflow:hidden}.number-wrap input{border:0;border-radius:0;min-width:50px}.number-wrap span{font-size:9px;color:#77877e;padding-right:9px;white-space:nowrap}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #334039;border-radius:9px;overflow:hidden}.segmented button{border:0;background:#0d1210;color:#7f8e85;padding:10px;font:inherit;font-size:10px;cursor:pointer}.segmented button.active{background:#23372a;color:#a7edb8}.planning{margin-top:14px;padding:19px}.planning-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planning h2,.catalog h2,.build h2,.results h2{margin:4px 0;font-size:20px}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.advanced-card{border:1px solid #2c3831;background:#0e1310;border-radius:12px;padding:13px}.advanced-card h3{font-size:12px;margin:0 0 5px}.advanced-card p{font-size:9px;color:#7f8d85;line-height:1.5;margin:0 0 10px}.advanced-card code{color:#a8e7b7}.book-builder-card{grid-column:span 2}.row{display:flex;gap:8px;align-items:stretch}.row>select,.row>input,.row>textarea{flex:1}.book-fields{display:flex;flex-direction:column;gap:7px;width:min(250px,40%)}.book-fields label{font-size:9px;color:#87958d}.book-list{display:grid;gap:7px;margin-top:9px}.book-pill{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #344139;background:#131a16;border-radius:9px}.book-pill strong{font-size:10px}.book-pill span{font-size:9px;color:#819087;flex:1}.book-pill button{border:0;background:none;color:#9caaa2;cursor:pointer;font-size:14px}.button-stack{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:14px;margin-top:14px}.catalog{padding:20px}.catalog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.search{width:min(360px,42%);display:flex;align-items:center;gap:6px;border:1px solid #334039;background:#0d1210;border-radius:10px;padding:0 10px}.search span{color:#6f7d75}.search input{border:0;background:transparent;padding:10px 0}.source-filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.source-chip{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #344038;background:#111713;border-radius:9px;font-size:10px;cursor:pointer}.source-chip input{width:auto;accent-color:#65cf80}.source-dot{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:900}.source-chip.vanilla .source-dot,.src-icon.vanilla{background:#25382b;color:#8deb9f}.source-chip.excellent .source-dot,.src-icon.excellent{background:#382b48;color:#dabaff}.source-chip.dnt .source-dot,.src-icon.dnt{background:#173b3c;color:#82ece8}.recommend-box{border:1px solid #4c5b39;background:#171d12;border-radius:11px;padding:10px;margin-bottom:10px}.rec-title{font-size:10px;font-weight:900;color:#d5e7b3;margin-bottom:8px}.rec-items{display:flex;flex-wrap:wrap;gap:7px}.rec{border:1px solid #46553d;background:#111811;color:#d9eee0;border-radius:8px;padding:7px 9px;cursor:pointer;font-size:10px}.rec small{display:block;color:#91a087;font-size:8px;margin-top:2px}.enchant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.enchant-card{position:relative;border:1px solid #2d3732;background:#111613;border-radius:13px;padding:11px;transition:.15s ease;min-width:0}.enchant-card:hover{border-color:#46564e;transform:translateY(-1px)}.enchant-card.selected{border-color:#5caf73;background:linear-gradient(180deg,#16231a,#101712);box-shadow:inset 0 0 0 1px rgba(112,217,139,.13)}.enchant-card.disabled{opacity:.46}.enchant-card.recommended:not(.selected){border-color:#59653e}.card-top{display:flex;align-items:flex-start;gap:9px}.src-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:11px}.card-title{min-width:0;flex:1}.name-btn{display:inline;text-align:left;background:none;border:0;color:#eef5f1;padding:0;font:inherit;font-weight:750;cursor:pointer;max-width:100%}.name-btn:hover{text-decoration:underline;text-underline-offset:3px}.card-sub{font-size:9px;color:#77867e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check{appearance:none;width:18px!important;height:18px;border:1px solid #536158!important;border-radius:5px!important;background:#0b100d!important;cursor:pointer;margin:2px 0 0;padding:0!important}.check:checked{background:#51b66d!important;border-color:#6ed789!important;box-shadow:inset 0 0 0 4px #51b66d}.levels{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.lvl{border:1px solid #344139;background:#171e1a;color:#aebbb4;border-radius:6px;min-width:25px;height:24px;padding:0 5px;font-size:10px;cursor:pointer}.lvl.active{color:#0d1810;background:#78db91;border-color:#8ee6a4;font-weight:900}.lvl:disabled{cursor:not-allowed}.conflict-note{font-size:9px;color:#ff9b9b;margin-top:7px;line-height:1.35}.recommend-tag{position:absolute;right:8px;bottom:8px;font-size:8px;font-weight:900;letter-spacing:.08em;color:#e9c778}.build{padding:20px}.sticky{position:sticky;top:94px}.item-title{display:flex;align-items:center;gap:12px;margin:5px 0 16px}.item-icon{width:42px;height:42px;display:grid;place-items:center;background:#101512;border:1px solid #36413b;border-radius:11px;font-size:21px}.item-title small{color:#74827a;font-size:9px}.limit-meter{border-top:1px solid #2b342f;border-bottom:1px solid #2b342f;padding:12px 0}.limit-meter>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#94a198}.limit-meter strong{color:#dbe6df}.bar{height:5px;background:#0c100e;border-radius:99px;margin-top:8px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#4dae66,#86e69d);transition:width .2s}.selected-list{display:flex;flex-direction:column;gap:6px;margin:13px 0;max-height:440px;overflow:auto;padding-right:2px}.selected-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:7px;background:#101512;border:1px solid #2d3732;border-radius:9px;padding:8px}.selected-row .src-icon{width:22px;height:22px;flex-basis:22px;border-radius:6px;font-size:9px}.selected-row .sname{font-size:11px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-row .smeta{color:#8a978f;font-size:8px}.selected-row .slevel{color:#9faea5;font-size:10px}.selected-row .remove{border:0;background:none;color:#718077;cursor:pointer;font-size:16px}.existing-toggle{grid-column:2/5;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;color:#7e8c84;padding-top:4px;border-top:1px solid #202923}.existing-toggle button{border:1px solid #344139;background:#131916;color:#91a098;border-radius:7px;padding:5px 7px;font-size:8px;cursor:pointer}.existing-toggle button.active{border-color:#4e815b;color:#b9edc5;background:#18271d}.status{border-radius:9px;padding:9px 10px;font-size:10px;margin-bottom:10px}.status.ok{color:#9ee9b2;background:#132219;border:1px solid #294b34}.status.bad{color:#ffb5b5;background:#261616;border:1px solid #563030}.status.warn{color:#f5d49a;background:#261f13;border:1px solid #594522}.insights{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.insight{font-size:8px;padding:5px 7px;border-radius:99px;border:1px solid #344139;background:#121815;color:#91a198}.insight.good{border-color:#376147;color:#aeeabd}.insight.warn{border-color:#675934;color:#e7d396}.primary-btn{width:100%;border:1px solid #6edf89;background:linear-gradient(180deg,#4fbd6b,#349b50);color:#07120a;border-radius:11px;padding:12px 14px;font-weight:900;cursor:pointer;box-shadow:0 8px 25px rgba(51,158,80,.17)}.primary-btn.compact{width:auto;padding:10px 14px}.primary-btn:hover:not(:disabled){filter:brightness(1.06)}.primary-btn:disabled{filter:grayscale(.7);opacity:.45;cursor:not-allowed}.mini-note{font-size:9px;color:#718078;text-align:center;margin-top:8px;line-height:1.4}.results{margin-top:14px;padding:22px}.results-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.metric{padding:9px 11px;background:#101512;border:1px solid #2f3a34;border-radius:10px;text-align:right}.metric strong{display:block;font-size:15px}.metric small{color:#829087;font-size:9px}.result-ok,.result-bad,.result-warn{margin:14px 0;padding:12px 14px;border-radius:11px;font-size:11px}.result-ok{border:1px solid #315d3e;background:#132219;color:#acebbb}.result-bad{border:1px solid #673535;background:#2a1717;color:#ffc0c0}.result-warn{border:1px solid #66542f;background:#251e12;color:#f4d394}.strategy-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.strategy-tab{border:1px solid #313d36;background:#101512;border-radius:11px;padding:11px;text-align:left;color:#aebcb4;cursor:pointer}.strategy-tab.active{border-color:#5aa36c;background:#162119;color:#dff2e4}.strategy-tab strong{display:block;font-size:11px}.strategy-tab span{display:block;font-size:9px;color:#7f8d85;margin-top:3px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;counter-reset:step}.steps li{counter-increment:step;background:#101512;border:1px solid #2d3732;border-radius:12px;padding:12px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center}.steps li:before{content:counter(step);width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#26382c;color:#8ee8a3;font-weight:900;font-size:11px}.step-main b{font-size:11px}.step-main span{display:block;color:#829087;font-size:9px;margin-top:3px}.step-cost{text-align:right}.step-cost strong{display:block;font-size:14px}.step-cost small{color:#7d8a83;font-size:9px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:50;backdrop-filter:blur(3px)}.drawer{position:fixed;top:0;right:0;width:min(490px,100%);height:100vh;background:#141916;border-left:1px solid #344039;z-index:60;padding:32px;transform:translateX(105%);transition:transform .22s ease;overflow:auto;box-shadow:-20px 0 60px rgba(0,0,0,.45)}.drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:15px;right:15px;border:1px solid #36433b;background:#0e1310;color:#c4d0c9;border-radius:9px;width:34px;height:34px;font-size:20px;cursor:pointer}.drawer-source{margin-top:32px;font-size:10px;color:#829087}.drawer h2,.modal h2{font-size:28px;margin:7px 0 10px}.drawer-desc{color:#bac6bf;line-height:1.6}.drawer dl{margin:22px 0;border-top:1px solid #2d3732}.drawer dt{font-size:9px;color:#75837b;text-transform:uppercase;letter-spacing:.1em;margin-top:14px}.drawer dd{margin:4px 0;color:#d5dfd9;font-size:12px;line-height:1.45}.source-link{display:inline-flex;color:#bdf1ca;text-decoration:none;border:1px solid #3f654a;background:#15251a;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800}.modal{position:fixed;z-index:70;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 28px));max-height:min(88vh,900px);overflow:auto;padding:26px;background:#141916;border:1px solid #3a4840;border-radius:17px;box-shadow:0 30px 100px rgba(0,0,0,.6)}.modal>p{color:#98a69e;font-size:11px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:9px;color:#839188;font-weight:800}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{margin-top:6px}.form-note{font-size:9px!important;color:#77857d!important}.modal-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.contact-status{margin-top:10px;padding:10px;border-radius:9px;font-size:10px}.contact-status.ok{border:1px solid #315d3e;background:#132219;color:#acebbb}.contact-status.bad{border:1px solid #673535;background:#2a1717;color:#ffc0c0}.hp-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#111713;border:1px solid #415047;color:#dfe8e2;padding:10px 14px;border-radius:10px;z-index:90;font-size:11px;box-shadow:var(--shadow)}.empty-state{text-align:center;color:#748179;padding:40px 10px}.footer{width:min(1500px,calc(100% - 36px));margin:0 auto 30px;color:#5f6c64;font-size:9px;display:flex;justify-content:space-between;gap:12px}.hidden{display:none!important}
@media(max-width:1220px){.settings{grid-template-columns:repeat(3,1fr)}.advanced-grid{grid-template-columns:repeat(2,1fr)}.enchant-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 325px}.how-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.topbar{padding:0 14px}.brand span{display:none}main{width:min(100% - 22px,1500px);margin-top:11px}.hero{grid-template-columns:1fr;padding:21px}.settings{grid-template-columns:1fr 1fr}.advanced-grid{grid-template-columns:1fr}.book-builder-card{grid-column:auto}.workspace{grid-template-columns:1fr}.build{order:-1}.sticky{position:static}.selected-list{max-height:300px}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}.results-head{flex-direction:column}.metrics{justify-content:flex-start}.steps{grid-template-columns:1fr}.strategy-tabs{grid-template-columns:1fr}.footer{width:min(100% - 22px,1500px)}}
@media(max-width:560px){.topbar{height:64px}.brand strong{font-size:13px}.brand-cube{width:32px;height:32px}.top-actions .ghost-btn:first-child{display:none}main{width:min(100% - 14px,1500px)}.hero{padding:17px}.hero h1{font-size:28px}.how-grid{grid-template-columns:1fr}.hero-stats>div{padding:11px 6px}.hero-stats span{font-size:20px}.community-actions{display:grid;grid-template-columns:1fr}.settings{grid-template-columns:1fr;padding:11px}.planning,.catalog,.build,.results{padding:14px}.planning-head{flex-direction:column}.book-builder-card .row{flex-direction:column}.book-fields{width:100%}.enchant-list{grid-template-columns:1fr}.source-filters{gap:5px}.source-chip{font-size:9px;padding:7px 8px}.selected-row{grid-template-columns:22px minmax(0,1fr) auto auto}.drawer{padding:24px 18px}.drawer h2,.modal h2{font-size:23px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal{padding:22px 16px}.steps li{grid-template-columns:26px 1fr}.step-cost{grid-column:2;text-align:left;display:flex;gap:5px;align-items:baseline}.footer{flex-direction:column}}