:root{color-scheme:dark;--bg:#0d1113;--sidebar:#111719;--panel:#171d1f;--panel2:#1b2326;--panel3:#20292c;--line:#2d383a;--line2:#364043;--gold:#c69e5b;--gold-bright:#e9cf91;--text:#e8e8e0;--muted:#91a09e;--dim:#6f7c7c;--white:#e6e6e2;--green:#81c997;--blue:#78b1ec;--yellow:#ecca64;--orange:#ee9861;--violet:#bf9df0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.app-shell{min-height:100vh;background:radial-gradient(ellipse 62% 35% at 71% 0%,rgba(141,105,49,.07),transparent 75%),var(--bg)}
.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,18,19,.96);border-bottom:1px solid #3a3427;position:sticky;top:0;z-index:25;padding:0 34px;box-shadow:0 2px 18px #0003}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-mark{width:45px;height:45px;filter:drop-shadow(0 0 10px #a9793240)}.brand-words{display:flex;flex-direction:column;line-height:1.1;letter-spacing:3.2px}.brand-words b{font:600 23px/1.12 Cinzel,Georgia,serif;color:var(--gold-bright)}.brand-words em{font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:6px;color:#b9aea0;font-style:normal}.topbar-mid{font:600 10px Inter,sans-serif;letter-spacing:2.5px;color:#728080}.topbar-mid span{color:var(--gold)}.top-actions{display:flex;align-items:center;gap:12px}.top-link{font-size:10px;letter-spacing:1.5px;color:#bbc3be;border:1px solid var(--line2);padding:11px 16px;border-radius:3px}.top-link span{color:var(--gold);margin-left:8px}.top-link:hover{border-color:var(--gold)}.mobile-menu{display:none;background:transparent;color:#ddd;border:1px solid var(--line);padding:6px 12px;border-radius:4px}
.layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid #2c3535;background:var(--sidebar)}.sidebar-inner{position:sticky;top:76px;min-height:calc(100vh - 76px);padding:34px 14px 18px;display:flex;flex-direction:column}.side-label{font-size:10px;letter-spacing:1.7px;color:#7b8785;font-weight:700;margin:0 12px 15px}.side-section{margin-top:29px}.side-link{padding:10px 12px;display:flex;align-items:center;gap:11px;color:#a9b4b0;cursor:pointer;border:1px solid transparent;border-radius:4px;margin-bottom:4px;font-size:13px;font-weight:500}.side-link:hover{background:#1b2425;color:#e6e7de}.side-link.selected{color:var(--gold-bright);background:linear-gradient(90deg,#382c1b99,#2c261b25);border-color:#6a533255;position:relative}.side-link.selected:before{content:'';position:absolute;left:-15px;top:6px;bottom:6px;background:var(--gold);width:3px}.nav-icon{width:19px;text-align:center;color:var(--gold);font-size:16px}.nav-count{font-size:11px;min-width:20px;text-align:right;margin-left:auto;color:#707e7e}.selected .nav-count{color:#bda779}.sidebar-bottom{margin-top:auto;background:linear-gradient(145deg,#202625,#171d1d);border:1px solid #37382e;border-radius:5px;padding:20px 17px;display:flex;gap:9px;flex-direction:column;color:#919e9b;font-size:11px}.sidebar-bottom b{font:600 13px Cinzel,serif;color:#d3b279;letter-spacing:1px}.sidebar-bottom small{font-size:10px;color:#6e7978}.mini-glyph{font-size:20px;color:#b98d4b}
.main{min-width:0;padding:0 46px;display:flex;flex-direction:column}.main #app{width:100%;max-width:1260px;margin:0 auto;flex:1}.hero{position:relative;overflow:hidden;padding:54px 48px 48px;margin-top:28px;border:1px solid #3f382a;background:linear-gradient(110deg,rgba(17,23,25,.94) 0%,rgba(20,25,25,.87) 48%,rgba(22,24,22,.45) 100%),radial-gradient(circle at 82% 50%,#67502b66,transparent 50%);min-height:252px}.hero:before{content:'';position:absolute;right:50px;top:-116px;width:360px;height:360px;border:1px solid #b08b4540;transform:rotate(45deg)}.hero:after{content:'✧';position:absolute;right:13%;top:7px;font-size:225px;color:#c5a06012;text-shadow:0 0 32px #c59c4d12;line-height:1}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2.7px;position:relative;z-index:1}.eyebrow:before{content:'';width:18px;height:1px;background:var(--gold)}.hero h1{font:600 clamp(34px,4vw,56px)/1.18 Cinzel,Georgia,serif;color:#f0e3c7;letter-spacing:.5px;margin:19px 0 11px;position:relative;z-index:1}.hero h1 span{color:var(--gold)}.hero p{margin:0;color:#afb5ac;max-width:550px;font-size:13px;line-height:1.8;position:relative;z-index:1}.hero-chips{display:flex;gap:8px;margin-top:27px;position:relative;z-index:1}.hero-chip{display:inline-flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.7px;padding:6px 11px;border:1px solid #4a493b;background:#282a2499;color:#cac6b7}.hero-chip b{color:var(--gold-bright)}
.section-title{display:flex;align-items:center;gap:13px;margin:35px 0 18px;font:600 13px Cinzel,serif;letter-spacing:.8px;color:#e4d5b7}.section-title:after{content:'';height:1px;background:var(--line);flex:1}.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.category-card{background:var(--panel);border:1px solid #313b3a;border-radius:3px;display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;min-width:0;color:inherit;transition:background .15s,border-color .15s,transform .15s}.category-card:hover{background:#222927;border-color:#967945;transform:translateY(-2px)}.category-art{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:radial-gradient(circle,#514532 0%,#262924 58%);border:1px solid #554b38;color:#cdaa70;font-size:20px;border-radius:3px}.category-meta{display:flex;flex-direction:column;min-width:0}.category-name{font-weight:650;font-size:13px}.category-count{font-size:11px;color:var(--dim)}.category-arrow{margin-left:auto;color:#a78b5b}
.browse{margin:37px 0 35px}.browse-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.browse-heading h2{font:600 25px Cinzel,serif;margin:0;color:#ece3d2}.browse-heading p{color:var(--dim);font-size:12px;margin:4px 0 0}.browse-label{font-size:11px;color:#8b968f}.browse-label b{color:var(--gold-bright)}.toolbar{display:grid;grid-template-columns:minmax(170px,1fr) 180px 160px;gap:10px;margin-bottom:13px}.search-wrap{display:flex;align-items:center;background:#161d1f;border:1px solid var(--line2);height:45px;padding:0 12px;gap:9px}.search-wrap svg{width:16px;height:16px;fill:none;stroke:#9daaab;stroke-width:1.8}.search-input{width:100%;color:#e3e7e4;border:0;background:transparent;outline:0;font-size:12px}.search-input::placeholder{color:#69797a}.kbd{white-space:nowrap;color:#83918d;border:1px solid #465152;border-radius:2px;font-size:10px;padding:1px 5px}.toolbar select{background:#161d1f;color:#cbd2cb;border:1px solid var(--line2);font-size:12px;height:45px;padding:0 12px;outline:0}.toolbar select:focus,.search-wrap:focus-within{border-color:var(--gold)}
.table-shell{border:1px solid var(--line);background:#141b1d;overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:690px}.items-table th{font-size:10px;color:#859590;letter-spacing:1.4px;font-weight:700;background:#1d2527;text-align:left;padding:13px 14px;border-bottom:1px solid #354141}.items-table td{border-bottom:1px solid #273133;padding:11px 14px;color:#b3bfba;font-size:12px}.items-table tbody tr{transition:background .1s;cursor:pointer}.items-table tbody tr:hover{background:#26302f}.items-table tbody tr:last-child td{border-bottom:0}.item-cell{display:flex;align-items:center;gap:13px;min-width:210px}.item-icon{position:relative;width:45px;height:45px;flex:none;display:grid;place-items:center;font-size:23px;background:radial-gradient(circle,#37403e,#171e20);border:1px solid #4e5656;border-radius:2px}.item-icon img{width:100%;height:100%;object-fit:contain;padding:4px}.item-icon:after{content:'';position:absolute;inset:2px;border:1px solid #ffffff13;pointer-events:none}.item-name{font-weight:600;font-size:12px}.item-small{font-size:10px;color:#84938f;margin-top:3px}.id-text{font-variant-numeric:tabular-nums;color:#8e9d99}.grade-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:1px;background:currentColor}.grade-white{color:var(--white)!important}.grade-green{color:var(--green)!important}.grade-blue{color:var(--blue)!important}.grade-gold{color:var(--yellow)!important}.grade-orange{color:var(--orange)!important}.grade-violet{color:var(--violet)!important}.page-bottom{padding:13px 16px;border-top:1px solid #2d383a;background:#1c2425;color:#8e9b98;font-size:11px}.empty{padding:58px 20px;text-align:center;color:#96a4a0}.empty b{display:block;color:#d9d9cf;font:600 19px Cinzel,serif;margin-bottom:8px}.clear-button{margin-top:16px;background:#2b3029;border:1px solid #7a633d;color:var(--gold-bright);padding:9px 14px;border-radius:3px}
.detail-wrap{padding-top:35px}.crumbs{font-size:11px;color:#87948f;display:flex;align-items:center;gap:11px;margin-bottom:25px}.crumbs a{color:var(--gold)}.detail-card{background:#161d1f;border:1px solid #4c4939;box-shadow:0 15px 50px #0003}.detail-intro{padding:32px 35px 27px;background:linear-gradient(105deg,#222a29,#192022);display:flex;align-items:center;gap:23px;border-bottom:1px solid #38403a}.detail-intro .item-icon{width:83px;height:83px;font-size:40px;border-width:2px}.detail-meta{font-size:10px;letter-spacing:1.8px;color:#a6a99c}.detail-name{font:600 clamp(23px,3vw,36px) Cinzel,serif;margin:6px 0 4px;line-height:1.2}.detail-sub{font-size:12px;color:#aeb9b3}.detail-columns{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr);gap:26px;padding:28px 35px 37px}.detail-section{margin:0 0 31px}.detail-section h3{font:600 12px Cinzel,serif;letter-spacing:1px;color:var(--gold-bright);margin:0 0 13px;display:flex;gap:11px;align-items:center}.detail-section h3:after{content:'';height:1px;background:#343e3d;flex:1}.detail-section p{color:#a8b7b0;font-size:13px;line-height:1.85;margin:0}.stats-table,.recipe-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table td,.recipe-table td{border-bottom:1px solid #2c3738;padding:9px 4px}.stats-table td:last-child,.recipe-table td:last-child{text-align:right;color:#e1d4b9;font-weight:600;white-space:nowrap}.recipe-table a{color:#88bbed}.recipe-table a:hover{text-decoration:underline}.callout{background:#202929;border:1px solid #3b4441;border-left:2px solid var(--gold);padding:16px;color:#bdc8bc;font-size:12px;line-height:1.7}.side-facts{border:1px solid var(--line2);background:#1c2425;padding:18px}.side-fact{padding:9px 0;border-bottom:1px solid #313b3b;display:flex;justify-content:space-between;gap:16px;font-size:11px}.side-fact:last-child{border:0}.side-fact span:first-child{color:#889894}.side-fact span:last-child{color:#dfded3;text-align:right}.detail-action{background:transparent;border:1px solid #7e623c;color:var(--gold-bright);font-size:11px;padding:11px 14px;margin:7px 10px 0 0}.detail-action:hover{background:#372e21}.detail-sidebar .detail-section{margin-bottom:25px}.no-data{color:#82908d;font-style:italic}.loading{text-align:center;padding:100px 0;color:var(--gold)}.site-footer{border-top:1px solid #303937;max-width:1260px;width:100%;margin:40px auto 0;padding:24px 0 29px;color:#65716e;display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:600;letter-spacing:1.2px}.site-footer i{color:var(--gold);font-style:normal;margin:0 8px}
@media(max-width:1100px){.main{padding:0 25px}.layout{grid-template-columns:215px minmax(0,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 24px}.hero{padding:38px 30px;min-height:224px}.detail-columns{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-sidebar .detail-section{margin:0}}
@media(max-width:750px){.topbar{height:64px;padding:0 17px}.brand{min-width:0}.brand-mark{width:38px;height:38px}.brand-words b{font-size:19px}.brand-words em{font-size:9px;letter-spacing:4.9px}.topbar-mid,.top-link{display:none}.mobile-menu{display:block}.layout{display:block;min-height:calc(100vh - 64px)}.sidebar{position:fixed;top:64px;left:0;bottom:0;width:265px;z-index:20;transform:translateX(-102%);transition:transform .2s;overflow-y:auto;box-shadow:12px 10px 24px #0005}.sidebar.open{transform:translateX(0)}.sidebar-inner{top:0;min-height:100%;padding-top:22px}.main{padding:0 14px}.hero{margin-top:14px;padding:30px 23px;min-height:230px}.hero:after{right:-3%;font-size:190px;top:17px}.hero h1{font-size:34px}.hero p{font-size:12px;max-width:350px}.hero-chips{flex-wrap:wrap}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-card{padding:12px 10px;gap:10px}.category-art{width:34px;height:34px;font-size:18px}.category-name{font-size:11px}.category-count{font-size:10px}.category-arrow{display:none}.section-title{margin:25px 0 13px}.browse{margin-top:27px}.toolbar{grid-template-columns:1fr 1fr;gap:8px}.search-wrap{grid-column:1/-1}.toolbar select{width:100%}.browse-heading h2{font-size:22px}.browse-label{font-size:10px;text-align:right}.detail-intro{padding:22px 19px;gap:15px}.detail-intro .item-icon{width:62px;height:62px;font-size:31px}.detail-columns{padding:22px 19px}.detail-sidebar{display:block}.site-footer{font-size:8px;display:block}.site-footer span{display:block;margin-bottom:6px}}
@media(max-width:400px){.hero h1{font-size:29px}.categories{grid-template-columns:1fr 1fr}.category-card{padding:10px 8px}.category-art{display:none}.hero-chip{font-size:9px}.item-cell{min-width:180px}}
.browse-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:11px}.browse-footer .detail-action{margin:0;padding:10px 12px;font-size:10px}.browse-footer .browse-label{color:#768783}