@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111311;--panel:#191c19;--panel2:#20241f;--line:#30362e;--muted:#a3ab9c;--text:#eceee5;--gold:#d0b47a;--green:#99b98c;--serif:'Noto Serif TC',serif;--sans:'Noto Sans TC',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{color:inherit}a:hover{color:var(--gold)}.skip{position:fixed;top:-60px;left:20px;background:var(--gold);color:#111;padding:8px;z-index:20}.skip:focus{top:10px}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#171a16;display:flex;flex-direction:column;padding:32px 22px;z-index:10}.brand{display:block;line-height:0}.brand-logo{display:block;width:100%;max-width:200px;height:auto}.edition{font-size:12px;color:var(--muted);margin:28px 0 24px;display:flex;justify-content:space-between}.edition span{color:var(--gold)}.nav-caption{font-size:12px;letter-spacing:2px;color:#818b7d;margin:25px 12px 10px}nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;margin:3px 0;color:#b5bcae;font-size:14px;border-left:2px solid transparent}nav a.active{background:#2a2e23;border-left-color:var(--gold);color:var(--gold)}.nav-icon{width:22px;display:grid;place-items:center;color:#919c86}.nav-count{margin-left:auto;font-size:12px;opacity:.6}.sidebar-bottom{margin-top:auto;padding-top:40px;font-size:12px;color:var(--muted)}.sidebar-bottom p{font-family:var(--serif);font-size:14px;color:#c4cbbd}.sidebar-bottom a{display:block;margin:16px 0}.sidebar-bottom small{font-size:11px;line-height:1.8;display:block}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.workspace{margin-left:244px}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:#111311ed}.crumb{font-size:13px;color:var(--muted)}.official-link{font-size:13px;color:#c2c8bc}.menu-toggle{display:none;background:none;border:0}main{max-width:1440px;margin:auto;padding:36px 44px 64px;min-height:80vh}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:24px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:34px;letter-spacing:2px;margin:9px 0 8px;font-weight:600;line-height:1.4}h2{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:1px;line-height:1.5}h3{font-size:17px;font-weight:500}.sub{color:var(--muted);font-size:14px;margin-bottom:0}.date-note{color:#adb49e;font-size:12px;white-space:nowrap;text-align:right}.search-box{display:flex;align-items:center;gap:15px;border:1px solid #666348;background:#1d211b;padding:14px 20px;border-radius:3px}.search-box svg{flex-shrink:0;color:var(--gold)}.search-box input{width:100%;background:none;border:0;color:var(--text);outline:none;font-size:16px}.search-box input::placeholder{color:#939a8b}.search-box kbd{font-size:12px;border:1px solid #515747;border-radius:3px;padding:0 7px;color:var(--muted)}.search-submit{border:0;background:var(--gold);color:#171b15;padding:6px 18px;font-size:14px;white-space:nowrap;border-radius:2px}.quick-links{display:flex;gap:16px;color:var(--muted);font-size:12px;margin:10px 0 26px;flex-wrap:wrap}.quick-links a{color:#c5cbbd}.hero{border:1px solid #3c4234;min-height:205px;position:relative;overflow:hidden;background:#20271e;padding:30px 34px;margin-top:22px;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141b15 0%,#182218eb 36%,#161d1630 100%);z-index:1}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;opacity:.65}.hero-content{position:relative;z-index:2;max-width:570px}.hero h2{font-size:30px;margin:9px 0 12px}.hero p{font-size:14px;color:#c3caba;margin-bottom:18px}.text-link{font-size:13px;color:var(--gold);display:inline-flex;align-items:center;gap:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 16px;gap:20px}.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.category-card{padding:20px 20px 16px;min-width:0;border-right:1px solid var(--line);position:relative;background:#1a1e18}.category-card:last-child{border-right:0}.category-card:hover{background:#252b21}.category-top{display:flex;justify-content:space-between;align-items:start}.category-card img{height:58px;width:58px;object-fit:contain;image-rendering:pixelated}.category-card .number{font-family:Georgia,serif;font-size:28px;color:#67775e}.category-card h3{font-family:var(--serif);font-size:19px;margin:10px 0 3px}.category-card p{font-size:12px;color:var(--muted);margin:0}.two-column{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:28px}.panel{border:1px solid var(--line);background:var(--panel)}.row-link{display:flex;padding:14px 18px;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.row-link:last-child{border-bottom:0}.row-link:hover{background:var(--panel2)}.row-number{font-family:Georgia,serif;color:#6e8061;font-size:20px}.row-link strong{font-size:14px;font-weight:500}.row-link small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.row-link .arrow{margin-left:auto;color:var(--gold)}.news-row{padding:15px 18px;border-bottom:1px solid var(--line)}.news-row:last-child{border-bottom:0}.news-row time{font-size:11px;color:var(--gold)}.news-row a{display:block;font-size:14px;margin-top:5px}.tag{display:inline-flex;align-items:center;border:1px solid #414b39;color:#bacaac;font-size:12px;padding:2px 8px;line-height:1.7;border-radius:2px}.tag.gold{border-color:#615035;color:var(--gold)}.tag.soft{background:#20251d;border-color:#333e2a}.tag.red{color:#e2aa98;border-color:#685043}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.toolbar select{background:var(--panel);border:1px solid #47523e;color:#d9dfd0;border-radius:2px;padding:9px 35px 9px 12px;font-size:14px;max-width:100%}.toolbar label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.result-count{color:var(--muted);font-size:13px;margin-left:auto}.tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;margin:22px 0}.tabs a{padding:9px 0;font-size:14px;color:var(--muted);border-bottom:2px solid transparent}.tabs a.active{border-color:var(--gold);color:var(--gold)}.catalog-table{width:100%;border-collapse:collapse;table-layout:fixed}.catalog-table th{text-align:left;font-size:12px;color:var(--muted);background:#1e241b;font-weight:400;padding:12px 16px;border-bottom:1px solid #414737}.catalog-table td{padding:11px 16px;border-bottom:1px solid #2d3528;font-size:14px;vertical-align:middle;overflow-wrap:anywhere}.catalog-table tbody tr:hover{background:#1e241b}.catalog-table th:first-child{width:35%}.catalog-table th:last-child{width:15%}.item-cell{display:flex;gap:15px;align-items:center}.icon-box{flex-shrink:0;background:#11160f;border:1px solid #353e2e;width:52px;height:52px;display:grid;place-items:center;border-radius:3px}.icon-box img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.item-cell strong{font-weight:500;color:#e2e7d9}.item-cell small{display:block;color:var(--muted);font-size:12px}.muted{color:var(--muted)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0;flex-wrap:wrap}.pagination button{border:1px solid var(--line);background:var(--panel);padding:6px 13px;font-size:14px}.pagination button.active{color:var(--gold);border-color:#827047}.pagination button:disabled{opacity:.35;cursor:default}.detail-header{display:flex;gap:24px;align-items:center;margin:26px 0}.detail-icon{width:114px;height:114px;border:1px solid #605137;display:grid;place-items:center;background:radial-gradient(#303321,#161b13)}.detail-icon img{max-width:98px;max-height:100px;object-fit:contain;image-rendering:pixelated}.detail-header h1{margin:5px 0 10px}.back{font-size:13px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px}.detail-layout h2{margin-top:32px;margin-bottom:16px}.detail-layout h2:first-child{margin-top:0}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);background:var(--panel)}.fact{display:flex;gap:20px;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px}.fact:nth-child(odd){border-right:1px solid var(--line)}.fact span{color:var(--muted)}.fact strong{font-weight:500;text-align:right}.detail-note{border-left:2px solid var(--gold);padding:13px 18px;background:#24251b;font-size:14px;color:#d1c7a6;margin:20px 0}.source-card{padding:22px;border:1px solid var(--line);font-size:13px;background:var(--panel);align-self:start}.source-card h3{font:600 16px var(--serif);color:var(--gold)}.source-card p{color:var(--muted)}.source-card a{display:block;color:var(--gold);overflow-wrap:anywhere}.source-card hr{border:0;border-top:1px solid var(--line);margin:20px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 10px;background:var(--panel);font-size:13px}.chip img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}.empty{padding:60px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.empty h2{color:var(--text)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{padding:24px;border:1px solid var(--line);background:var(--panel)}.guide-card:hover{border-color:#73623e}.guide-card h2{font-size:20px;margin:12px 0}.guide-card p{font-size:14px;color:var(--muted);margin-bottom:0}.article{max-width:780px}.article p,.article li{color:#c6cdbf;line-height:1.95}.article h2{margin-top:34px}.article li{margin-bottom:10px}.article ul,.article ol{padding-left:24px}.article .lead{font-size:18px;color:#d9dfd1;font-family:var(--serif);padding-bottom:22px;border-bottom:1px solid var(--line)}.source-list{display:grid;gap:12px}.source-entry{padding:20px;border:1px solid var(--line)}.source-entry h3{color:var(--gold);margin-bottom:7px}.source-entry p{font-size:14px;color:var(--muted);margin-bottom:6px}.source-entry a{font-size:13px;overflow-wrap:anywhere}.loading{text-align:center;padding:80px;color:var(--muted)}footer{display:flex;gap:24px;flex-wrap:wrap;padding:24px 44px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer span{flex:1}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:#c2c8bc}.footer-links a:hover{color:var(--gold)}.summary-strip{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 24px}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.region{padding:20px;background:var(--panel);border:1px solid var(--line)}.region h3{font:500 19px var(--serif);margin-bottom:8px}.region small{color:var(--muted)}.class-portrait{width:100%;height:190px;object-fit:contain;object-position:bottom;background:#121811}.search-results{margin-top:24px}.info-line{font-size:13px;color:var(--muted);margin:20px 0}.notice{padding:12px 16px;background:#1f281c;border:1px solid #3d4a32;color:#b9c8ac;font-size:13px;margin:18px 0}.mobile-only{display:none}
@media(min-width:1550px){main{padding-top:42px}.hero{min-height:235px}.category-card{padding:25px}}
@media(max-width:1150px){.sidebar{width:214px;padding:28px 16px}.workspace{margin-left:214px}main{padding:28px}.topbar{padding:0 28px}.category-card{padding:16px 12px}.two-column{gap:18px;grid-template-columns:1.3fr 1fr}.detail-layout{grid-template-columns:1fr}.source-card{max-width:none}.guide-grid{grid-template-columns:repeat(2,1fr)}.brand-logo{max-width:182px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:245px;box-shadow:20px 0 60px #0009}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.menu-toggle{display:block;font-size:22px;margin-right:16px}.topbar{height:60px;padding:0 20px;justify-content:start}.official-link{margin-left:auto}.page-heading{align-items:start}.date-note{display:none}main{padding:24px 20px 40px}h1{font-size:28px}.hero{min-height:200px;padding:25px}.hero h2{font-size:25px}.two-column{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:nth-child(2){border-right:0}.category-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.catalog-table th:first-child{width:48%}.catalog-table th:last-child{width:20%}.catalog-table td,.catalog-table th{padding:10px}.catalog-table .hide-mobile{display:none}.item-cell{gap:9px}.icon-box{width:42px;height:42px}.icon-box img{width:34px;height:34px}.catalog-table td{font-size:13px}.fact-grid{grid-template-columns:1fr}.fact:nth-child(odd){border-right:0}.detail-icon{width:90px;height:90px}.detail-icon img{max-width:78px;max-height:78px}.detail-header{gap:17px}.detail-header h1{font-size:25px}.guide-grid,.region-grid{grid-template-columns:repeat(2,1fr)}.tabs{gap:18px}.result-count{width:100%;margin-left:0}.search-box{padding:11px 13px;gap:10px}.search-box kbd{display:none}footer{padding:24px 20px}footer span{flex-basis:100%}.quick-links{gap:13px}.search-submit{padding:6px 12px}.mobile-only{display:block}}
.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:480px){.guide-grid,.region-grid,.class-grid{grid-template-columns:1fr}.search-box input{font-size:14px}.search-box svg{width:18px}.hero-content p{max-width:270px}.hero{padding:22px}.category-card h3{font-size:18px}.search-submit{font-size:12px}.topbar .crumb{font-size:12px}.detail-header .tag{font-size:11px}.catalog-table th:first-child{width:55%}}

.detail-layout{grid-template-columns:minmax(0,1fr);max-width:1000px}.detail-layout .article{max-width:840px}
.chip small{display:block;font-size:12px;line-height:1.5}.article .chips{margin-bottom:24px}
.tabs{flex-wrap:wrap;gap:8px 22px}.article-toc{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:26px}.article-toc button{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:7px 12px;font-size:14px;color:var(--gold)}.article-toc button:hover{background:var(--panel2)}.article section{scroll-margin-top:24px}.article section:focus{outline:none}.article section:focus-visible h2{outline:1px solid var(--gold);outline-offset:8px}
.featured-monsters{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.featured-monster{display:flex;align-items:center;gap:16px;flex:1;min-width:210px;background:var(--panel);border:1px solid var(--line);padding:16px}.featured-monster img{width:62px;height:72px;object-fit:contain;image-rendering:pixelated}.featured-monster strong{display:block;font-weight:500}.featured-monster small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.region-guide-links{margin-bottom:26px}
.compare-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.compare-selectors label{display:grid;gap:8px;color:var(--muted);font-size:13px}.compare-selectors select{min-width:0;background:var(--panel);border:1px solid #47523e;color:var(--text);padding:11px}.compare-table-wrap{overflow:auto;border:1px solid var(--line)}.compare-table{width:100%;min-width:720px;border-collapse:collapse;background:var(--panel)}.compare-table th,.compare-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:14px}.compare-table thead th,.compare-table tbody th{color:var(--muted);background:#1e241b;font-weight:400}.compare-table tbody th{width:150px}.compare-table td{line-height:1.7}.compare-name{display:flex;align-items:center;gap:12px;color:var(--text)}.compare-name img{width:44px;height:44px;object-fit:contain;image-rendering:pixelated}.compare-name small{display:block;color:var(--muted);margin-top:3px}.compare-empty{color:var(--muted)}
@media(max-width:700px){.compare-selectors{grid-template-columns:1fr}.compare-table tbody th{width:120px}}
.region-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.region-filters button{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);background:var(--panel);color:#c4cbbd;font-size:13px}.region-filters button[aria-pressed="true"]{border-color:#827047;color:var(--gold);background:#24251b}.region-filters span{color:var(--muted);font-size:11px}.region-sizes{display:block;margin-top:4px}
.class-card{padding:0;overflow:hidden}.class-card[data-selected="true"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.class-card-body{padding:22px}.class-card-body h2{margin:8px 0}.class-card-body h3{font:500 14px var(--serif);color:var(--gold);margin:18px 0 8px}.class-counts{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;padding:12px;border:1px solid var(--line);color:var(--muted);font-size:13px}.class-counts span+span{border-left:1px solid var(--line);padding-left:10px}.class-links{margin-top:18px}.class-quest-start{font-size:13px;color:var(--muted)}.class-quest-start a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
/* Monster sprites are original 192px game icons with transparent margins; enlarge inside a compact, predictable frame. */
.icon-box.monster-icon-box,.detail-icon.monster-detail-icon{position:relative;overflow:hidden;flex:none}
.icon-box.monster-icon-box{width:112px;height:116px;padding:0}
.icon-box img.monster-catalog-image,.detail-icon.monster-detail-icon img.monster-detail-image{position:absolute;left:50%;top:50%;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:translate(-50%,-50%);image-rendering:pixelated}
.icon-box img.monster-catalog-image{width:228px;height:228px}
.detail-icon.monster-detail-icon{width:340px;height:360px}
.detail-icon.monster-detail-icon img.monster-detail-image{width:560px;height:560px}
@media(max-width:800px){.icon-box.monster-icon-box{width:96px;height:100px}.icon-box img.monster-catalog-image{width:204px;height:204px}.detail-icon.monster-detail-icon{width:280px;height:300px}.detail-icon.monster-detail-icon img.monster-detail-image{width:480px;height:480px}}
@media(max-width:480px){.icon-box.monster-icon-box{width:84px;height:90px}.icon-box img.monster-catalog-image{width:180px;height:180px}.detail-icon.monster-detail-icon{width:220px;height:240px}.detail-icon.monster-detail-icon img.monster-detail-image{width:400px;height:400px}}
.actual-map-card{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:24px;padding:24px;background:var(--panel);border:1px solid var(--line);margin-top:24px}.actual-map-copy h2{font:500 22px var(--serif);margin:12px 0}.actual-map-copy h3{font:500 16px var(--serif);margin:24px 0 10px}.actual-map-copy p,.actual-map-copy li{color:var(--muted);line-height:1.8}.actual-map-copy ol{padding-left:22px}.map-point-list{display:flex;flex-wrap:wrap;gap:7px}.map-floor-groups{display:grid;gap:12px}.map-floor-group{padding-top:8px;border-top:1px solid var(--line)}.map-floor-group h3{margin:12px 0 4px}.map-floor-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.actual-map-image-link{display:block;align-self:start;color:var(--gold);text-align:right}.actual-map-image{display:block;width:100%;height:auto;border:1px solid var(--line);image-rendering:auto}.actual-map-image-link>span{display:inline-block;margin-top:8px;font-size:12px}.actual-map-caption{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:left}.region-list-map-link{display:inline-flex;align-items:center;margin:10px 0;color:var(--gold)}
 .actual-map-gallery{display:grid;align-content:start;gap:18px;min-width:0}.actual-map-figure{margin:0;min-width:0}.actual-map-figure figcaption{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.actual-map-gallery .actual-map-image-link{margin:0}
@media(max-width:800px){.actual-map-card{grid-template-columns:1fr}.actual-map-copy{order:1}.actual-map-image-link{order:0}}
@media(max-width:800px){.actual-map-gallery{order:0}}
.query-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.query-card{padding:20px;background:var(--panel);border:1px solid var(--line);min-width:0}.query-card h2{font:500 21px var(--serif);margin:10px 0}.query-card p{color:var(--muted);line-height:1.8}.query-card h3{font:500 14px var(--serif);margin:18px 0 8px}.craft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.craft-entry{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;background:var(--panel);border:1px solid var(--line);color:var(--text)}.craft-entry img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex:none}.craft-entry>span{min-width:0;display:grid;gap:4px}.craft-entry strong{font-weight:500}.craft-entry small{color:var(--muted)}.craft-entry .craft-recipe{line-height:1.45}.craft-entry .chips{gap:5px}.craft-entry .tag{font-size:10px}
.map-search{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted)}.map-search input{width:min(100%,420px);padding:10px 12px;color:var(--text);background:var(--panel);border:1px solid var(--line)}.map-search #map-count{margin-left:auto}.actual-map-card[hidden]{display:none}.map-search-suggestions{margin-top:24px;padding:22px;background:var(--panel);border:1px solid var(--line)}.map-search-suggestions h2{font:500 21px var(--serif);margin:0 0 12px}.map-search-suggestions h3{font:500 15px var(--serif);margin:22px 0 10px}.map-search-suggestions[hidden]{display:none}
@media(max-width:900px){.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.query-card-grid,.craft-grid{grid-template-columns:1fr}}
.recipe-ingredient{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:7px}.recipe-ingredient .chip{margin:0}.recipe-ingredient small{color:var(--muted);white-space:nowrap}.recipe-or{font-size:12px;color:var(--muted)}
.recipe-quantity{display:inline-flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--muted);font-size:13px}.recipe-quantity input{width:84px;padding:7px 9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}
.recipe-material-summary{margin:0 0 22px;padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.recipe-material-summary h3{margin:0 0 8px}.recipe-material-summary h4{margin:16px 0 8px}.recipe-material-summary .chips{gap:8px}
/* Per-browser quest checklist progress. */
.task-checklist{margin:16px 0 8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.task-checklist-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.task-checklist-head strong{color:var(--gold);font-variant-numeric:tabular-nums}.task-reset{border:0;background:transparent;color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.task-reset:hover{color:var(--gold)}.task-steps{padding-left:26px}.task-steps li{padding-left:4px}.task-step{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.7}.task-step input{flex:0 0 auto;width:17px;height:17px;margin:4px 0 0;accent-color:var(--gold)}.task-step input:checked+span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--gold)}
.class-base-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0}.class-base-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:5px 2px;border:1px solid var(--line);border-radius:7px;background:var(--panel2)}.class-base-stats small{font-size:9px;line-height:1.4;color:var(--muted);white-space:nowrap}.class-base-stats b{font-size:15px;color:var(--gold);font-variant-numeric:tabular-nums}.class-base-stats .bonus{border-color:#786640;background:#28251d}@media(max-width:480px){.class-base-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}