/* Mora's static workbench: Dark Souls stone and aged gold around hand-drawn pixels. */
.apothecary{--a-gold:#c9a84c;--a-ink:#09090e;--a-sage:#849475;max-width:1580px;margin:0 auto;padding:clamp(18px,3vw,42px);color:#ded9cb;background:radial-gradient(ellipse at 48% 8%,#25201f 0,transparent 48%),linear-gradient(125deg,#111119,#09090e 62%,#141219);min-height:calc(100vh - 70px)}
.apoth-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:12px 8px 24px;border-bottom:1px solid #8c7542}.apoth-heading .eyebrow{font:11px Arial,sans-serif;color:#9d8d6d;letter-spacing:2px}.apoth-heading h1{font:normal clamp(36px,4vw,55px) Georgia,serif;color:#e0c585;margin:5px 0 8px}.apoth-heading p{font:15px/1.5 Georgia,serif;color:#b9b2a1;max-width:620px;margin:0}.apoth-mora{display:flex;align-items:center;gap:12px;max-width:420px}.apoth-mora img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 7px #000)}.apoth-mora blockquote{margin:0;font:italic 15px/1.45 Georgia,serif;color:#c3bba6}
.apoth-workshop{display:grid;grid-template-columns:minmax(250px,1.05fr) minmax(280px,1.2fr) minmax(250px,1fr);gap:0;margin-top:26px;border-top:1px solid #574a35;border-bottom:1px solid #574a35;background:linear-gradient(120deg,#15141a,#0d0d13 50%,#17151a)}.apoth-workshop>section{min-width:0;padding:24px clamp(16px,2vw,28px)}.apoth-workshop>section+section{border-left:1px solid #594d37}.apoth-section-title{display:flex;align-items:center;gap:11px}.apoth-section-title>span{font:13px Georgia,serif;color:var(--a-gold);border-bottom:1px solid var(--a-gold);padding:2px 4px}.apoth-section-title h2{font:normal 25px Georgia,serif;color:#d9c18a;margin:0}.apoth-section-title small{margin-left:auto;color:#a69c88;font:12px Arial,sans-serif}.apoth-workshop section>p{font:13px/1.5 Arial,sans-serif;color:#aca695;min-height:40px;margin:14px 0 18px}
.apoth-stock{display:grid;grid-template-columns:1fr;gap:7px;max-height:min(490px,58vh);overflow:auto;padding:3px 4px 4px 0;scrollbar-color:#6a5734 #15141a}.apoth-ingredient{display:flex;align-items:center;gap:10px;min-width:0;min-height:60px;text-align:left;padding:6px 10px;background:#17171e;border:1px solid #4b453c}.apoth-ingredient:hover:enabled,.apoth-ingredient.selected{border-color:#c3a55f;background:#252319}.apoth-ingredient:disabled{opacity:.53}.apoth-ingredient b{display:block;font:15px Georgia,serif;color:#e0d4b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apoth-ingredient small{display:block;color:#a2a094;font:11px/1.4 Arial,sans-serif}.apoth-ingredient>span{min-width:0}.apoth-ingredient em{margin-left:auto;color:#c9a84c;font-style:normal}.apoth-pixel{flex:none;display:block;width:38px;height:38px;image-rendering:pixelated;filter:drop-shadow(0 4px 3px #0008)}
.apoth-bench{text-align:center;background:radial-gradient(ellipse at 50% 39%,#463b2b44,transparent 57%),linear-gradient(#151318,#101016)}.apoth-bench .apoth-section-title{text-align:left}.apoth-cauldron{position:relative;display:grid;place-items:center;min-height:255px;margin:10px auto 4px;max-width:350px;background:radial-gradient(ellipse at 50% 77%,#4f432b55,transparent 57%)}.apoth-cauldron:before{content:'';position:absolute;bottom:16px;width:72%;height:20px;background:#000a;filter:blur(13px);border-radius:50%}.apoth-cauldron img{position:relative;width:220px;height:220px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 10px #000a)}.apoth-halo{position:absolute;width:230px;height:230px;border:1px solid #a1864c30;border-radius:50%;box-shadow:0 0 0 13px #9d7e3920,0 0 0 28px #9d7e390c}.apoth-slots{display:flex;justify-content:center;gap:9px}.apoth-slot{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;width:85px;height:80px;background:#16141a;border:1px solid #695636;color:#9c8a66}.apoth-slot.filled{border-color:#c9a84c;color:#e2cc9d;cursor:pointer}.apoth-slot .apoth-pixel{width:43px;height:43px}.apoth-slot span{font:11px Georgia,serif}.apoth-note{min-height:44px!important;margin:17px 0 10px!important;color:#d3c49c!important;font:italic 14px/1.45 Georgia,serif!important}.apoth-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.apoth-actions button{min-height:40px;padding:8px 14px}.apoth-bench .apoth-warning{display:block;color:#938a79;font:11px/1.4 Arial,sans-serif;margin-top:14px}
.apoth-bottles{display:grid;gap:7px;max-height:430px;overflow:auto}.apoth-bottle,.apoth-active{display:flex;align-items:center;gap:10px;padding:7px 8px;background:#18171f;border-bottom:1px solid #574b36}.apoth-bottle>div,.apoth-active>div{flex:1;min-width:0}.apoth-bottle b,.apoth-active b{display:block;font:15px Georgia,serif;color:#dfc88e}.apoth-bottle small,.apoth-active small{display:block;font:11px/1.4 Arial,sans-serif;color:#a9a297}.apoth-bottle button{padding:7px 9px;color:#dbc994}.apoth-active{border:1px solid #b1924b;margin-bottom:12px;background:#272219}.apoth-active small{color:#c5b384}.apoth-empty{font:italic 14px/1.5 Georgia,serif;color:#8f8a80;margin:15px 0}
.apoth-grimoire{padding:28px 6px 8px}.apoth-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.apoth-recipe{display:flex;align-items:center;gap:9px;min-height:69px;padding:8px 10px;border:1px solid #4a4235;background:#111117}.apoth-recipe>span{font:13px Georgia,serif;color:#927d54}.apoth-recipe>div{min-width:0;flex:1}.apoth-recipe b{display:block;color:#cbb98c;font:14px Georgia,serif}.apoth-recipe small{display:block;color:#9a9386;font:10px/1.4 Arial,sans-serif}.apoth-recipe .apoth-pixel{width:34px;height:34px}.apoth-recipe.unknown{opacity:.67}.apoth-recipe i{font:24px Georgia,serif;color:#77716c}.apoth-recipe.known{border-color:#897346;background:#1b191b}
@media(max-width:1100px){.apoth-workshop{grid-template-columns:1fr 1fr}.apoth-shelf{grid-column:1/-1;border-left:0!important;border-top:1px solid #594d37}.apoth-pages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.apothecary{padding:14px}.apoth-heading{align-items:start;flex-direction:column}.apoth-workshop{grid-template-columns:1fr}.apoth-workshop>section+section{border-left:0;border-top:1px solid #594d37}.apoth-shelf{grid-column:auto}.apoth-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.apoth-cauldron{min-height:220px}.apoth-cauldron img{width:185px;height:185px}}
@media(max-width:430px){.apoth-stock,.apoth-pages{grid-template-columns:1fr}.apoth-section-title h2{font-size:21px}}