:root{
--bg:#0c0910;--panel:#16111a;--panel2:#201726;--wood:#2a1b16;--wood2:#17100d;
--cream:#f0e1c3;--muted:#aa9a83;--line:#47374a;--gold:#c8a15d;--gold2:#e4c988;
--green:#74d193;--teal:#69d2ca;--blue:#72aee4;--orange:#df7b46;--purple:#ae90e6;--pink:#d78ec6;--red:#dd6659;
--shadow:0 24px 70px rgba(0,0,0,.5);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:radial-gradient(circle at 50% -5%,rgba(120,76,136,.10),transparent 28%),var(--bg);color:var(--cream);font-family:Georgia,"Times New Roman",serif;line-height:1.5}
body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img{display:block;max-width:100%}
.topbar{position:sticky;top:0;z-index:80;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:8px clamp(14px,3vw,44px);background:linear-gradient(rgba(17,12,20,.97),rgba(10,8,12,.97));border-bottom:1px solid #49384c;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.back-link{justify-self:start;color:#b6a58c;font-size:.82rem;font-weight:700}.back-link:hover{color:var(--gold2)}
.brand{display:flex;align-items:center;gap:10px}.brand-bottle{width:44px;height:44px;display:grid;place-items:center;border:1px solid #79604f;border-radius:50% 50% 46% 46%;background:radial-gradient(circle,#4a3060,#181019 68%);color:#c8a8e8;font-size:1.35rem;box-shadow:inset 0 0 0 3px #0b080d}.brand strong{display:block;color:#e0c486;font-size:1rem}.brand small{display:block;color:#94839b;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.topnav{justify-self:end;display:flex;align-items:center;gap:4px}.topnav a,.favorites-button{border:1px solid transparent;background:transparent;padding:9px 10px;color:#aa98a9;font-size:.75rem;font-weight:700;cursor:pointer}.topnav a:hover,.favorites-button:hover,.favorites-button[aria-pressed=true]{border-color:#4b3a51;background:#1d1621;color:#e2d2eb}.favorites-button b{display:inline-grid;min-width:19px;height:19px;place-items:center;margin-left:3px;border-radius:50%;background:#351b2d;color:#ef9dbf;font-size:.65rem}

.hero{position:relative;min-height:720px;overflow:hidden;isolation:isolate;border-bottom:1px solid #35293b}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-4}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(9,7,11,.97) 0%,rgba(11,8,13,.88) 39%,rgba(11,8,13,.28) 68%,rgba(8,6,9,.78) 100%),linear-gradient(0deg,rgba(8,6,9,.9),transparent 48%)}.brew-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 45%,rgba(91,206,153,.16),transparent 20%),radial-gradient(circle at 65% 55%,rgba(171,103,223,.15),transparent 23%)}
.hero-content{width:min(700px,59vw);padding:90px 0 90px clamp(22px,6vw,92px);position:relative;z-index:3}.eyebrow{margin:0 0 9px;color:#b79ad1;font-size:.67rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.shop-sign{position:relative;width:min(620px,100%);padding:27px 28px 24px;border:1px solid #6e4c43;background:linear-gradient(145deg,rgba(50,29,26,.96),rgba(19,12,17,.98));box-shadow:inset 0 0 0 5px #0c090c,inset 0 0 0 6px rgba(202,157,84,.21),0 18px 36px rgba(0,0,0,.42)}
.shop-sign h1{margin:0;color:#e6ca91;font-size:clamp(3.5rem,7vw,6.8rem);line-height:.78;letter-spacing:-.05em;text-transform:uppercase;text-shadow:0 3px 0 #4d3024}.shop-sign h1 em{display:inline-block;color:#c49be0;font-size:.82em;font-weight:400;text-transform:none}.nail{position:absolute;width:9px;height:9px;border-radius:50%;background:#907354;box-shadow:inset 0 0 0 2px #3a2c20}.n1{left:11px;top:11px}.n2{right:11px;bottom:11px}
.sign-flasks{display:flex;gap:9px;margin-top:18px}.sign-flasks i{width:23px;height:31px;border:1px solid #705865;border-radius:4px 4px 9px 9px;background:linear-gradient(0deg,#76c99a 0 48%,transparent 49%)}.sign-flasks i:nth-child(2){background:linear-gradient(0deg,#bc8ee0 0 62%,transparent 63%)}.sign-flasks i:nth-child(3){background:linear-gradient(0deg,#df774b 0 38%,transparent 39%)}.sign-flasks i:nth-child(4){background:linear-gradient(0deg,#d1b151 0 55%,transparent 56%)}
.hero-copy{max-width:650px;margin:25px 0 0;color:#d0c5d2;font-size:1.02rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.button{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #5e485f;font-size:.8rem;font-weight:800}.button.primary{background:linear-gradient(#65407b,#452b57);border-color:#8c63a5;color:#fff2ff}.button.primary:hover{filter:brightness(1.12)}.button.ghost{background:rgba(15,11,17,.72);color:#dacde0}.button.ghost:hover{border-color:#a482b9}
.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.hero-stats div{min-width:115px;padding:10px 13px;border:1px solid rgba(174,132,190,.30);background:rgba(13,10,15,.74)}.hero-stats strong{display:block;color:#e1c88d;font-size:1.45rem;line-height:1.05}.hero-stats span{display:block;color:#8f8292;font-size:.59rem;text-transform:uppercase;letter-spacing:.09em}
.seller-stage{position:absolute;right:clamp(18px,7vw,120px);bottom:0;width:min(410px,31vw);height:92%;z-index:2;display:flex;align-items:flex-end;justify-content:center}.seller-stage img{max-height:88%;width:auto;filter:drop-shadow(0 23px 26px rgba(0,0,0,.55))}.seller-name{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);min-width:190px;padding:9px 18px;border:1px solid #786050;background:rgba(15,10,16,.94);color:#e1c991;text-align:center;font-size:1.1rem;box-shadow:0 10px 24px rgba(0,0,0,.42)}

.data-error{width:min(1240px,calc(100% - 30px));margin:20px auto 0;padding:13px;border:1px solid #7a3428;background:#2b1410;color:#f0b1a4}
.shelves-section{width:min(1320px,calc(100% - 30px));margin:-22px auto 0;position:relative;z-index:6}.shelf-strip{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #553b36;background:linear-gradient(#2a1a16,#130d10);box-shadow:inset 0 0 0 4px #0b080a,0 13px 30px rgba(0,0,0,.35)}.shelf-strip a{min-width:0;padding:13px 7px 12px;text-align:center;border-right:1px solid #3d2d31;transition:.16s}.shelf-strip a:last-child{border-right:0}.shelf-strip a:hover{background:#23172a}.shelf-strip strong{display:block;overflow:hidden;margin-top:5px;color:#cdbba3;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.shelf-strip small{display:block;color:#7f7282;font-size:.6rem}.vial{position:relative;width:21px;height:30px;display:block;margin:auto;border:1px solid #6b5c63;border-radius:3px 3px 8px 8px;background:linear-gradient(0deg,var(--vial) 0 52%,transparent 53%)}.vial::before{content:"";position:absolute;left:5px;right:5px;top:-5px;height:6px;border:1px solid #6b5c63;background:#2a2027}.green{--vial:var(--green)}.teal{--vial:var(--teal)}.blue{--vial:var(--blue)}.orange{--vial:var(--orange)}.gold{--vial:#d4b54f}.purple{--vial:var(--purple)}.pink{--vial:var(--pink)}.red{--vial:var(--red)}

.catalog-section,.rules-section{width:min(1280px,calc(100% - 34px));margin:0 auto;padding:76px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.section-heading h2,.seller-simple h2{margin:0;color:#eadbbd;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.92;letter-spacing:-.035em}.section-heading>p{max-width:540px;margin:0;color:#a99cab;font-size:.9rem}
.catalog-workbench{padding:12px;border:1px solid #554055;background:linear-gradient(180deg,#251a28,#120e15);box-shadow:inset 0 0 0 4px #09070a}.workbench-label{display:flex;align-items:center;gap:12px;padding:5px 6px 12px;color:#a68cae;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em}.workbench-label i{height:1px;flex:1;background:linear-gradient(90deg,#6b5373,transparent)}
.catalog-toolbar{display:grid;grid-template-columns:1fr 220px;gap:9px}.search-box{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #4f3b51;background:#0f0b12;color:#aa8cb0}.search-box:focus-within{border-color:#9c72ae}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eee1ee;font-size:.95rem}.catalog-toolbar select{height:48px;padding:0 11px;border:1px solid #4f3b51;background:#0f0b12;outline:0}
.category-tabs{display:flex;gap:7px;overflow-x:auto;padding-top:9px;scrollbar-width:thin}.category-tab{white-space:nowrap;padding:9px 12px;border:1px solid #47374a;background:#151017;color:#9b8c9c;font-size:.73rem;font-weight:800;cursor:pointer}.category-tab span{margin-left:5px;color:#665c69}.category-tab.active{border-color:#9b76ac;background:#281d2f;color:#eadcf0}.results-line{min-height:46px;display:flex;align-items:center;justify-content:space-between;color:#8c808e;font-size:.76rem}.clear-filters{border:0;background:transparent;color:#c494cf;cursor:pointer;font-weight:800}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{--accent:#ad8ec0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #443548;background:#141017;box-shadow:inset 0 0 0 3px #09070a;transition:.18s}.product-card:hover{transform:translateY(-3px);border-color:var(--accent)}.product-media{aspect-ratio:16/10;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b090c}.product-media img{width:100%;height:100%;object-fit:contain}.favorite-icon{position:absolute;z-index:3;right:9px;top:9px;width:36px;height:36px;border:1px solid #57435a;border-radius:50%;background:#100c12e6;color:#9d879d;cursor:pointer}.favorite-icon.active{color:#efa6c2;border-color:#a85173;background:#341927}.product-body{padding:14px;display:flex;flex-direction:column;flex:1}.product-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.product-category{color:var(--accent);font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.product-price{color:#e0c684;font-size:.86rem;font-weight:700;white-space:nowrap}.product-card h3{margin:0;color:#eadfc9;font-size:1.08rem;line-height:1.12}.product-subcategory{display:block;margin-top:5px;color:#887b89;font-size:.67rem;font-style:italic}.product-quick{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.product-quick span{padding:3px 6px;border:1px solid #443649;color:#a393a4;font-size:.62rem}.product-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:3.7em;margin:10px 0 14px;color:#9f949f;font-size:.75rem}.product-open{margin-top:auto;width:100%;min-height:38px;border:1px solid #4d3b51;background:#19121d;color:#d8c2de;font-weight:800;font-size:.72rem;cursor:pointer}.product-open:hover{border-color:var(--accent);color:#f0e1f3}.empty-state{padding:55px 20px;text-align:center;border:1px dashed #49384c;color:#958798}.empty-state strong{display:block;color:#dfcfe3;font-size:1.3rem}.empty-state span{display:block;margin-top:5px}

.rules-section{border-top:1px solid #302537}.rules-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rule-card{min-height:260px;padding:20px;border:1px solid #44364a;background:linear-gradient(145deg,#18121d,#0e0b11);box-shadow:inset 0 0 0 3px #09070a}.rule-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.2rem}.rule-card.healing{color:var(--green)}.rule-card.standard{color:var(--purple)}.rule-card.armor{color:var(--blue)}.rule-card.essence{color:#d3b451}.rule-card.dragon{color:var(--red)}.rule-card h3{margin:18px 0 9px;font-size:1.15rem}.rule-card p{margin:0 0 8px;color:#a89daa;font-size:.78rem}.rule-card p:last-child{margin-bottom:0}.rule-card b{color:#dbccdc}

.seller-section{min-height:560px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #302537;border-bottom:1px solid #302537;background:linear-gradient(90deg,#0d0a0f,#17111b);overflow:hidden}.seller-art{position:relative;display:flex;align-items:flex-end;justify-content:center;background:url('assets/interior-pocion-picante.webp') center/cover}.seller-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,6,10,.7),rgba(9,6,10,.18))}.seller-aura{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(120,207,142,.18),transparent 38%),radial-gradient(circle at 65% 50%,rgba(174,120,220,.13),transparent 25%)}.seller-art img{position:relative;z-index:2;max-height:510px;width:auto;filter:drop-shadow(0 22px 22px rgba(0,0,0,.5))}.seller-simple{display:flex;flex-direction:column;justify-content:center;padding:60px clamp(25px,7vw,110px)}.seller-simple .eyebrow{margin-bottom:8px}.seller-simple h2{color:#e5ce95;font-size:clamp(3rem,7vw,6rem)}
.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,5vw,65px);color:#766d78;font-size:.75rem}.footer a{color:#c2a06d;font-weight:800}

.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(3,2,4,.84);backdrop-filter:blur(6px)}.modal-panel{position:relative;z-index:1;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #5c475f;background:#100c12;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-close{position:sticky;top:12px;float:right;z-index:4;width:40px;height:40px;margin:12px 12px -52px 0;border:1px solid #554158;border-radius:50%;background:#0b080d;color:#e1d0e2;font-size:1.5rem;cursor:pointer}.detail{--accent:#b08cc1;display:grid;grid-template-columns:.9fr 1.1fr;min-height:540px}.detail-media{min-height:430px;display:flex;align-items:center;justify-content:center;background:#09070a;border-right:1px solid #3c3040}.detail-media img{width:100%;height:100%;object-fit:contain}.detail-body{padding:45px 40px 36px}.detail-body h2{margin:7px 0 8px;color:#ebdfc9;font-size:clamp(2rem,4vw,3.5rem);line-height:.95}.detail-price{color:#e0c27d;font-size:1.25rem;font-weight:700}.detail-sub{color:#8f8090;font-size:.75rem;font-style:italic}.detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:20px 0}.detail-stat{padding:9px 10px;border:1px solid #443549;background:#17111a}.detail-stat span{display:block;color:#8c7e8e;font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.detail-stat strong{display:block;margin-top:2px;color:#d8c9d9;font-size:.8rem}.detail-description{color:#aba0ac;font-size:.88rem}.detail-note{margin-top:22px;padding:11px 13px;border-left:2px solid var(--accent);background:#181119;color:#978a99;font-size:.75rem}.toast{position:fixed;left:50%;bottom:24px;z-index:150;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #5b4560;background:#17111a;color:#eadceb;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1120px){.topbar{grid-template-columns:auto 1fr}.brand{justify-self:start}.topnav{grid-column:1/-1;justify-self:stretch;justify-content:center;border-top:1px solid #2d2331;padding-top:5px}.product-grid{grid-template-columns:repeat(3,1fr)}.rules-grid{grid-template-columns:repeat(3,1fr)}.shelf-strip{grid-template-columns:repeat(4,1fr)}.shelf-strip a:nth-child(4){border-right:0}.shelf-strip a:nth-child(-n+4){border-bottom:1px solid #3d2d31}}
@media(max-width:800px){html{scroll-padding-top:122px}.hero{min-height:820px}.hero-content{width:100%;padding:60px 18px 365px}.seller-stage{width:58vw;height:43%;right:5px}.section-heading{align-items:flex-start;flex-direction:column;gap:11px}.catalog-toolbar{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.rules-grid{grid-template-columns:1fr 1fr}.seller-section{grid-template-columns:1fr}.seller-art{min-height:470px}.seller-simple{min-height:230px}}
@media(max-width:500px){.brand small{display:none}.topnav{justify-content:flex-start;overflow-x:auto}.topnav a,.favorites-button{white-space:nowrap}.topnav .favorites-button span{display:none}.hero-content{padding-bottom:330px}.shop-sign{padding:21px 18px}.shop-sign h1{font-size:3.35rem}.seller-stage{width:76vw}.hero-stats div{min-width:calc(50% - 5px)}.shelves-section{width:calc(100% - 14px)}.shelf-strip{grid-template-columns:repeat(2,1fr)}.shelf-strip a{border-bottom:1px solid #3d2d31}.shelf-strip a:nth-child(even){border-right:0}.catalog-section,.rules-section{width:calc(100% - 24px);padding:58px 0}.product-grid,.rules-grid{grid-template-columns:1fr}.product-media{aspect-ratio:16/8}.detail{grid-template-columns:1fr}.detail-media{min-height:260px;max-height:340px;border-right:0;border-bottom:1px solid #3c3040}.detail-body{padding:28px 19px}.modal{padding:7px}.footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}