:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--page:#1a1e18;--surface:#252b22;--raised:#343b2e;--ink:#eee7d5;--muted:#bec2af;--link:#e2be7c;--line:#48513f;--danger:#e4aaa0;--body:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--display:Georgia,"Times New Roman",serif;--code:ui-monospace,"Cascadia Code","Courier New",monospace;font-family:var(--body);color:var(--ink);background:var(--page);font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{overflow-wrap:anywhere;margin:0}:where(h1,h2,h3){font-family:var(--display);font-weight:600;line-height:1.25}h1{font-size:clamp(1.75rem,5vw,2.5rem)}h2{font-size:1.5rem}h3{font-size:1.125rem}a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:where(button,input){font:inherit}button{border:1px solid var(--control-border,var(--line));background:var(--control-bg,var(--raised));color:var(--control-ink,var(--ink));cursor:pointer;border-radius:2px;min-height:2.25rem;padding:.375rem .75rem;font-size:.9375rem;font-weight:600}button:hover:not(:disabled):not(.hotspot){filter:brightness(1.15)}:is(button:disabled,fieldset:disabled button){opacity:.55;cursor:default}:-webkit-any(.primary,button[data-operation=approve]){background:var(--link);color:var(--page);border-color:#f0d5a1}:-moz-any(.primary,button[data-operation=approve]){background:var(--link);color:var(--page);border-color:#f0d5a1}:is(.primary,button[data-operation=approve]){background:var(--link);color:var(--page);border-color:#f0d5a1}input:not([type=checkbox]){border:1px solid var(--control-border,var(--line));color:var(--ink);background:#0003;border-radius:2px;width:100%;min-width:0;padding:.5rem .75rem}:focus-visible{outline:2px solid var(--link);outline-offset:3px}code{font-family:var(--code);font-size:.875em}.brand{display:inline-flex;align-items: center;gap:.75rem}.brand img{display:block;flex-shrink:0;width:40px;height:40px}.page-footer{display:flex;overflow-x:auto;color:var(--muted);white-space:nowrap;flex-shrink:0;justify-content:safe center;align-items: center;max-width:100%;margin-top:auto;padding-top:1.75rem;font-size:.875rem}.page-footer a{display:inline-block;padding:.3rem 0}[hidden]{display:none!important}body{display:flex;flex-direction:column;min-height:100svh;margin:0;padding:clamp(1.5rem,5vh,3rem) 1rem 1.5rem}.masthead{text-align:center;max-width:640px;margin:0 auto 1.5rem}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.875rem;font-weight:600}h1{margin:0}#schedule{color:var(--muted);text-align:center;margin:.75rem 0 0;font-size:.875rem;font-weight:400}main{flex-shrink:0;width:min(100%,max(240px,133.333svh - 413.333px));max-width:640px;margin:0 auto}.workshop{position:relative;isolation:isolate;overflow:hidden;background:#211609;border:6px ridge #9b8153;box-shadow:0 0 0 3px #10150f,0 0 0 4px #535642,0 8px 20px #080c0880}.room{display:block;image-rendering:pixelated;width:100%;height:auto}.crt-grain,.workshop:after,dialog:after{position:absolute;z-index:10;pointer-events:none;inset:0}.crt-grain{opacity:var(--crt-grain-opacity,.045);image-rendering:pixelated;mix-blend-mode:screen;animation:.166667s step-end infinite grain;width:100%;height:100%}.workshop:after,dialog:after{content:"";background:repeating-linear-gradient(0deg,transparent 0 2px,var(--crt-line,#0002)2px 3px),repeating-linear-gradient(90deg,#ff000008 0 1px,#00ff0005 1px 2px,#0000ff08 2px 3px),radial-gradient(ellipse at center,transparent 40%,var(--crt-edge,#080402aa)100%);box-shadow:inset 0 0 48px 6px var(--crt-shadow,#120b0755)}@keyframes grain{25%{transform:scaleX(-1)}50%{transform:scale(-1)}75%{transform:scaleY(-1)}}.hotspot{position:absolute;display:block;color:#fff1c7;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0}.pantry{width:19.375%;height:72.0833%;top:21.25%;left:80.625%}.brews{width:24.0625%;height:20.8333%;top:22.5%;left:53.75%}.cauldron{width:18.4375%;height:21.6667%;top:54.5833%;left:20.625%}.wizard{width:31.25%;height:50%;top:44.1667%;left:46.25%}:-webkit-any(.object-art,.sprite){display:block;width:100%;height:100%}:-moz-any(.object-art,.sprite){display:block;width:100%;height:100%}:is(.object-art,.sprite){display:block;width:100%;height:100%}.object-art{--glow-near:2px;--glow-far:5px;--glow-color:#d6ad6199;filter:drop-shadow(0 0 var(--glow-near)#f3c36c)drop-shadow(0 0 var(--glow-far)var(--glow-color));animation:4s ease-in-out infinite glow}.hotspot:hover{--glow-near:4px;--glow-far:11px;--glow-color:#ffe5a3}.hotspot.hotspot:-webkit-any(:hover,:focus-visible) .object-art{--glow-near:4px;--glow-far:11px;--glow-color:#ffe5a3}.hotspot.hotspot:-moz-any(:hover,:focus-visible) .object-art{--glow-near:4px;--glow-far:11px;--glow-color:#ffe5a3}.hotspot.hotspot:is(:hover,:focus-visible) .object-art{--glow-near:4px;--glow-far:11px;--glow-color:#ffe5a3}.pantry .object-art{animation-delay:-1s}.brews .object-art{--glow-near:3px;--glow-far:9px;--glow-color:#ffe0a6dd;animation-delay:-2s}.cauldron .object-art{animation-delay:-3s}@keyframes glow{50%{filter:drop-shadow(0 0 calc(var(--glow-near) + 1px)#ffe7a4)drop-shadow(0 0 calc(var(--glow-far) + 5px)var(--glow-color))}}.hotspot-label{position:absolute;opacity:0;pointer-events:none;background:#271e17;border:1px solid #b99355;width:max-content;max-width:170px;padding:.3rem .5rem;font-size:.875rem;line-height:1.4;bottom:100%;left:50%;transform:translate(-50%)}.pantry .hotspot-label{left:auto;right:0;transform:none}.hotspot:-webkit-any(:hover,:focus-visible) .hotspot-label{opacity:1}.hotspot:-moz-any(:hover,:focus-visible) .hotspot-label{opacity:1}.hotspot:is(:hover,:focus-visible) .hotspot-label{opacity:1}.sprite img{display:block;image-rendering:pixelated;width:100%;height:100%}.brews .sprite{filter:brightness(1.15)saturate(1.1)drop-shadow(0 0 1px #ffe7a4)}.cauldron .sprite{animation:3s ease-in-out infinite simmer}.wizard:not(.talking) .wizard-talk,.wizard.talking .wizard-idle{display:none}@keyframes simmer{50%{filter:brightness(1.12)}}.menu-open .workshop :is(.object-art,.sprite,.sprite img,.crt-grain){animation-play-state:paused}.speech{position:absolute;z-index:5;color:#382d23;background:#fff4d9;border:2px solid #a9864b;border-radius:2px;width:45%;margin:0;padding:.7rem;font-size:clamp(.75rem,2.5vw,.875rem);line-height:1.5;bottom:60%;left:29%;box-shadow:3px 3px #20170b99}.speech:after{content:"";position:absolute;border:8px solid #0000;border-top-color:#a9864b;top:100%;right:20%}.room-help{color:var(--ink);margin:.75rem 0 0;font-size:1rem;font-style:italic;font-weight:600}dialog{--crt-grain-opacity:.025;--crt-line:#00000012;--crt-edge:#08040244;--crt-shadow:#120b0726;--ink:#e3e1d7;--muted:#b5b6a9;--link:#edd094;--line:#606057;--control-bg:#343830;--control-border:#868779;--control-ink:#f5eedc;--header-bg:#ffffff08;position:fixed;z-index:20;isolation:isolate;color:var(--ink);overflow:hidden;overflow-wrap:anywhere;background:#1b1e1b;border:4px ridge #5c6058;border-radius:2px;min-width:0;max-width:none;max-height:none;margin:0;padding:0;box-shadow:inset 0 0 24px #0008}dialog[open]{display:flex;flex-direction:column}dialog[data-theme=wood]{--ink:#f2dfbf;--muted:#d0bb98;--link:#ffdb98;--line:#90623d;--control-bg:#29180e;--control-border:#b58a55;--control-ink:#fff1d1;--header-bg:#170a0399;background:#2c1a10;border-color:#825531;box-shadow:inset 0 0 35px #0d0504aa}dialog[data-theme=parchment]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--ink:#392916;--muted:#695435;--link:#594018;--line:#b79c68;--control-bg:#5d4426;--control-border:#8c6a39;--control-ink:#fff2cf;--header-bg:#ae772319;background:radial-gradient(at 0 0,#96602166,#0000 55%),radial-gradient(at 100% 100%,#96602155,#0000 50%),repeating-linear-gradient(0deg,#fff2 0 1px,#0000 1px 4px),#e6d3a0;border-color:#a18046;box-shadow:inset 0 0 25px #7e4c2755}dialog[data-theme=iron]{background:radial-gradient(circle at 12px 12px,#a0a091 0 1px,#575e53 2px 3px,#090c08 4px,#0000 5px),radial-gradient(circle at calc(100% - 12px) 12px,#a0a091 0 1px,#575e53 2px 3px,#090c08 4px,#0000 5px),repeating-linear-gradient(115deg,#ffffff03 0 1px,#0000 1px 4px),radial-gradient(at 50% 0,#353b30,#171b17 80%);border-color:#565c53}.panel-header{display:flex;border-bottom:1px solid var(--line);background:var(--header-bg);flex-shrink:0;justify-content:space-between;align-items: center;gap:1rem;padding:.5rem 1rem}.panel-header h2{margin:0;font-size:1.25rem;font-weight:600}.panel-body{container-type:inline-size;overflow-y:auto;overscroll-behavior:contain;padding:.25rem 1rem 1rem}h3{margin:1.25rem 0 .5rem;font-size:1.125rem}p{margin:.75rem 0}.close-panel{position:relative;flex-shrink:0;min-width:44px;min-height:44px;padding:0;font-size:1.5rem;line-height:1}:focus-visible{outline:3px solid #b37b21;outline-offset:4px}.hotspot:focus-visible{outline-color:#ffe7a4}input[type=url]{display:block;border:1px solid var(--control-border);color:var(--ink);background:#0005;border-radius:2px;width:100%;margin:.5rem 0 .75rem;padding:.7rem;font-size:1rem}.ingredient-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;margin:1rem 0 2rem}#theme-ingredients{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredient{position:relative;display:flex;color:#f3e3c5;flex-direction:column;padding:.75rem .75rem 1.5rem}.ingredient h4{margin:0 0 .75rem;font-size:1rem;line-height:1.4}.ingredient p{margin:0 0 .75rem;font-size:.875rem}.crate{background:repeating-linear-gradient(2deg,#0000 0 7px,#12080022 8px,#0000 10px 15px),repeating-linear-gradient(0deg,#583719 0 29px,#2d180b 30px 32px,#8e5c2f 33px 34px);border:3px ridge #9e6b3c;box-shadow:inset 0 0 10px #10070299}.crate h4{color:#392916;background:#e8d6ad;border:1px solid #a38959;padding:.35rem .5rem;box-shadow:1px 2px 2px #13080188}.crate a{color:inherit}.site-icon{display:inline-block;object-fit:contain;vertical-align:-2px;width:16px;height:16px;margin-right:.4rem}.paper{color:#392916;background:radial-gradient(at 100% 0,#af834033,#0000 65%),#e6d3a2;border:1px solid #bda06a;border-radius:2px 12px 3px 2px;box-shadow:inset 0 0 12px #a5813b44}.ingredient-labels{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-end;gap:.5rem;margin-top:auto}.media-stickers{display:flex;flex-wrap:wrap;gap:.4rem}.media-sticker{display:grid;color:#392916;background:#eadab5;border:1px solid #a68b59;border-radius:3px;place-items: center;width:30px;height:30px;box-shadow:1px 2px #1e0c0699}.media-sticker:nth-child(2n){transform:rotate(5deg)}:-webkit-any(.media-sticker,.license-label) svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}:-moz-any(.media-sticker,.license-label) svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}:is(.media-sticker,.license-label) svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.license-label{display:flex;color:#392916;white-space:nowrap;background:#eadab5;border:1px solid #a68b59;border-radius:3px;align-items: center;gap:.3rem;min-height:30px;margin-left:auto;padding:.15rem .3rem;font-size:.75rem;font-weight:600;line-height:1.4;box-shadow:1px 2px #1e0c0699}.license-label svg{width:18px;height:18px}.media-symbols{position:absolute;overflow:hidden;width:0;height:0}.fine-print{color:var(--muted);font-size:.875rem}.hotspot-label,.speech,.wizard-remark,#pantry-content{font-weight:400}.wizard-remark{border-left:3px solid var(--line);padding-left:1rem;font-style:italic}#status,#submit-result{overflow-wrap:anywhere}.status-actions,.panel-actions{display:flex;align-items: center;gap:.4rem}.status-actions{flex-wrap:wrap}.status-actions button{padding:.3rem .5rem;font-size:.875rem}#status-action-result:empty{display:none}.panel-actions{flex-shrink:0}.panel-icon{display:grid;place-items: center;min-width:36px;min-height:36px;padding:0}.panel-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}#shelf-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .75rem;margin:.75rem 0 1rem}#shelf-list h3{margin:0;font-size:1rem}#shelf-list p{margin:.4rem 0 0;font-size:.875rem}#shelf-list img{display:block;object-fit:contain;background:#0003;width:100%;height:140px;margin-top:.5rem}@container (width<=400px){#shelf-list{grid-template-columns:minmax(0,1fr)}}[data-theme=wood] .ingredient:after,[data-theme=wood] #shelf-list article:after{content:"";position:absolute;background:linear-gradient(#946437,#5b341a);border-top:2px solid #bc8b50;border-bottom:3px solid #241006;height:12px;bottom:-.7rem;left:-.5rem;right:-.5rem;box-shadow:0 4px 5px #0c050899}[data-theme=wood] #shelf-list article{position:relative;background:#3e2718;border:2px ridge #986639;margin:0;padding:.6rem}.page-footer ul{display:flex;list-style:none;align-items: center;gap:.75rem;margin:0;padding:0}.page-footer li{display:flex;flex-shrink:0;align-items: center;gap:.75rem}.page-footer li+li:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:3px;height:3px}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation:none!important;transition:none!important}.motion-switch{display:flex;cursor:pointer;flex-shrink:0;align-items: center;gap:.5rem}.motion-switch input{accent-color:#a67d41;width:1rem;height:1rem;margin:0}@media (prefers-reduced-motion:reduce){:root:not([data-reduced-motion]) *,:root:not([data-reduced-motion]) *:before,:root:not([data-reduced-motion]) *:after{animation:none!important;transition:none!important}}@media (max-width:420px){body{padding-inline-start:.75rem;padding-inline-end:.75rem}.masthead{margin-bottom:1.25rem}.panel-header,.panel-body{padding-inline-start:.85rem;padding-inline-end:.85rem}}@media (max-width:440px){.ingredient-shelf,#theme-ingredients{grid-template-columns:minmax(0,1fr)}}.close-panel:before,.close-panel:after{content:"";position:absolute;background:currentColor;width:16px;height:2px;top:calc(50% - 1px);left:calc(50% - 8px);transform:rotate(45deg)}.close-panel:after{transform:rotate(-45deg)}.crate a:after{content:"";display:inline-block;vertical-align:.1em;background:linear-gradient(135deg,#0000 calc(50% - .75px),currentColor calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px));border-top:1.5px solid;border-right:1.5px solid;width:.4em;height:.4em;margin-left:.4em}#copyright{color:var(--muted);text-decoration:none}#copyright:hover{text-decoration:underline}.new-badge{display:inline-block;color:#382915;vertical-align:middle;background:#f3d58a;border:1px solid #e9cc82;padding:.1rem .35rem;font-size:.7rem;font-weight:700;line-height:1.4}.brews>.new-badge{position:absolute;top:0;right:0}.spinner{display:inline-block;vertical-align:-.1em;animation:.8s linear infinite spin;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;margin-right:.4em}@keyframes spin{to{transform:rotate(360deg)}}
