:root{--title:#9bbbed;--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-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:28px;letter-spacing:-1.4px;line-height:1.35;font-weight:750;color:var(--title)}@media(max-width:700px){h1{font-size:24px}}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);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)}.site-footer p{margin:0 0 4px;line-height:1.7;overflow-wrap:anywhere}.site-footer p:last-child{margin-bottom:0}.site-footer a{color:inherit}[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}
.hunting-skill{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;margin:16px 0}
.hunting-skill .check-line{margin:0}
.hunting-skill-rate{flex-direction:row;align-items:center;gap:6px;font-size:13px;font-weight:500}
.hunting-skill-rate input{width:84px}
@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}}
@container market (max-width:700px){.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}}
/* On a phone (a finger is the main way of pointing), the equipment view is its search alone (market.mjs): a name typed,
   with or without "#", lists the listings of that item with their options and a button that puts one onto the post
   being written. The chart, its fields and its card are not shown there (the owner's request of 2026-10-14). */
.market-search{display:none}
@media(pointer:coarse){#market-panel>:not(.market-search){display:none}.market-search{display:block}.market-search input{width:100%;min-height:44px;font-size:16px}.market-search>.hint{margin:8px 0 0}.market-search-sort{display:flex;gap:6px;margin:8px 0 0}.market-search-sort button{flex:1 1 0;min-width:0;min-height:44px;padding:0 6px;font-size:12px;background:transparent;color:var(--muted);border:1px solid var(--line)}.market-search-sort button[aria-pressed=true]{background:var(--selected);color:var(--button-text);border-color:var(--selected)}.market-search-list{list-style:none;margin:6px 0 0;padding:0}.market-search-item{padding:10px 0 8px;border-top:1px solid var(--line)}.market-search-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.market-search-head strong{min-width:0;font-size:14px;overflow-wrap:anywhere}.market-search-price{flex:0 0 auto;font-size:15px;font-weight:700;color:var(--accent);white-space:nowrap}.market-search-meta{margin:2px 0 0;font-size:11px;line-height:1.5}.market-search-item .market-stats{margin:4px 0 0;line-height:1.5}.market-search-item>.hint{margin:4px 0 0}.market-search-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.market-search-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.market-search-actions button{min-height:44px;font-size:12px}#market-search-more{width:100%;min-height:44px;margin-top:8px}}
.market-chart svg{font-size:14px}#market-panel .step{white-space:nowrap;flex-shrink:0}@container market (min-width:701px){#market-panel .section-heading{margin-bottom:12px}#market-panel .field-grid{gap:8px 10px;margin-bottom:8px}#market-panel label{gap:3px}#market-panel :is(select,input:not([type=checkbox])){min-height:34px;padding:5px 9px}#market-panel .market-summary{padding:10px 0 6px}#market-median{font-size:18px}#market-panel .market-chart{margin:10px 0}}@container market (min-width:901px){.market-fields{display:grid;grid-template-columns:3fr 2fr;column-gap:10px}#market-primary-fields{grid-area:1/1}#market-compare-fields{grid-area:1/2}#market-stat-fields,#market-hp-fields{grid-column:1/-1}#market-panel .section-heading>div{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px}#market-panel .section-heading p{margin-top:0}#market-panel .market-more{margin-top:6px;padding-top:8px}#market-panel .market-summary{padding:6px 0 2px}#market-panel .market-summary>div{flex-direction:row;align-items:baseline;gap:8px}#market-panel .market-chart-tools{margin-top:4px}#market-panel .market-chart{margin:6px 0 10px}}/* Where a finger is the main way of pointing the fields keep their size, however wide the view. (Not any-pointer: a PC that can also be touched is used with its mouse.) */@media(pointer:coarse){#market-panel :is(select,input:not([type=checkbox])){min-height:42px;padding:9px 10px}}@container market (max-width:700px){#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}@container market (max-width:400px){.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)}

@container market (max-width:700px){.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)}
@container market (max-width:400px){.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-price{fill:var(--green);stroke:#1c1e24;stroke-width:.8;vector-effect:non-scaling-stroke;pointer-events:none}
.market-day-price.set{fill:#d4a56f}
.market-day-price.selected{stroke:var(--ink);stroke-width:1.6}
.market-card-actions [data-attach-listing]{margin-left:auto}
.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-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){.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. */
.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-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}
@media(max-width:780px){.price-tabs{gap:5px}.price-tabs button{font-size:14px;flex:1;min-height:44px}}
/* The equipment prices scroll inside their panel and are laid out by its width. */
.price-market-panel{max-height:clamp(300px,60dvh,540px);overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;overscroll-behavior-y:contain;margin-bottom:20px;container:market/inline-size}
.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}
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}
/* Calculation mode uses the same text size and underline as other subtabs. */
.calculator-modes{margin:0 0 12px}
.calculator-modes>button{font-size:var(--subtab-font-size,13px)}
#calculation-mode-description{margin:0 0 24px}
#hunting-combo-options{margin-top:18px}

/* Reputation quests keep the existing quest typography and scrolling. */
.quest-reputation-table{min-width:800px}
.quest-reputation-table th:nth-child(1){width:7%}
.quest-reputation-table th:nth-child(2){width:24%}
.quest-reputation-table th:nth-child(3){width:42%}
.quest-reputation-table th:nth-child(4){width:8%}
.quest-reputation-table th:nth-child(5){width:19%}
.quest-reputation-table .quest-reputation-value{color:var(--accent);font-weight:700;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.quest-reputation-count{font-size:12px;color:var(--muted);white-space:nowrap}
.quest-reputation-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.quest-reputation-materials .quest-section{margin-bottom:0}
.quest-reputation-items{margin:0;font-size:13px}
.quest-reputation-items>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.quest-reputation-items dt{overflow-wrap:anywhere}
.quest-reputation-items dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650}
.quest-reputation-sequence{min-width:360px}
.quest-reputation-sequence th:nth-child(1),.quest-reputation-sequence th:nth-child(2){width:18%}
#panel-reputation .quest-source>summary{font-size:13px}
@media(max-width:1000px){.quest-reputation-materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.quest-reputation-materials{grid-template-columns:1fr;gap:24px}.quest-panel .quest-reputation-sequence{min-width:300px}.quest-panel .quest-reputation-table{min-width:760px}}
/* The one button for the page's colours: each press goes to the next of light, dark and system, and its picture
   is the one it is on. It stands at the right end of the header on every width (beside the login button on the
   community tab); until 2026-10-12 it floated in the bottom left corner of a wide window. */
.theme-cycle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted)}
.theme-cycle:hover{color:var(--button-text);border-color:var(--muted)}
.theme-icon{display:none}
.theme-cycle[data-theme-mode=light] [data-theme-icon=light],.theme-cycle[data-theme-mode=dark] [data-theme-icon=dark],.theme-cycle[data-theme-mode=system] [data-theme-icon=system]{display:block}
/* light-theme:start — generated by scripts/build-light-theme.mjs, do not edit by hand */
/* style.css */
:root[data-theme=light]{--title:#2f62b3;--paper:#f3f4f7;--surface:#ffffff;--input:#fafbfc;--button:#e3e6ec;--button-text:#1d2026;--selected:#d3d8e2;--ink:#22252b;--muted:#5b6370;--line:#d5d9e0;--accent:#2f62b3;--soft:#f0f2f5;--green:#2e7d5b;--error:#c0392f;color-scheme:light;scrollbar-color:#737b8c var(--paper)}
:root[data-theme=light] .quest-table thead th{background:#e8e9ee;color:#2b2b2b}
:root[data-theme=light] .quest-table tbody tr:nth-child(2n){background:#f8f9fa}
:root[data-theme=light] .quest-table .quest-level-cell{background:#f0f1f4;color:#1d467d}
:root[data-theme=light] .quest-table .quest-stone{background:#f1f7f4;color:#2d7946}
:root[data-theme=light] .quest-unknown{color:#815918}
:root[data-theme=light] .quest-kind{color:#38805a}
:root[data-theme=light] .quest-daily{color:#094197}
:root[data-theme=light] .quest-caution{border-left:3px solid #8c7655}
:root[data-theme=light] .quest-scope{color:#2d7946;background:#f1f7f4}
:root[data-theme=light] input,:root[data-theme=light] select{border:1px solid #cbcfd8}
:root[data-theme=light] :focus-visible{outline:3px solid #00409e}
:root[data-theme=light] .seal{background:#a63838}
:root[data-theme=light] .notice{background:#f3f3f4;border-left:3px solid #8c785a;color:#59544a}
:root[data-theme=light] .notice strong{color:#423620}
:root[data-theme=light] .message{border:1px solid #c7d9d0;background:#f4f8f6;color:#2d7946}
:root[data-theme=light] .message.is-error{border-color:#b78d96;background:#f4eff1}
:root[data-theme=light] .item{background:#f8f8fa}
:root[data-theme=light] .item-fields .secondary-attack{background:#f2f3f5}
:root[data-theme=light] .estimate-tag{border:1px solid #b8ab97;color:#815918;background:#f5f3f1}
:root[data-theme=light] .file-label:focus-within{outline:3px solid #00409e}
:root[data-theme=light] .set-note{background:#f8faf9}
:root[data-theme=light] .hypothesis-note{color:#815918;background:#f5f3f1}
:root[data-theme=light] .selected-scenario{background:#edf3f0}
:root[data-theme=light] .selected-label{background:#dbe8e1}
:root[data-theme=light] input:disabled{background:#f2f3f5}
:root[data-theme=light] .market-coverage{background:#f5f3f1;border-left:3px solid #8c785a}
:root[data-theme=light] .market-chart{background:#fbfbfc}
:root[data-theme=light] .chart-grid line{stroke:#f0f1f3}
:root[data-theme=light] .chart-axis{stroke:#5e6675}
:root[data-theme=light] .market-card{background:#f8f8fa}
@media(max-width:780px){:root[data-theme=light] .mobile-result{background:#fafafb;color:#2e3552;border-top:3px solid #405e8d;box-shadow:0 -3px 14px #00000011}
:root[data-theme=light] .mobile-result>small{color:#405073}
}
:root[data-theme=light] .market-set-legend{color:#855110}
:root[data-theme=light] .market-set-point{fill:#945b19}
:root[data-theme=light] .market-set-point:hover path{fill:#7e4504}
:root[data-theme=light] .market-set-label{fill:#855110;stroke:#f6f6f8}
:root[data-theme=light] .market-set-card{border-left:4px solid #945b19}
:root[data-theme=light] .market-set-badge{border:1px solid #baa58a;background:#f5f2ee;color:#855110}
:root[data-theme=light] .market-set-row{background:#faf9f8}
:root[data-theme=light] .market-price-popover{border:1px solid #cbcfd8;box-shadow:0 6px 22px #0000001d}
:root[data-theme=light] .projected-character{border:1px solid #c7d9d0;background:#f4f8f6}
:root[data-theme=light] .market-point .point-symbol{stroke:#f6f6f8}
:root[data-theme=light] .market-cluster,:root[data-theme=light] .market-cluster:hover .point-symbol{fill:#3a5370}
:root[data-theme=light] .market-price-line{stroke:#4b708b}
:root[data-theme=light] .market-line-legend{color:#3e5e76}
:root[data-theme=light] .market-cluster-legend{color:#3a5370}
:root[data-theme=light] .market-overlap{border:1px solid #cbcfd8;background:#f8f8fa}
:root[data-theme=light] .market-overlap-options button{background:#e8e9ee}
:root[data-theme=light] .market-timeline{background:#fbfbfc}
:root[data-theme=light] .market-day-bar{fill:#566c63}
:root[data-theme=light] .market-day-tick{stroke:#edf0ed}
:root[data-theme=light] .market-day-price{stroke:#f6f6f8}
:root[data-theme=light] .market-day-price.set{fill:#945b19}
:root[data-theme=light] .market-day:is(:hover,:focus-visible) .market-day-hit{fill:#f2f5f4}
:root[data-theme=light] .market-day.selected .market-day-hit{fill:#eff4f1}
:root[data-theme=light] .market-help .market-info{color:#3e567c}
:root[data-theme=light] .market-help .market-info:is(:hover,:focus-visible,[aria-expanded=true]){color:#2e3552;background:#e2e4ea}
:root[data-theme=light] .market-help .market-help-popover{border:1px solid #cbcfd8;box-shadow:0 6px 24px #0000001d;color:#2e3552}
:root[data-theme=light] .quest-route{color:#1d467d}
:root[data-theme=light] .quest-exp-details dd.quest-unknown{color:#815918}
:root[data-theme=light] .underline-tabs button[aria-selected=true]>span::after{background:#575e6b}
html[data-theme=light]:root.scrollbar-visible,html[data-theme=light]:root .scrollbar-visible{scrollbar-color:#737b8c transparent}
html[data-theme=light]:root.scrollbar-visible::-webkit-scrollbar-thumb,html[data-theme=light]:root .scrollbar-visible::-webkit-scrollbar-thumb{background:#737b8c}
:root[data-theme=light] input::placeholder{color:#4c6083}
:root[data-theme=light] ::selection{background:#8a9fbc;color:#242d40}
/* currency.css */
:root[data-theme=light] .currency-panel{background:#f3f3f6;color:#2e3552;box-shadow:0 2px 8px #18191e05}
:root[data-theme=light] .currency-heading h2{color:#242d40}
:root[data-theme=light] .currency-unit{color:#565963}
:root[data-theme=light] .currency-ranges{background:#f9fafb}
:root[data-theme=light] .currency-ranges button{color:#5d626f}
:root[data-theme=light] .currency-ranges button[aria-pressed=true]{color:#22223d;background:#d8dadf}
:root[data-theme=light] .currency-card+.currency-card{border-left:1px solid #ececef}
:root[data-theme=light] .currency-card-head h3{color:#3e414e}
:root[data-theme=light] .currency-card-head h3 span{color:#555966;background:#f4f4f6;border:1px solid #e0e1e6}
:root[data-theme=light] .currency-card-head>a{color:#565963}
:root[data-theme=light] .currency-card-head>a:hover{color:#2b2b2b}
:root[data-theme=light] .currency-quote>strong{color:#272f4f}
:root[data-theme=light] .currency-quote small{color:#565963}
:root[data-theme=light] .currency-up{--currency-color:#cd001d}
:root[data-theme=light] .currency-down{--currency-color:#005cd1}
:root[data-theme=light] .currency-flat{--currency-color:#3a5370}
:root[data-theme=light] .currency-benchmark{color:#595e6a}
:root[data-theme=light] .currency-reference{stroke:#75788a}
:root[data-theme=light] .currency-guide{stroke:#666a74}
:root[data-theme=light] .currency-crosshair circle{stroke:#f7f7f8}
:root[data-theme=light] .currency-tooltip{border:1px solid #cdd0d8;background:#f8f8faf5;color:#29314e;box-shadow:0 4px 12px #0000001f}
:root[data-theme=light] .currency-tooltip small{color:#525666}
:root[data-theme=light] .currency-dates{color:#5f6572}
:root[data-theme=light] .currency-bottom dt{color:#5d6371}
:root[data-theme=light] .currency-bottom dd{color:#2b3554}
:root[data-theme=light] .currency-bottom dd small{color:#5d6371}
:root[data-theme=light] .currency-panel .currency-show-sources{color:#3f4d70}
:root[data-theme=light] .currency-panel .currency-show-sources:hover{color:#2b2b2b}
:root[data-theme=light] .currency-sample{color:#5f6571}
:root[data-theme=light] .currency-updated{color:#5f6571;border-top:1px solid #f1f2f5}
:root[data-theme=light] .currency-sources{border:1px solid #e0e1e8;background:#fafafb}
:root[data-theme=light] .currency-source-heading button{color:#435474}
:root[data-theme=light] .currency-sources ul{scrollbar-color:#737b8c #fafafb;color-scheme:light}
:root[data-theme=light] .currency-sources li{border-top:1px solid #e2e4ea}
:root[data-theme=light] .currency-sources li a{color:#2a3e64}
:root[data-theme=light] .currency-sources li small{color:#4c5e83}
:root[data-theme=light] .currency-empty-plot{color:#5f6571}
:root[data-theme=light] .currency-panel .currency-info{color:#4d6382}
:root[data-theme=light] .currency-help-text{border:1px solid #c9cdd7;background:#f8f8fa;color:#324262;box-shadow:0 8px 24px #0000001f}
:root[data-theme=light] .currency-help-text p{color:#324262}
:root[data-theme=light] .currency-help-text strong{color:#23304e}
:root[data-theme=light] .currency-load-error{color:#425372}
:root[data-theme=light] .currency-load-error button{color:#26334d;background:#e4e6eb}
:root[data-theme=light] .currency-panel :focus-visible{outline:2px solid #00409e}
@container currency (max-width:490px){:root[data-theme=light] .currency-card+.currency-card{border-top:1px solid #ececef}
}
@media(pointer:coarse){:root[data-theme=light] .currency-chip{border:1px solid #ececef}
:root[data-theme=light] .currency-chip b{color:#4d6382}
:root[data-theme=light] .currency-compact-foot{color:#4d6382}
}
/* outfit.css */
:root[data-theme=light] .outfit-toggles input,:root[data-theme=light] .outfit-favorite-filter input{accent-color:#575e6b}
:root[data-theme=light] .outfit-slots button[aria-pressed=true]{border-color:#575e6b}
:root[data-theme=light] .outfit-item.selected{border-color:#575e6b;background:#e5e6eb}
:root[data-theme=light] .outfit-star{color:#3d4a68}
:root[data-theme=light] .outfit-star[aria-pressed=true]{color:#885e0a}
:root[data-theme=light] .outfit-categories button[aria-pressed=true]{border-bottom-color:#575e6b}
:root[data-theme=light] .outfit-library-views button[aria-pressed=true]{border-color:#575e6b}
:root[data-theme=light] .monthly-image{background:#fafafb}
@media(max-width:900px){:root[data-theme=light] .outfit-pip:not([hidden]){border:1px solid #818a9a;box-shadow:0 6px 24px #0000002e}
}
/* skills.css */
:root[data-theme=light] .skills-character [data-skill-power]{color:#184482}
:root[data-theme=light] .skill-copy .skill-percentage,:root[data-theme=light] .skill-build-skill .skill-percentage{color:#1c447b}
:root[data-theme=light] .skills-library-modes button[aria-pressed=true]{background:#e7e8ed;border-color:#575e6b}
:root[data-theme=light] .skill-build-note{color:#1c447b}
:root[data-theme=light] .skill-build-number{color:#1c447b}
:root[data-theme=light] .skill-build-sequence li.is-current{border-color:#575e6b;box-shadow:inset 0 -3px #a0a6b2;background:#e8e9ee}
:root[data-theme=light] .skill-sequence-status{color:#1c447b}
:root[data-theme=light] .skills-sequence-progress{border:1px solid #8f98aa;color:#1c447b}
:root[data-theme=light] .skill-build-skill:hover{background:#eff0f3}
:root[data-theme=light] .skill-build-skill[aria-pressed=true]{border-color:#575e6b;background:#e7e8ed}
:root[data-theme=light] .skill-build-target{color:#1c447b}
:root[data-theme=light] .skills-factions button[aria-pressed=true]{border-bottom-color:#575e6b}
:root[data-theme=light] .skill-choice[aria-pressed=true]{border-color:#575e6b;background:#e7e8ed;box-shadow:inset 3px 0 #a0a6b2}
:root[data-theme=light] .skill-choice:hover{background:#eff0f3}
:root[data-theme=light] .skill-copy em{color:#1c447b}
:root[data-theme=light] .skills-equipped-weapon{color:#1c447b}
:root[data-theme=light] .skills-flip input{accent-color:#575e6b}
:root[data-theme=light] .skills-seek input{accent-color:#575e6b}
:root[data-theme=light] .skills-calibration{color:#1c447b}
/* hunting.css */
:root[data-theme=light] .hunting-group h2>span{border:1px solid #cbd4e0}
:root[data-theme=light] .hunting-toggle:hover,:root[data-theme=light] .hunting-toggle[aria-expanded=true]{background:#f1f2f5}
:root[data-theme=light] .hunting-level{color:#1a427c}
:root[data-theme=light] .hunting-kind{color:#304b73;background:#e2e6ed}
:root[data-theme=light] .hunting-kind.is-tip{color:#3e6743;background:#ebf1ee}
:root[data-theme=light] .hunting-player-status{background:#fafafb}
:root[data-theme=light] .hunting-player-status button{background:#d3d9e3}
:root[data-theme=light] .hunting-chapters button[aria-pressed=true]{background:#dfe2e9;border-color:#53647d}
/* bestiary.css */
:root[data-theme=light] .bestiary-card-type.is-legacy{color:#6d5028}
:root[data-theme=light] .bestiary-bands button[aria-pressed=true]{border-color:#4a6189}
:root[data-theme=light] .bestiary-card>button:hover{background:#f1f2f5}
:root[data-theme=light] .bestiary-card.is-complete{border-color:#69947e}
:root[data-theme=light] .bestiary-dialog{border:1px solid #969cac}
:root[data-theme=light] .bestiary-dialog::backdrop{background:#090b1265}
:root[data-theme=light] .is-unknown,:root[data-theme=light] .bestiary-unknown{color:#6d5028}
:root[data-theme=light] .bestiary-pieces button[aria-pressed=true]{background:#ebf4f0;border-color:#68967e;color:#246c3d}
/* experience.css */
:root[data-theme=light] .experience-categories button[aria-pressed=true]{background:#e3e5ea;border-color:#78808f}
:root[data-theme=light] .experience-table .experience-effect.is-indirect{color:#59544a}
/* news.css */
:root[data-theme=light] .news-category{color:#003b8f;background:#dae3ef}
:root[data-theme=light] .news-category[data-category=update]{color:#7f3900;background:#eee6e1}
:root[data-theme=light] .news-date{color:#575e6b}
:root[data-theme=light] .news-count{color:#3b4e6d}
:root[data-theme=light] .news-controls button{color:#283653}
:root[data-theme=light] .news-controls button:hover{background:#e3e6ea}
/* heat-events.css */
:root[data-theme=light] .heat-help p{box-shadow:0 8px 20px #0000001f}
:root[data-theme=light] .heat-item[data-heat-phase=upcoming] .heat-state{color:#725a1d;background:#f5f3ee;border-color:#ebe4d5}
:root[data-theme=light] .heat-state{color:#32744a;background:#edf2f0;border:1px solid #d6e2dc}
/* enhancement.css */
:root[data-theme=light] .enh-modes button[aria-pressed=true]{border-color:#575e6b}
:root[data-theme=light] .enh-stage{border-top:3px solid #575e6b}
:root[data-theme=light] .enh-meter{background:#e2e4ea}
:root[data-theme=light] .enh-meter i{background:#575e6b}
:root[data-theme=light] .enh-actions .enh-primary{background:#224b81;color:#f4f6f9;border-color:#224b81}
:root[data-theme=light] .enh-rules .enh-assumption,:root[data-theme=light] .enh-assumption{color:#765322}
/* beginner.css */
:root[data-theme=light] .beginner-link.primary{border-color:#999fac}
:root[data-theme=light] .beginner-note{border-left:3px solid #44648e}
:root[data-theme=light] .beginner-route li{border-top:2px solid #939cab}
/* navigation.css */
@media(max-width:780px){:root[data-theme=light] .menu-docked .guide-tabs{box-shadow:0 -1px 0 color-mix(in srgb,var(--muted) 55%,var(--surface)),0 -3px 14px #00000011}
}
/* community.css */
:root[data-theme=light] .community-tags{box-shadow:0 10px 28px #00000034}
:root[data-theme=light] .community-alts{box-shadow:0 4px 14px #0000001d}
:root[data-theme=light] .community-mentions{box-shadow:0 6px 18px #00000020}
:root[data-theme=light] .community-bell-panel{box-shadow:0 10px 28px #00000028}
:root[data-theme=light] .community-card-menu{box-shadow:0 10px 28px #00000034}
/* checked on screen */
:root[data-theme=light] .seal{color:#f6f1ea}
:root[data-theme=light] .enh-character{--surface:#202228}
:root[data-theme=light] .enh-character-stage{background:#202228;border-radius:8px}
:root[data-theme=light] .enh-character-stage p{color:#a0a6b2}
:root[data-theme=light] .enh-tier{background:#252831;border-color:#363946;color:#d9dbe3}
/* light-theme:end */