.food-page{--food-ink:#071520;--food-panel:#0d1d29;--food-line:#40525c;--food-gold:#f0c879;--food-cream:#f9ecd2;--food-mint:#89c4b2;background:#07131c;color:#f1ead9}.food-page .topbar{position:relative}.food-main{max-width:1480px;margin:auto;padding:0 28px 80px}.food-page .breadcrumbs{max-width:none}.food-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:36px;padding:42px 48px;margin:12px 0 18px;background:linear-gradient(110deg,rgba(7,18,27,.95) 25%,rgba(12,32,39,.9) 73%,rgba(84,63,29,.44)),url('/assets/art/sanctuaire.webp') center 40%/cover;border:1px solid #79623d;box-shadow:inset 0 0 0 4px rgba(7,17,25,.52),0 18px 34px rgba(0,0,0,.25)}.food-hero:before{content:'';position:absolute;inset:0;border-top:3px solid var(--food-gold);pointer-events:none}.food-hero .eyebrow,.food-controls .eyebrow,.food-results .eyebrow{color:var(--food-gold);letter-spacing:.16em;font-size:.72rem;font-weight:700}.food-hero h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:500;line-height:1.06;letter-spacing:.015em;color:var(--food-cream);margin:8px 0 16px}.food-lede{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55;max-width:800px;margin:0;color:#f5efe2}.food-lede strong{color:var(--food-gold)}.food-context{font-size:.86rem;line-height:1.5;max-width:750px;margin:18px 0 0;color:#bbcbc9}.food-hero-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:20px;border:1px solid #a48247;background:rgba(9,20,26,.76);text-align:center;box-shadow:inset 0 0 24px rgba(189,143,67,.14)}.food-hero-metric strong{font:normal 5rem/1 Georgia,serif;color:var(--food-gold)}.food-hero-metric span{display:block;line-height:1.25;color:#f4dfb6}.food-hero-metric img{margin-top:10px;filter:drop-shadow(0 0 7px rgba(235,177,72,.45))}.food-note{display:flex;align-items:flex-start;gap:16px;border-left:4px solid var(--food-gold);background:#132630;padding:12px 18px;margin-bottom:28px}.food-note span{color:var(--food-gold);font-size:1.5rem}.food-note p{margin:0;color:#dce4df;line-height:1.5}.food-layout{display:grid;grid-template-columns:292px minmax(0,1fr);gap:22px;align-items:start}.food-controls{position:sticky;top:18px;border:1px solid var(--food-line);background:linear-gradient(160deg,#142832,#0c1c26);padding:24px;box-shadow:0 12px 26px rgba(0,0,0,.22)}.food-controls-head{border-bottom:1px solid #5b5540;padding-bottom:16px;margin-bottom:18px}.food-controls h2{font:normal 1.65rem/1.15 Georgia,serif;color:var(--food-cream);margin:4px 0 0}.food-controls label{display:block;font-weight:650;font-size:.88rem;color:#f2e6cb;margin:16px 0}.food-controls input,.food-controls select{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#07141d;color:#fff5df;border:1px solid #8c7547;border-radius:0;font:inherit;min-height:44px}.food-controls input:focus-visible,.food-controls select:focus-visible,.food-row:focus-visible,.food-presets button:focus-visible,.food-reset:focus-visible{outline:3px solid #83d8c0;outline-offset:3px}.food-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.food-presets button{border:1px solid #736044;background:#182b34;color:#efe2c8;padding:9px 0;cursor:pointer;min-height:44px;font-weight:700}.food-presets button[aria-pressed="true"]{background:#a97827;color:#081721;border-color:#f3c578}.food-reset{width:100%;margin-top:20px;min-height:44px;background:transparent;color:var(--food-gold);border:1px solid var(--food-gold);cursor:pointer;font-weight:700}.food-filter-note{font-size:.82rem;line-height:1.4;color:#b4c7c2;margin:18px 0 0}.food-results{min-width:0}.food-results-head{display:flex;gap:20px;justify-content:space-between;align-items:end;border-bottom:2px solid #b38c4c;margin-bottom:16px;padding:2px 0 12px}.food-results-head h2{font:normal 2rem/1.12 Georgia,serif;color:var(--food-cream);margin:2px 0}.food-results-head #food-status{font-size:.87rem;color:#bfe2cf;text-align:right;margin:0}.food-group{position:relative;margin:0 0 22px;border:1px solid var(--food-line);background:#0c1e29}.food-group[hidden],.food-entry[hidden],.food-empty[hidden]{display:none!important}.food-group>header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(90deg,#1a3540,#152832 70%,#23313a);border-bottom:1px solid #82724f}.food-group-mark{display:grid;place-items:center;border:1px solid #bd975d;background:#162632;color:var(--food-gold);width:42px;height:42px;font-size:1.2rem}.food-group h2{font:normal 1.55rem/1.15 Georgia,serif;margin:2px 0 0;color:var(--food-cream)}.food-group .eyebrow{margin:0}.food-group-count{margin-left:auto;color:#e6d4af;white-space:nowrap;font-size:.85rem}.food-list{list-style:none;margin:0;padding:6px 12px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.food-entry{position:relative;min-width:0}.food-row{display:grid;grid-template-columns:48px minmax(0,1fr) 69px 74px;align-items:center;gap:9px;width:100%;min-height:67px;text-align:left;padding:6px 10px;border:1px solid #405460;background:#0f2530;color:#f5f1e9;cursor:pointer}.food-row:hover,.food-row:focus-visible,.food-entry.is-open .food-row{border-color:#ebbb69;background:#183641}.food-row img{width:44px;height:44px;border:1px solid #c19b5d;object-fit:cover}.food-row-name{min-width:0}.food-row-name strong{display:block;font-size:.9rem;line-height:1.16;overflow-wrap:anywhere}.food-row-name small{display:block;color:#aabdbb;font-size:.69rem;line-height:1.2;margin-top:4px;overflow-wrap:anywhere}.food-row-skill,.food-row-buff{display:block;text-align:right;font-weight:700;font-size:1rem;white-space:nowrap}.food-row-skill{color:#d6dbc8}.food-row-buff{color:#f2c67e}.food-row-skill small,.food-row-buff small{display:block;font-size:.63rem;white-space:normal;line-height:1.2;font-weight:500;margin-top:3px}.food-tooltip{display:none;position:absolute;z-index:40;top:calc(100% + 4px);left:0;width:min(350px,calc(100vw - 36px));padding:15px 18px;background:#07131a;border:1px solid #e8bc68;box-shadow:0 16px 30px #0009;color:#f1e8d4}.food-entry:hover .food-tooltip,.food-entry:focus-within .food-tooltip,.food-entry.is-open .food-tooltip{display:block}.food-entry:nth-child(even) .food-tooltip{left:auto;right:0}.food-tooltip strong{display:block;font:normal 1.27rem Georgia,serif;color:var(--food-gold);padding-bottom:8px;border-bottom:1px solid #6c5c3c}.food-tooltip dl{margin:9px 0 0}.food-tooltip dl div{display:flex;gap:12px;justify-content:space-between;padding:4px 0;line-height:1.3}.food-tooltip dt{color:#a8c4bd}.food-tooltip dd{margin:0;text-align:right;color:#fbecd0}.food-empty{padding:32px;background:#122732;border:1px solid #958058}.food-after{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:42px 0 12px;padding:24px;border-top:1px solid #b9965f;background:#10242e}.food-after h2{font:normal 1.65rem Georgia,serif;margin:0 auto 0 0;color:var(--food-cream)}.food-after a{color:#ffdb92;text-decoration:underline;text-underline-offset:4px;padding:6px}@media(max-width:1050px){.food-layout{grid-template-columns:260px minmax(0,1fr)}.food-list{grid-template-columns:1fr}.food-entry:nth-child(even) .food-tooltip{left:0;right:auto}}@media(max-width:700px){.food-main{padding:0 16px 70px}.food-hero{grid-template-columns:1fr;padding:26px 22px;gap:16px}.food-hero-metric{min-height:0;flex-direction:row;gap:15px;justify-content:flex-start;padding:10px 16px}.food-hero-metric strong{font-size:3.3rem}.food-hero-metric img{width:42px;height:42px;margin:0 0 0 auto}.food-layout{display:block}.food-controls{position:static;margin-bottom:24px;padding:18px}.food-results-head{display:block}.food-results-head #food-status{text-align:left;margin:7px 0 0}.food-list{padding:6px}.food-row{grid-template-columns:44px minmax(0,1fr) 52px 65px;gap:5px;padding:6px;min-height:65px}.food-row-name strong{font-size:.83rem}.food-row-name small{font-size:.65rem}.food-row-skill,.food-row-buff{font-size:.82rem}.food-row-skill small,.food-row-buff small{font-size:.57rem}.food-tooltip,.food-entry:nth-child(even) .food-tooltip{position:relative;top:0;left:0;right:auto;width:100%;box-shadow:none;margin:2px 0 8px}.food-entry:hover:not(.is-open):not(:focus-within) .food-tooltip{display:none}.food-entry:focus-within .food-tooltip,.food-entry.is-open .food-tooltip{display:block}.food-after{display:block}.food-after a{display:block}}@media(prefers-reduced-motion:reduce){.food-page *{scroll-behavior:auto!important;transition:none!important}}

.food-entry.is-dismissed .food-tooltip{display:none!important}