:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:#e5eaee}.appShell{color:#171717;width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.appHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.appHeader h1{margin:0;font-size:32px;line-height:1.15}.localeToggle{color:#163b63;cursor:pointer;background:#f7f9fa;border:1px solid #c7cbd1;border-radius:8px;width:48px;min-height:36px;padding:6px 8px;font-size:14px;font-weight:800}.localeToggle:hover{background:#dbe6f3}.appHeader p,.emptyState,.buildInput small,.resultHeader p{color:#5f6368}.compareForm{gap:16px;display:grid}.desktopBuildPicker{background:#edf2f4;border:1px solid #b9c7cf;border-radius:8px;gap:12px;padding:14px;display:grid}.desktopBuildPickerHeader,.desktopBuildPickerControls,.desktopBuildActions{align-items:end;gap:10px;display:flex}.desktopBuildPickerHeader{justify-content:space-between;align-items:start}.desktopBuildPicker h2,.desktopBuildPicker p{margin:0}.desktopBuildPicker h2{font-size:17px}.desktopBuildPickerHeader p,.desktopBuildStatus,.localBuildSelection span{color:#5f6368;overflow-wrap:anywhere;margin-top:4px;font-size:13px}.desktopBuildPickerControls>label{flex:1;gap:6px;min-width:0;font-size:13px;font-weight:700;display:grid}.desktopBuildPicker select{color:#171717;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #aebbc3;border-radius:6px;padding:7px 9px}.compareForm .secondaryButton{color:#15525d;background:#f8fafb;border:1px solid #8caab4;padding:8px 11px}.compareForm .secondaryButton:hover{background:#dfecef}.localBuildSelection{background:#e6f1f3;border:1px solid #9fb8c0;border-radius:8px;align-content:start;gap:6px;min-height:145px;padding:12px;display:grid}.localBuildSelection .secondaryButton{align-self:end;margin-top:auto}.headlessRecalculation{border-block:1px solid #9fb8c0;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:14px 0;display:flex}.headlessRecalculation p,.recalculationStatus{color:#4f5f66;margin:4px 0 0}.headlessRecalculation button{color:#fff;font:inherit;cursor:pointer;background:#15525d;border:0;border-radius:8px;flex:none;padding:10px 14px;font-weight:700}.headlessRecalculation button:disabled{cursor:wait;opacity:.72}.recalculationStatus{background:#e6f1f3;border-left:4px solid #168390;padding:8px 12px;font-weight:700}.inputDetails{background:#d8e1e6;border:1px solid #c6d0d7;border-radius:8px;gap:14px;padding:14px 16px;display:grid}.inputDetails>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:800;list-style:none;display:flex}.inputDetails>summary::-webkit-details-marker{display:none}.inputDetails .compareForm{margin-top:14px}.inputGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.buildInput{gap:8px;font-weight:700;display:grid}.buildInput textarea{box-sizing:border-box;resize:vertical;color:#171717;width:100%;font:inherit;background:#e9eef2;border:1px solid #c7cbd1;border-radius:8px;padding:12px;font-weight:400;line-height:1.45}.compareForm button{color:#fff;font:inherit;cursor:pointer;background:#1967d2;border:0;border-radius:8px;justify-self:start;padding:10px 16px;font-weight:700}.compareForm button:disabled{cursor:wait;opacity:.72}.fieldError{color:#b3261e;margin:0;font-weight:600}.warning{color:#8a4b00;margin-top:8px;font-weight:600}.emptyState,.result{margin-top:24px}.result{border-top:1px solid #e3e6ea;gap:18px;padding-top:20px;display:grid}.result>*,.resultSection,.minorConfig,.nestedResult,.comparisonSubsection,.tableScroller{min-width:0}.result h2,.result h3,.result p{margin:0}.resultHeader h1{margin:0;font-size:28px;line-height:1.2}.buildSetControls{border-block:1px solid #c6d0d7;gap:12px;padding:16px 0;display:grid}.buildSetControls h2{font-size:18px;line-height:1.25}.buildSetControls>div>p{color:#5f6368;margin-top:4px;font-size:14px}.buildSetGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.buildSetSelector{border:0;min-width:0;margin:0;padding:0}.buildSetSelector legend{margin-bottom:8px;padding:0;font-weight:800}.buildSetFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.buildSetFields label{color:#4f5960;gap:5px;min-width:0;font-size:13px;font-weight:700;display:grid}.buildSetFields select{color:#171717;width:100%;min-width:0;font:inherit;background:#f8fafb;border:1px solid #aebbc3;border-radius:6px;padding:8px 30px 8px 9px}.setAccuracyWarning{color:#704000;background:#fff8e1;border-left:4px solid #d08a18;padding:12px 14px;font-weight:650;line-height:1.5}.quickChecks{background:#edf5f7;border:1px solid #b8d5dd;border-radius:8px;gap:12px;padding:16px 18px;display:grid}.quickChecks h2{margin:0;font-size:20px;line-height:1.25}.quickChecks p{color:#5f6368;margin:4px 0 0}.quickCheckList{counter-reset:quick-check;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.quickCheckList li{counter-increment:quick-check;border-top:1px solid #c9e1e6;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 10px;padding-top:10px;display:grid}.quickCheckList li:before{color:#0b5963;content:counter(quick-check);background:#d9f3f7;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-grid}.quickCheckList strong,.quickCheckList span{grid-column:2}.quickCheckList strong{font-size:15px}.quickCheckList span{color:#5f6368;font-size:14px;line-height:1.42}.resultSection{contain:inline-size;background:#f2f5f7;border:1px solid #ccd8de;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;display:grid}.signatureSection{background:#edf5f7;border-color:#b8d5dd}.sectionHeader{align-items:flex-start;gap:12px;display:flex}summary.sectionHeader,.nestedResult>summary{cursor:pointer;list-style:none}.comparisonSubsection{gap:8px;display:grid}.comparisonSubsection h4,.comparisonSubsection h5,.comparisonSubsection p{margin:0}.comparisonSubsection h4{font-size:15px}.comparisonSubsection h5{font-size:13px}.comparisonStatus{color:#137333;font-weight:700}.itemDifferenceGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.itemDifferenceGrid>div{min-width:0}.itemCountList{margin-top:8px}.uniqueJewelList{border-top:1px solid #e3e6ea}.uniqueJewelEntry{border-bottom:1px solid #e3e6ea;padding:10px 0}.uniqueJewelSummary{grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(100px,1fr));align-items:center;gap:12px;display:grid}.jewelRollDetails{margin-top:10px}.jewelRollDetails>summary{font-weight:700}summary.sectionHeader::-webkit-details-marker{display:none}.nestedResult>summary::-webkit-details-marker{display:none}.summaryToggle{color:#5f6368;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:700}.toggleOpen,details[open]>summary .toggleClosed{display:none}details[open]>summary .toggleOpen{display:inline}.sectionHeader h2{font-size:20px;line-height:1.25}.sectionHeader p,.subtleText,.configSame{color:#5f6368}.sectionNumber{color:#0b5963;background:#d9f3f7;border-radius:50%;place-items:center;min-width:28px;height:28px;font-weight:800;display:inline-grid}.tableScroller{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.statsTable{border:1px solid #e3e6ea;border-radius:8px;min-width:680px;display:grid;overflow:hidden}.statsRow{border-top:1px solid #e3e6ea;grid-template-columns:1.4fr repeat(3,minmax(90px,1fr));gap:12px;padding:10px 12px;display:grid}.statsRow:first-child{border-top:0}.statsHead{background:#f5f7fa;font-weight:700}.statsRow.threeColumnRow{grid-template-columns:1.4fr repeat(2,minmax(90px,1fr))}.statsTable.compactTable{min-width:480px}.statsTable.itemModTable{min-width:760px}.modSources{color:#5f6368;margin-top:3px;font-size:12px;font-weight:500;line-height:1.35;display:block}.statsGroup{display:grid}.statsGroupTitle{color:#0b5963;background:#eef9fb;border-top:1px solid #e3e6ea;padding:8px 12px;font-weight:800}.deltaGood{color:#137333;font-weight:800}.deltaBad{color:#b3261e;font-weight:800}.deltaNeutral{color:#5f6368}.configWarning,.uniqueWarning{background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;gap:10px;padding:12px;display:grid}.minorConfig{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.nestedResult{box-sizing:border-box;border-top:1px solid #e3e6ea;width:100%;max-width:100%;padding-top:10px;overflow:hidden}.nestedResult>summary{align-items:center;gap:10px;font-weight:800;display:flex}.configDiffList,.simpleList,.nodeList{gap:8px;margin:0;padding-left:20px;display:grid}.configDiffList li,.simpleList li,.nodeList li{padding-inline-start:2px}.configDiffList li span,.simpleList li span{color:#5f6368;margin-top:2px;display:block}.nameEn{color:#7a8790;margin-left:6px;font-size:.86em;font-weight:500}.simpleList li .nameEn,.nodeList li .nameEn,.statsRow .nameEn{margin-top:0;display:inline}.gemGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gemGrid h3,.minorConfig h3,.uniqueWarning h3,.resultSection>h3{font-size:16px}.needsAttention{color:#b3261e}.nodeList li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nodeBadge{color:#0b5963;border:1px solid #93c5d0;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:800}.treeVisualSummary{background:#eef4f6;border:1px solid #d7e3e8;border-radius:8px;gap:14px;padding:14px;display:grid}.treeMatchMeter{gap:8px;display:grid}.treeMatchMeter>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.treeMatchMeter span{font-weight:800}.treeMatchTrack,.treeBreakdownBar{background:#d7dde2;border-radius:999px;height:12px;overflow:hidden}.treeMatchTrack>span{border-radius:inherit;background:#137333;height:100%;display:block}.treeBreakdownGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.treeBreakdownGrid h3{margin-bottom:8px}.treeBreakdown{gap:8px;display:grid}.treeBreakdownBar{display:flex}.treeBreakdownSegment{height:100%;display:block}.treeBreakdownSegment.minor{background:#7a8790}.treeBreakdownSegment.notable{background:#1967d2}.treeBreakdownSegment.keystone{background:#b3261e}.treeBreakdown dl{flex-wrap:wrap;gap:8px 14px;margin:0;display:flex}.treeBreakdown dl>div{gap:4px;display:flex}.treeBreakdown dt{color:#5f6368}.treeBreakdown dd{margin:0;font-weight:800}.treeDataNote{color:#5f6368;font-size:13px}.treeOverlay{margin:14px 0 18px}.treeCanvasFrame{position:relative}.treeOverlay canvas{aspect-ratio:3/2;cursor:grab;touch-action:pan-y;background:#f8fafb;border:1px solid #c5d1d6;border-radius:6px;width:100%;height:auto;display:block}.treeOverlay canvas.dragging{cursor:grabbing}.treeOverlay canvas.hovering{cursor:crosshair}.treeNodeTooltip{z-index:2;box-sizing:border-box;color:#fff;pointer-events:none;background:#18242af5;border:1px solid #60757e;border-radius:4px;max-width:min(280px,100% - 24px);padding:7px 9px;font-size:12px;line-height:1.35;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 2px 7px #0f172a40}.treeNodeTooltip strong,.treeNodeTooltip span{overflow-wrap:anywhere}.treeNodeTooltip span{color:#cad7dc}.treeNodeTooltip.placeBelow{transform:translate(-50%,10px)}.treeNodeTooltip.place-left{transform:translateY(calc(-100% - 10px))}.treeNodeTooltip.place-right{transform:translate(-100%,calc(-100% - 10px))}.treeNodeTooltip.place-left.placeBelow{transform:translateY(10px)}.treeNodeTooltip.place-right.placeBelow{transform:translate(-100%,10px)}.treeOverlay canvas:focus-visible{outline-offset:2px;outline:3px solid #087f8c}.treeZoomControls{background:#f8fafbf0;border:1px solid #c5d1d6;border-radius:6px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 3px #0f172a1f}.treeZoomControls button{color:#1f343d;background:#fff;border:1px solid #aebdc4;border-radius:4px;place-items:center;width:32px;height:32px;padding:0;font-size:18px;font-weight:800;line-height:1;display:grid}.treeZoomControls button:hover:not(:disabled){color:#087f8c;border-color:#087f8c}.treeZoomControls button:disabled{cursor:default;opacity:.45}.treeZoomLevel{color:#33464f;font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:12px;font-weight:800}.treeZoomControls .fitTreeButton{width:auto;min-width:58px;padding:0 8px;font-size:12px}.treeOverlayLegend{color:#4f5960;flex-wrap:wrap;gap:8px 18px;margin-top:8px;font-size:13px;display:flex}.treeOverlayLegend span:before{content:"";border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.treeLegendCommon:before{background:#087f8c}.treeLegendMissing:before{background:#c2412d}.treeLegendExtra:before{background:#2563a6}.extraNodes{gap:10px;display:grid}.extraNodes button,.shareBox button,.shareSection>.sectionHeader>button{color:#0b5963;font:inherit;cursor:pointer;background:#fff;border:1px solid #93c5d0;border-radius:8px;justify-self:start;padding:8px 12px;font-weight:700}.shareSection>.sectionHeader>div{flex:1;min-width:0}.shareSection>.sectionHeader>button{flex:none;margin-left:auto}.shareSection>.sectionHeader>button.shareCopySuccess{color:#176534;background:#e8f5ec;border-color:#6aa982}.shareFeedback{border:1px solid;border-radius:6px;width:fit-content;margin:0 0 12px 40px;padding:7px 10px;font-size:13px;font-weight:700;animation:.18s ease-out shareFeedbackIn}.shareFeedback.success{color:#176534;background:#edf8f0;border-color:#9ac9aa}.shareFeedback.error{color:#9b2525;background:#fff1f1;border-color:#dc9c9c}@keyframes shareFeedbackIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.slotList{gap:8px;display:grid}.slotRow{border-top:1px solid #e3e6ea;grid-template-columns:minmax(140px,.5fr) 1fr;gap:10px;padding-top:8px;display:grid}.shareBox{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.turnstileContainer:empty{display:none}.turnstileContainer:not(:empty){flex-basis:100%;min-height:65px}.shareNote{color:#5f6368;flex-basis:100%;font-size:13px}.shareBox code{overflow-wrap:anywhere;background:#fff;border:1px solid #e3e6ea;border-radius:6px;padding:8px}@media (width<=760px){.sectionHeader h2{font-size:18px}.headlessRecalculation{flex-direction:column;align-items:stretch}.headlessRecalculation button{align-self:start}.inputGrid{grid-template-columns:1fr}.desktopBuildPickerControls,.desktopBuildActions{flex-direction:column;align-items:stretch}.desktopBuildActions .secondaryButton{width:100%}.buildSetGrid,.buildSetFields,.quickCheckList,.gemGrid,.itemDifferenceGrid,.uniqueJewelSummary{grid-template-columns:1fr}.itemModScroller{overflow-x:visible}.statsTable.itemModTable{border:0;gap:10px;min-width:0;overflow:visible}.itemModTable .statsHead{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.itemModTable .statsRow:not(.statsHead){border:1px solid #d6dde2;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.itemModTable .statsRow:not(.statsHead)>span{overflow-wrap:anywhere;min-width:0;padding:10px}.itemModTable .statsRow:not(.statsHead)>span:before{color:#5f6368;content:attr(data-label);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.itemModTable .itemModName,.itemModTable .itemModDelta{grid-column:1/-1}.itemModTable .itemModName{background:#f5f7fa}.itemModTable .itemModValue,.itemModTable .itemModDelta{border-top:1px solid #e3e6ea}.itemModTable .itemModValue+.itemModValue{border-left:1px solid #e3e6ea}.treeBreakdownGrid{grid-template-columns:1fr}.treeOverlay canvas{aspect-ratio:1}.slotRow{grid-template-columns:1fr}.shareSection>.sectionHeader{flex-wrap:wrap}.shareSection>.sectionHeader>button{margin-left:40px}.shareSection>.sectionHeader>div{flex-basis:calc(100% - 40px)}}