:root{--paper:#18191e;--surface:#202228;--input:#1c1e24;--button:#363a45;--button-text:#f3f4f6;--selected:#41434c;--ink:#d9dbe3;--muted:#a0a6b2;--line:#363946;--accent:#9bbbed;--soft:#252831;--green:#9ec4b0;--error:#f09da5;font-family:'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:dark;scrollbar-color:#737b8c var(--paper)}
.guide-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:0 0 28px;padding-bottom:8px}.guide-tabs button{min-width:92px;background:transparent;color:var(--muted)}.guide-tabs button[aria-selected=true]{background:var(--selected);color:var(--button-text)}[role=tabpanel][hidden]{display:none}.quest-view .mobile-result{display:none!important}.quest-panel{min-width:0}.quest-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.quest-heading p:not(.eyebrow){margin-top:8px}.quest-range{background:var(--soft);border:1px solid var(--line);border-radius:7px;padding:7px 13px;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums}.quest-toolbar{display:flex;align-items:end;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:9px}.quest-toolbar label{min-width:135px}.quest-search-label{flex:1}.quest-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:14px 0;font-size:12px;color:var(--muted)}.quest-meta [data-quest-count]{font-weight:650;color:var(--ink)}.quest-source{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:28px}.quest-source p{font-size:13px;margin:12px 0}.quest-source>details{margin-top:16px}.quest-source-links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px}.quest-section{margin:0 0 32px;min-width:0}.quest-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}.quest-section-heading h2{font-size:17px;line-height:1.5}.quest-section-heading>a{font-size:12px;white-space:nowrap;color:var(--muted)}.quest-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-width:100%;scrollbar-width:thin}.quest-table{width:100%;border-spacing:0;border-collapse:separate;table-layout:fixed;line-height:1.75;font-size:13px;min-width:880px}.quest-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quest-table th,.quest-table td{padding:16px 15px;vertical-align:top;text-align:left;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.quest-table thead th{background:#30343e;color:white;font-size:12px;font-weight:650}.quest-table tbody tr:nth-child(2n){background:#23262d}.quest-table tr>*:last-child{border-right:0}.quest-table tbody tr:last-child>*{border-bottom:0}.quest-table .quest-level-cell{background:#292d36;font-variant-numeric:tabular-nums;font-weight:700;color:#b1c6e2;position:sticky;left:0;z-index:1;box-shadow:1px 0 var(--line)}.quest-table .quest-name{font-weight:650}.quest-table .quest-stone{background:#24372f;color:#acd3b9}.quest-no-stone{color:var(--muted)}.quest-table .quest-exp{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.quest-unknown{color:#d9ba89}.quest-kind{font-size:12px;color:#9ec4b0;white-space:nowrap}.quest-daily{color:#9bbbed}.quest-section-notes{font-size:13px;background:var(--soft);border:1px solid var(--line);border-radius:7px;margin-top:10px;padding:11px 14px}.quest-section-notes dl{margin:12px 0 0}.quest-section-notes dl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--line)}.quest-section-notes dt{font-weight:650;white-space:pre-line}.quest-section-notes dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.quest-caution{font-size:12px;border-left:3px solid #aa9473;padding-left:12px;margin-top:12px;white-space:pre-line}.quest-empty,.quest-loading{text-align:center;padding:55px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.quest-credit{font-size:12px;text-align:right;margin:28px 0}.quest-materials{min-width:600px}.quest-source .quest-table-scroll{margin:14px 0}.quest-source ul{font-size:12px;line-height:2}
.quest-table thead th:first-child{position:sticky;left:0;z-index:2;box-shadow:1px 0 var(--line)}
.guide-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.guide-tabs button{white-space:nowrap;flex:0 0 auto!important}.quest-preparation{border:1px solid var(--line);border-radius:8px;background:var(--surface);margin:0 0 26px}.quest-preparation>summary{padding:16px 18px;font-size:15px}.quest-preparation>summary span{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.quest-material-content{padding:0 18px 18px}.quest-material-content>.quest-caution{margin:0 0 16px}.quest-preparation .quest-toolbar{background:var(--paper)}.quest-scope{display:inline-block;font-size:11px;font-weight:500;color:#acd3b9;background:#24372f;border-radius:4px;padding:2px 6px;margin-left:8px;vertical-align:middle}.quest-prep-table{min-width:620px}.quest-prep-table th:nth-child(1){width:23%}.quest-prep-table th:nth-child(2){width:27%}.quest-prep-table th:nth-child(3){width:32%}.quest-prep-table th:nth-child(4){width:18%}.quest-prep-table .quest-quantity{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.quest-coverage{margin:0 0 20px}@media(max-width:700px){.quest-material-content{padding:0 10px 10px}.quest-scope{display:table;margin:5px 0 0}.quest-panel .quest-prep-table{min-width:610px}}
@media(max-width:700px){.guide-tabs{margin-bottom:22px}.guide-tabs button{flex:1;min-width:0}.quest-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.quest-heading h1{font-size:28px}.quest-range{font-size:12px;padding:3px 9px}.quest-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:12px}.quest-toolbar label{min-width:0}.quest-search-label{grid-column:1/-1}.quest-toolbar button{grid-column:1/-1}.quest-section-heading{align-items:flex-start}.quest-section-heading h2{font-size:15px}.quest-table{min-width:850px;font-size:13px}.quest-table th,.quest-table td{padding:13px 12px}.quest-table .quest-level-cell{font-size:12px}.quest-section-notes dl>div{grid-template-columns:1fr;gap:4px}.quest-section{margin-bottom:26px}.quest-meta{font-size:11px}}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65}a{color:var(--accent);text-underline-offset:3px}button,input,select{font:inherit}button,select,summary,.file-label{cursor:pointer}input,select{min-width:0;width:100%;background:var(--input);border:1px solid #484d5a;border-radius:6px;color:var(--ink);padding:9px 10px;min-height:42px}input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:var(--accent);margin:0}input[type=number]{font-variant-numeric:tabular-nums}button{background:var(--soft);color:var(--ink);min-height:42px;border-radius:6px;padding:9px 15px;font-weight:600;border:1px solid transparent;line-height:1.4}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){filter:brightness(1.08)}:focus-visible{outline:3px solid #8dbbff;outline-offset:3px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}h1,h2,p{margin:0}h1{font-size:clamp(27px,4vw,38px);letter-spacing:-1.4px;line-height:1.35;font-weight:750}h2{font-size:17px;letter-spacing:-.4px}p{color:var(--muted)}.site-header{height:77px;max-width:1280px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:17px;letter-spacing:-.4px}.brand b{font-weight:500}.seal{display:inline-grid;place-items:center;width:33px;height:36px;background:#a63838;color:var(--button-text);font-family:serif;font-size:24px;border-radius:3px}.version{font-size:12px;color:var(--muted)}main{max-width:1280px;padding:38px 32px 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.intro p:not(.eyebrow){margin-top:10px}.eyebrow{font-size:12px;letter-spacing:1.2px;color:var(--accent);margin-bottom:7px;font-weight:650}.primary{background:var(--button);color:var(--button-text);white-space:nowrap}.secondary{border-color:var(--line);background:var(--surface);color:var(--ink);white-space:nowrap}.notice{padding:14px 18px;background:#2c2c30;border-left:3px solid #a59173;border-radius:0 5px 5px 0;color:#c7c3bc;font-size:13px;margin-bottom:24px}.notice strong{color:#e4dfd6;margin-right:5px}.message{padding:12px 16px;margin-bottom:20px;border:1px solid #465f52;background:#24332d;border-radius:7px;color:#acd3b9}.message.is-error{border-color:#724851;background:#38282e;color:var(--error)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.editor{min-width:0}.section{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.section-heading p{font-size:12px;margin-top:3px}.step{font-variant-numeric:tabular-nums;font-size:12px;color:var(--accent);padding-top:3px;letter-spacing:1px;font-weight:700}.field-grid{display:grid;gap:13px;margin-bottom:14px}.four{grid-template-columns:1fr 1fr 1.1fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hint{font-size:12px;line-height:1.7;margin:4px 0 12px}.subheading{font-size:13px;font-weight:650;margin-top:20px}.section details{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}summary{font-size:13px;font-weight:600;line-height:1.6}summary::marker{color:var(--muted)}#calibration-status{font-size:11px;margin-left:8px;color:var(--muted);font-weight:400}#calibration-status.registered{color:var(--green)}.baseline-pair{margin-top:17px}.equipment-help{display:flex;flex-wrap:wrap;gap:5px 18px;color:var(--muted);font-size:11px;margin-top:-8px;margin-bottom:16px}.item{border:1px solid var(--line);background:#252831;border-radius:7px;padding:14px;margin-bottom:12px}.item-header{display:grid;grid-template-columns:56px minmax(0,1fr) 108px 40px;gap:8px;align-items:center;margin-bottom:13px}.wear{flex-direction:row;align-items:center;gap:5px;font-size:11px;font-weight:500}.item-name{font-size:13px;font-weight:650;background:transparent;border-color:transparent;padding-left:4px}.item-name:hover{border-color:var(--line)}.item-header select{font-size:12px;padding:6px;min-height:36px}.remove{font-size:11px;color:var(--muted);padding:4px;min-height:36px;background:transparent}.item-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.item-fields label{font-size:11px;font-weight:500}.item-fields input{font-size:13px;padding:8px 7px;min-height:38px}.item-fields .secondary-attack{color:var(--muted);background:#292c33}.item-note{font-size:11px;line-height:1.65;margin-top:8px}.add{width:100%;border-style:dashed;font-size:12px}.register-bar{border-top:1px solid var(--line);padding-top:19px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.register-bar p{font-size:12px;max-width:240px}.check-line{flex-direction:row;align-items:center;gap:8px;margin:16px 0;font-size:13px;font-weight:500}.result-column{min-width:0}.result-panel{border:1px solid var(--line);border-top:3px solid #8a9bb6;padding:24px;background:var(--surface);border-radius:8px}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.estimate-tag{font-size:11px;line-height:1.5;border:1px solid #685b47;color:#d9ba89;padding:3px 8px;border-radius:4px;background:#342f29}.result-kind{font-size:12px;margin-bottom:12px}.range{display:flex;align-items:center;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}.range>div{display:flex;flex-direction:column;min-width:0}.range>div:last-child{text-align:right}.range>div>span{font-size:11px;color:var(--muted)}.range strong{font-size:clamp(22px,2.3vw,31px);line-height:1.6;letter-spacing:-.8px;overflow-wrap:anywhere}.range-dash{color:var(--muted);font-size:19px}.average{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:16px;border-top:1px solid var(--line);font-size:13px}.average strong{font-size:20px;font-variant-numeric:tabular-nums}.difference{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:13px 0;font-size:12px}.difference strong{font-size:17px;font-variant-numeric:tabular-nums}.positive{color:var(--green)}.negative{color:var(--error)}.breakdown{border-top:1px solid var(--line);padding-top:16px;margin:4px 0 20px;font-size:11px}.breakdown>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.result-note{font-size:11px;line-height:1.8;border-top:1px solid var(--line);padding-top:15px;margin:18px 0}.full{width:100%;font-size:12px}.empty-title{font-size:15px;color:var(--ink);margin:0 0 9px;font-weight:600}#empty-result p:last-child{font-size:12px;margin-bottom:22px}.error{color:var(--error);font-size:13px;margin-bottom:15px}.small-section{padding:20px 4px;border-bottom:1px solid var(--line)}.small-section h2{font-size:13px}.small-section p{font-size:12px;margin-top:8px}.small-section>summary{font-size:13px}.small-section>a{display:inline-block;margin-top:12px;font-size:12px}.file-actions{display:flex;gap:8px;margin-top:13px}.file-actions button,.file-label{font-size:12px;padding:8px 12px;min-height:38px}.file-label{border:1px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-label:focus-within{outline:3px solid #8dbbff;outline-offset:3px}.text-button{color:var(--muted);background:transparent;font-size:11px;padding:5px 0;min-height:30px;margin-top:10px;font-weight:400;text-decoration:underline;text-underline-offset:3px}.rounding-label{margin-top:15px}.sources{font-size:12px;list-style:none;padding:0;margin:12px 0}.sources li{margin:7px 0}footer{padding:28px 0;margin-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.section{padding:19px}.item-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.register-bar{align-items:stretch;flex-direction:column}.register-bar p{max-width:none}.result-panel{padding:20px}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.item-header{grid-template-columns:55px minmax(0,1fr) 36px}.item-header select{grid-column:2;grid-row:2}.item-header .remove{grid-column:3;grid-row:1}.item-name{font-size:12px}}
@media(max-width:780px){main{padding:26px 18px 0}.site-header{padding:0 18px;height:65px}.intro{align-items:flex-start;flex-direction:column;gap:17px}.intro p:not(.eyebrow){font-size:13px}.intro .secondary{font-size:12px}.workspace{grid-template-columns:1fr}.section{padding:20px 17px}.item-header{grid-template-columns:55px minmax(0,1fr) 90px 36px}.item-header select{grid-column:3;grid-row:1}.item-header .remove{grid-column:4}.result-column{display:grid;grid-template-columns:1fr}.range strong{font-size:32px}.result-panel{padding:23px}.small-section{padding:20px 10px}.notice{font-size:12px;padding:12px 14px}.three{gap:9px}.item-fields input,input,select{font-size:16px}.item-fields label{font-size:12px}.hint,.item-note,.equipment-help{font-size:12px}.item-header .item-name{font-size:14px}.item-header select{font-size:12px}.remove{min-width:36px}.primary{font-size:13px}.result-note{font-size:12px}.breakdown{font-size:12px}}
@media(max-width:430px){.item-header{grid-template-columns:55px minmax(0,1fr) 36px}.item-header select{grid-column:2;grid-row:2}.item-header .remove{grid-column:3}.item{padding:12px}.section-heading p{font-size:12px}.field-grid{gap:10px}.three label{font-size:11px}.register-bar{gap:12px}.file-actions{flex-wrap:wrap}.range strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.set-note{padding:12px 14px;margin:0 0 18px;border:1px solid var(--line);border-radius:6px;background:#25312c;font-size:12px}.set-note strong{display:block;color:var(--green);margin-bottom:5px}.set-note p{font-size:11px;line-height:1.8}.experimental-options{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.experimental-options h3{font-size:14px;margin:0 0 10px}.experimental-options .check-line{align-items:flex-start}.experimental-options input[type=checkbox]{flex-shrink:0;margin-top:3px}.experimental-options select{font-size:13px}.hypothesis-note{font-size:11px;line-height:1.8;color:#d9ba89;background:#342f29;padding:10px 12px;margin-top:16px;border-radius:5px}.table-scroll{overflow-x:auto;max-width:100%;margin:16px 0}.comparison-table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.65;font-variant-numeric:tabular-nums}.comparison-table caption{text-align:left;font-weight:600;color:var(--ink);margin-bottom:8px}.comparison-table th,.comparison-table td{padding:8px 4px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.comparison-table th:first-child{text-align:left}.comparison-table thead th{font-weight:500;color:var(--muted)}.comparison-table tbody th{font-weight:500}.comparison-table strong{font-size:12px}.scenario-results{border-top:1px solid var(--line);padding-top:14px}.scenario-results summary{font-size:12px}.scenario-results .hint{font-size:11px;margin-top:8px}.scenarios-table th:first-child{white-space:normal;min-width:76px;max-width:118px}.scenarios-table td{white-space:normal}.selected-scenario{background:#293a31}.selected-label{display:inline-block;padding:0 4px;margin-left:4px;background:#354c40;color:var(--green);font-size:10px;border-radius:3px}@media(max-width:780px){.comparison-table{font-size:12px}.hypothesis-note,.set-note p{font-size:12px}.experimental-options select{font-size:16px}}

/* Equipment uses inventory slot labels instead of individual item names. */
.item-header{grid-template-columns:56px minmax(0,1fr) 40px}
.item-header .item-slot{grid-column:2;grid-row:1;font-size:14px;font-weight:650;min-height:40px}
.item-header .remove{grid-column:3;grid-row:1}
.add-equipment{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);gap:12px;align-items:end}
.add-equipment .add{min-height:42px}
.buff-group{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.buff-group h3{font-size:14px;margin:0 0 10px}
.buff-group .field-grid{margin-top:12px}
input:disabled{background:#292c33;color:var(--muted)}
.check-line input{flex-shrink:0}
@media(max-width:430px){.item-header{grid-template-columns:50px minmax(0,1fr) 36px}.item-header .item-slot{font-size:16px}}

/* Keep the result in view without pinning a panel taller than the viewport. */
.result-column{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:4px}
.mobile-result{display:none}.intro-actions{display:flex;flex-direction:column;gap:8px}.intro-actions button{font-size:12px}
#market-panel{scroll-margin-top:18px}.market-coverage{background:#342f29;border-left:3px solid #a59173;padding:12px 14px;font-size:12px;margin-bottom:20px}.market-more .field-grid{margin-top:12px}.market-summary{display:grid;grid-template-columns:1fr 1fr 90px;gap:12px;padding:20px 0 12px}.market-summary>div{display:flex;flex-direction:column}.market-summary span{font-size:11px;color:var(--muted)}.market-summary strong{font-size:23px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.market-chart{border:1px solid var(--line);border-radius:8px;background:#1c1e24;min-height:200px;margin:16px 0}.market-chart svg{display:block;width:100%;height:auto;font-family:inherit;font-size:12px;fill:var(--muted)}.chart-grid line{stroke:#353944;stroke-dasharray:3 3}.chart-axis{stroke:#727b8d}.market-point{cursor:pointer;fill:var(--accent);outline:none}.market-point .point-hit{fill:transparent}.market-point.selected circle:first-child,.market-point:focus circle:first-child{stroke:var(--ink);stroke-width:4}.market-point:hover circle:first-child{fill:var(--green)}.market-empty{padding:50px 20px;text-align:center;font-size:13px}.market-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px}.market-list-heading h3{font-size:16px}.market-list-heading button{font-size:11px}.market-card{border:1px solid var(--line);border-radius:7px;padding:17px;margin-top:13px;background:#252831}.market-card-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.market-card h4{margin:0;font-size:15px}.market-card-heading p{font-size:11px}.market-card-heading>strong{white-space:nowrap;font-size:20px;color:var(--accent)}.market-stats{font-size:12px;color:var(--ink);margin:12px 0 7px}.market-card details{margin-top:8px;padding-top:8px}.market-card-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.market-card-actions a{font-size:12px}.market-card-actions button{font-size:12px}.market-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}#market-undo{margin-bottom:10px}#market-message{margin-top:12px}.market-card>.hint.error{margin:8px 0 0}
@media(max-width:780px){.result-column{position:static;max-height:none;overflow:visible;padding:0}.mobile-result{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:auto 1fr;gap:1px 12px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:#202228;color:#d9dbe3;text-decoration:none;border-top:3px solid #8a9bb6;box-shadow:0 -3px 14px #00000026}.mobile-result>span{font-size:11px;align-self:center}.mobile-result>strong{text-align:right;font-size:17px;font-variant-numeric:tabular-nums}.mobile-result>small{grid-column:1 / -1;text-align:right;color:#aab1c0;font-size:11px}body{padding-bottom:100px}#result-panel{scroll-margin-top:15px}.intro-actions{flex-direction:row;flex-wrap:wrap}.market-summary{grid-template-columns:1fr 1fr 70px;gap:8px}.market-summary strong{font-size:19px}.market-card{padding:13px}.market-card-heading>strong{font-size:18px}.market-coverage{font-size:12px}.market-card-actions{gap:8px}.market-card-actions button{min-height:44px}}
.market-chart svg{font-size:14px}#market-panel .step{white-space:nowrap;flex-shrink:0}@media(max-width:780px){#market-panel .field-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
.market-legend{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--green);font-size:12px;font-weight:650}.market-set-legend{color:#e1b987}.market-point{fill:var(--green)}.market-set-point{fill:#d4a56f}.market-set-point.selected path,.market-set-point:focus path{stroke:var(--ink);stroke-width:3}.market-set-point:hover path{fill:#f0c798}.market-set-label{fill:#e1b987;font-size:11px;paint-order:stroke;stroke:#1c1e24;stroke-width:3;pointer-events:none}.market-set-card{border-left:4px solid #d4a56f}.market-set-badge{display:inline-block;border:1px solid #756045;background:#393127;color:#e1b987;border-radius:4px;padding:0 6px;font-size:12px}.market-set-components{list-style:none;padding:0;margin:12px 0}.market-set-components li{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding:12px 0;font-size:12px;overflow-wrap:anywhere}.market-set-components li>span{color:var(--muted)}.market-set-components button{align-self:flex-start;margin-top:5px;font-size:12px}.market-set-row{background:#2e2a25}.market-summary{grid-template-columns:1fr 1fr 1.2fr}#market-count{font-size:16px;line-height:1.6;padding-top:4px}@media(max-width:480px){.market-summary{grid-template-columns:1fr 1fr}.market-summary>div:last-child{grid-column:1/-1}}

.market-price{position:relative;flex-shrink:0;text-align:right}.market-price button{background:transparent;padding:0 0 4px;color:var(--accent);text-align:right}.market-price button strong,.market-price-single strong{display:block;font-size:20px;white-space:nowrap}.market-price button small,.market-price-single small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.market-price-single{text-align:right}.market-price-popover{position:absolute;z-index:8;right:0;top:100%;width:285px;max-width:70vw;background:var(--surface);border:1px solid #484d5a;box-shadow:0 6px 22px #00000040;border-radius:7px;padding:14px;text-align:left;font-size:12px}.market-price-popover p{margin:5px 0;font-size:12px}.market-price-popover small{display:block;color:var(--muted);font-size:11px;line-height:1.65}.market-price-popover .price-change{color:var(--accent);font-weight:700}.projected-character{border:1px solid #465f52;background:#24332d;border-radius:7px;padding:16px;margin:20px 0 0}.projected-character h3{font-size:14px;margin:0 0 8px}.projected-character dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:8px 0}.projected-character dl div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.projected-character dt{color:var(--muted)}.projected-character dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}.projected-character>p{font-size:12px}.projected-character>p strong{color:var(--ink)}

@media(max-width:780px){.market-card-heading{flex-wrap:wrap}.market-price{flex-basis:100%;text-align:left}.market-price button{text-align:left}.market-price-popover{position:static;width:100%;max-width:none;margin-top:8px;box-shadow:none}}

/* Pixel-sized marks; close points open a readable chooser instead of hiding offers. */
.market-chart svg{font-size:11px}
.market-point .point-symbol{stroke:#1c1e24;stroke-width:.8;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:transform .12s ease}
.market-point:is(.selected,:focus-visible) .point-symbol{stroke:var(--ink);stroke-width:2}
.market-point:hover .point-symbol{stroke:var(--ink);stroke-width:1.5}
.market-point:is(:hover,:focus-visible) .point-symbol{transform:scale(1.6)}
@media(prefers-reduced-motion:reduce){.market-point .point-symbol{transition:none}}
.market-cluster,.market-cluster:hover .point-symbol{fill:#b0bbc8}
.market-price-line{fill:none;stroke:#899caa;stroke-width:1.25;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
.market-line-legend{color:#a8b7c2}
.market-summary{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
@media(max-width:480px){.market-summary>div:last-child{grid-column:auto}}
.market-cluster-legend{color:#b0bbc8}
.market-overlap{border:1px solid #484d5a;background:#252831;border-radius:7px;padding:14px;margin:12px 0}
.market-overlap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}
.market-overlap-heading button{font-size:12px;padding:6px 10px}
.market-overlap-options{display:grid;gap:7px;max-height:280px;overflow-y:auto;margin-top:12px}
.market-overlap-options button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;min-height:44px;white-space:normal;overflow-wrap:anywhere;font-size:12px;background:#30343e}
.market-overlap-options small{font-size:11px;font-weight:400;white-space:pre-line;color:var(--muted)}
.market-chart-tools{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:12px}
.market-chart-tools span{margin-right:5px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.market-chart-tools button{min-width:38px;min-height:36px;padding:5px 10px;font-size:13px}
.market-chart{user-select:none;touch-action:pan-y}
.market-chart.is-zoomed,.market-chart.is-zoomed .market-point{cursor:default}
.market-chart.is-panning,.market-chart.is-panning .market-point{cursor:default}
.market-viewport-empty{pointer-events:none;font-size:10px}
.market-y-price{font-weight:750;fill:var(--ink)}
.market-timeline{margin:-9px 0 15px;padding:13px 12px 0;border:1px solid var(--line);border-radius:8px;background:#1c1e24}
.market-timeline-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 15px}
.market-timeline-heading h3{font-size:12px;margin:0;font-weight:650}
.market-timeline-toggles{display:flex;gap:15px;flex-wrap:wrap}
.market-timeline-toggles label{flex-direction:row;align-items:center;gap:6px;font-size:11px;font-weight:500;cursor:pointer}
.market-timeline-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;color:var(--muted);font-size:11px}
.market-timeline-selection button{font-size:11px;min-height:27px;padding:4px 8px}
.market-timeline-chart{overflow-x:auto;overscroll-behavior-x:contain;margin:0 -12px}
.market-timeline-chart svg{display:block;width:100%;height:auto;font-family:inherit;font-size:10px;fill:var(--muted)}
.market-day{outline:none;cursor:default}
.market-timeline-chart.is-linked .market-day{cursor:pointer}
.market-day-hit{fill:transparent}
.market-day-bar{fill:#829c91;pointer-events:none}
.market-day-tick{stroke:#485448;stroke-width:1;pointer-events:none}
.market-day:is(:hover,:focus-visible) .market-day-hit{fill:#2a3933}
.market-day.selected .market-day-hit{fill:#354c40}
.market-day:is(.selected,:hover,:focus-visible) .market-day-bar{fill:var(--green)}
.market-day.selected .market-day-tick{stroke:var(--green);stroke-width:2}
.market-date-tick{pointer-events:none}
.market-date-label{outline:none;cursor:default}
.is-linked .market-date-label{cursor:pointer}
.is-linked .market-date-label:is(:hover,:focus-visible) text{fill:var(--ink);font-weight:700}
.market-timeline .hint{font-size:11px;margin:7px 0 11px}
.market-timeline-empty{font-size:12px;padding:20px}
.market-help-label{display:inline-flex;align-items:center;gap:4px}
.market-help{display:inline-flex;align-items:center;vertical-align:middle;flex-shrink:0}
.market-help .market-info{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:#a0acbf;cursor:pointer}
.market-info svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.market-info .info-dot{fill:currentColor;stroke:none}
.market-help .market-info:is(:hover,:focus-visible,[aria-expanded=true]){color:#d9dbe3;background:#343944;filter:none}
.market-help .market-help-popover{position:fixed;z-index:50;display:block;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;margin:0;padding:15px 17px;border:1px solid #484d5a;border-radius:9px;background:var(--surface);box-shadow:0 6px 24px #00000040;color:#d9dbe3;font-size:12px;font-weight:400;line-height:1.8;letter-spacing:normal;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:auto}
.market-help .market-help-popover strong{font-size:inherit;letter-spacing:normal}
.market-help .market-help-note{display:block;margin:11px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:inherit;color:var(--muted)}
.market-legend{align-items:center;column-gap:18px;row-gap:5px}
.market-chart-tools .market-chart-title{margin-right:auto;color:var(--ink);font-weight:650}
.market-chart-tools .market-help{margin:0}
.market-list-heading>.market-help-label{min-width:0;gap:5px}
.market-list-heading h3{margin:0}
.market-timeline{padding-bottom:8px}
@media(pointer:coarse){.market-help .market-info{width:36px;height:36px;min-width:36px;min-height:36px}}

/* Nested quest navigation and one shared six-column quest table. */
.quest-subtabs{display:flex;gap:7px;flex-wrap:wrap;padding:12px;background:var(--soft);border:1px solid var(--line);border-radius:9px;margin:-10px 0 28px}.quest-subtabs button{background:transparent;color:var(--muted);white-space:nowrap;font-size:13px}.quest-subtabs button[aria-selected=true]{background:var(--surface);color:var(--accent);border-color:#626a7b;box-shadow:0 1px 3px #00000026}.quest-guide-table th:nth-child(1){width:7%}.quest-guide-table th:nth-child(2){width:8%}.quest-guide-table th:nth-child(3){width:19%}.quest-guide-table th:nth-child(4){width:28%}.quest-guide-table th:nth-child(5){width:26%}.quest-guide-table th:nth-child(6){width:12%}.quest-guide-table .quest-kind{white-space:normal}.quest-route{font-weight:600;color:#b1c6e2;margin-bottom:8px}.quest-route-note{display:block;color:var(--muted);font-size:11px;margin-top:7px}.quest-stone-note{padding:10px;border-radius:5px;margin-top:12px;font-size:12px}.quest-stone-note strong{display:block;margin-bottom:4px}@media(max-width:700px){.quest-subtabs{gap:4px;padding:8px;margin:0 0 22px}.quest-subtabs button{padding:8px 10px;flex:1 1 29%;font-size:12px}.guide-tabs>button{min-width:100px}}
.quest-exp-value{display:block;font-weight:650}.quest-exp-label{display:block;font-size:11px;white-space:normal;line-height:1.5;margin-top:3px}.quest-exp-details{margin-top:8px;font-size:11px;line-height:1.6;white-space:normal;color:var(--muted)}.quest-exp-details summary{cursor:pointer;list-style-position:inside;white-space:normal;overflow-wrap:anywhere}.quest-exp-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.quest-exp-details>div{text-align:left;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.quest-exp-details p{margin:0 0 9px}.quest-exp-details dl{margin:0}.quest-exp-details dl>div{padding:7px 0;border-bottom:1px solid var(--line)}.quest-exp-details dt{color:var(--ink);font-weight:500}.quest-exp-details dd{margin:3px 0 0;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}.quest-exp-details dd.quest-unknown{color:#d9ba89}.quest-exp-details dd.quest-exp-alternatives{text-align:left;color:var(--muted);font-size:10px}.quest-exp-sources{display:grid;gap:6px;margin:10px 0}.quest-exp-sources a{color:var(--accent)}.quest-exp-details small{font-size:10px}

/* Dark form states match the currency charts, including native controls. */
/* Only the top price area changes; the calculator remains below both views. */
.price-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0;margin-bottom:16px;border-bottom:1px solid var(--line)}
.price-tabs button{font-size:16px}
.underline-tabs{padding:0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0}
.underline-tabs button{background:transparent;color:var(--muted);padding:10px 16px 0;border:0;border-radius:0;white-space:nowrap}
.underline-tabs button>span{display:inline-block;position:relative;padding-bottom:13px}
.underline-tabs button>span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent}
.underline-tabs button[aria-selected=true]{background:transparent;color:var(--button-text);border-color:transparent;box-shadow:none}
.underline-tabs button[aria-selected=true]>span::after{background:#a0a6b2}
.price-market-panel{max-height:clamp(360px,70dvh,660px);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;overscroll-behavior-y:contain;margin-bottom:30px}
.baseline-field{display:flex;flex-direction:column;gap:5px;min-width:0}.baseline-field-label{display:flex;align-items:center;gap:4px;min-height:28px}@media(pointer:coarse){.baseline-field-label{min-height:36px}}
/* Keep native scrolling and its layout space; reveal only the active thumb. */
/* Hide the rails on the page and nested panels; keep their native overflow,
   wheel, touch, keyboard and scroll containment behavior unchanged. */
:root,:root *{scrollbar-width:none!important;scrollbar-gutter:auto!important}
:root::-webkit-scrollbar,:root *::-webkit-scrollbar{display:none}
:root,:root :is(.guide-tabs,.quest-table-scroll,.table-scroll,.result-column,.market-overlap-options,.market-timeline-chart,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items){scrollbar-color:transparent transparent}
html:root.scrollbar-visible,html:root .scrollbar-visible{scrollbar-color:#737b8c transparent}
:root::-webkit-scrollbar-track,:root :is(.guide-tabs,.quest-table-scroll,.table-scroll,.result-column,.market-overlap-options,.market-timeline-chart,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items)::-webkit-scrollbar-track{background:transparent}
:root::-webkit-scrollbar-thumb,:root :is(.guide-tabs,.quest-table-scroll,.table-scroll,.result-column,.market-overlap-options,.market-timeline-chart,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items)::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}
html:root.scrollbar-visible::-webkit-scrollbar-thumb,html:root .scrollbar-visible::-webkit-scrollbar-thumb{background:#737b8c}
:root::-webkit-scrollbar-button,:root :is(.guide-tabs,.quest-table-scroll,.table-scroll,.result-column,.market-overlap-options,.market-timeline-chart,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items)::-webkit-scrollbar-button{display:none}
:root::-webkit-scrollbar-corner,:root :is(.guide-tabs,.quest-table-scroll,.table-scroll,.result-column,.market-overlap-options,.market-timeline-chart,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items)::-webkit-scrollbar-corner{background:transparent}
/* Contain each native scroll axis without intercepting chart zoom or page wheel events. */
:is(.result-column,.market-overlap-options,.market-help-popover,.price-market-panel,.currency-sources ul,.outfit-items,.hunting-linked-quest-content){overscroll-behavior-y:contain}
:is(.guide-tabs,.quest-table-scroll,.table-scroll,.market-timeline-chart,.market-help-popover,.outfit-items){overscroll-behavior-x:contain}
.outfit-items{scrollbar-width:thin}
@media(max-width:780px){.price-tabs{gap:5px}.price-tabs button{font-size:14px;flex:1;min-height:44px}}
input::placeholder{color:#929bab;opacity:1}input:autofill{box-shadow:0 0 0 1000px var(--input) inset;color:var(--ink)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--input) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}::selection{background:#435875;color:#f3f4f6}