:root,:root[data-theme=dark]{color-scheme:dark;--page-bg: #151916;--page-grid: rgba(255, 255, 255, .018);--header-bg: rgba(32, 37, 33, .97);--panel-bg: #242a25;--surface-bg: #1b201c;--stage-bg: linear-gradient(145deg, #202520, #151916);--text-main: #eee8d7;--text-strong: #f3ebd8;--text-muted: #9da69b;--border: #4c5048;--shadow: #0d100e;--tile-mix: #1b211d;--structural: #b67343;--binding: #956b48;--flavour: #a85f50;--sweetener: #bd8a38;--leavening: #829054;--stabilizer: #718895;--aromatic: #89658f;--acid: #c55739;--liquid: #6596a3;--exotic: #9b7394}:root[data-theme=light]{color-scheme:light;--page-bg: #f5f0e6;--page-grid: rgba(71, 55, 37, .055);--header-bg: rgba(239, 228, 207, .98);--panel-bg: #e5d8c1;--surface-bg: #f3ead9;--stage-bg: linear-gradient(145deg, #fbf6eb, #e9dec9);--text-main: #332d26;--text-strong: #211d19;--text-muted: #71685d;--border: #9e907c;--shadow: #b8aa94;--tile-mix: #f3ead9;--structural: #bd7040;--binding: #a16e3f;--flavour: #b95143;--sweetener: #cf9421;--leavening: #718735;--stabilizer: #587c8e;--aromatic: #87538f;--acid: #d94e27;--liquid: #4e95a6;--exotic: #945b8a}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.table{display:table}.grid{display:grid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:var(--text-main);background:var(--page-bg);font-family:Trebuchet MS,Verdana,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px),var(--page-bg);background-size:16px 16px}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #e8bd61;outline-offset:2px}.app-shell{height:100dvh;overflow:hidden}.app-header{height:66px;padding:9px 16px;display:grid;grid-template-columns:290px minmax(220px,540px) auto;align-items:center;gap:18px;border-bottom:3px solid #0e110f;background:var(--header-bg);box-shadow:0 5px #0003;position:relative;z-index:40}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup img{width:43px;height:43px;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 #0f110f)}.brand-lockup div{display:grid}.brand-lockup strong{font-family:Impact,Arial Narrow,sans-serif;letter-spacing:.13em;font-size:20px;line-height:1;color:#f0d89b;text-shadow:2px 2px 0 #7a4934}.brand-lockup span{margin-top:4px;color:#9da69b;font:700 9px/1 Courier New,monospace;letter-spacing:.14em;text-transform:uppercase}.search-field{height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#111512;border:1px solid #555a51;box-shadow:inset 0 0 0 2px #222820,3px 3px #0d0f0d;color:#8f9b8e}.search-field:focus-within{border-color:#b7a77c;color:#e8bd61}.search-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text-strong);font-size:13px}.search-field input::-moz-placeholder{color:#70796f}.search-field input::placeholder{color:#70796f}.search-field button{border:0;background:none;display:grid;place-items:center;padding:3px;cursor:pointer}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.mode-switch{display:flex;padding:3px;gap:3px;background:#101310;border:1px solid #4d534b;box-shadow:3px 3px #0c0e0c}.mode-switch button{height:32px;padding:0 13px;border:0;background:transparent;color:#838c82;display:flex;gap:7px;align-items:center;cursor:pointer;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mode-switch button.is-active{color:#241e16;background:#d2b876;box-shadow:inset -2px -2px #8f7540,inset 2px 2px #f1dfa9}.theme-toggle{height:38px;padding:0 8px;border:1px solid var(--border);background:var(--surface-bg);color:var(--text-muted);box-shadow:3px 3px 0 var(--shadow);display:flex;align-items:center;gap:6px;cursor:pointer}.theme-toggle__track{width:25px;height:12px;padding:2px;background:#111512;border:1px solid #5c635b;display:flex;align-items:center}.theme-toggle__track i{width:6px;height:6px;background:#d6b666;box-shadow:1px 1px #6b5126;transition:transform .2s ease}[data-theme=light] .theme-toggle__track i{transform:translate(11px);background:#f0b941}.mobile-panel-toggle{display:none}.app-workspace{height:calc(100dvh - 66px);display:grid;grid-template-columns:306px minmax(0,1fr)}.main-stage{min-width:0;min-height:0;overflow:hidden}.detail-panel{height:100%;min-height:0;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--panel-bg);border-right:3px solid #101310;box-shadow:7px 0 #0000001f;position:relative;z-index:30}.panel-close{display:none}.preview-card{min-height:245px;flex:0 1 43%;position:relative;overflow:hidden;border:2px solid #606559;background:linear-gradient(145deg,#313931,#1b201c);box-shadow:inset 0 0 0 3px #151915,4px 4px #101310}.preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 75%);mask-image:linear-gradient(to bottom,#000,transparent 75%)}.preview-period{position:absolute;top:12px;left:12px;font:700 9px/1 Courier New,monospace;letter-spacing:.12em;color:#9daa9d}.preview-identity{position:absolute;left:12px;right:12px;bottom:11px;display:flex;gap:10px;align-items:center}.preview-identity>strong{width:48px;height:48px;display:grid;place-items:center;background:#e3d6b7;color:#2d2a22;border:2px solid #f8edd4;box-shadow:3px 3px #0f120f;font:900 22px/1 Georgia,serif}.preview-identity h2{margin:0 0 3px;color:var(--text-strong);font:900 18px/1 Georgia,serif}.preview-identity span{color:#9da79c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.property-sheet{min-height:0;overflow:auto;border:1px solid var(--border);background:var(--surface-bg);box-shadow:3px 3px 0 var(--shadow)}.property-row{min-height:40px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #363d37}.property-row:last-child{border-bottom:0}.property-row>span{color:#a7afa5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.data-tag{max-width:145px;padding:4px 7px;text-align:right;color:#e6ddc8;background:#30372f;border-left:3px solid #9a8350;font-size:10px}.category-tag{border-left-color:var(--category)}.metric-pips{display:flex;gap:2px;color:#4e554d}.metric-pips svg.is-filled{color:#d0ad54;fill:#d0ad5438}.metric-pips--shelf svg.is-filled{color:#7fa8a4;fill:#7fa8a433}.metric-pips--difficulty svg.is-filled{color:#b7826b;fill:#b7826b}.pairing-list{display:flex;gap:5px}.pairing-list button{width:29px;height:27px;border:1px solid #767665;background:#d9ceb2;color:#2d2b24;box-shadow:inset -2px -2px #91866e;font:900 11px Georgia,serif;cursor:pointer}.pairing-list button:hover{transform:translateY(-2px)}.craft-quick-add{margin-top:auto;min-height:40px;border:1px solid #c5a157;background:#8a5c37;color:#fff0c8;box-shadow:inset -3px -3px #563820,inset 2px 2px #b9834c,3px 3px #101310;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.craft-quick-add:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #563820}.table-panel,.crafting-panel{height:100%;min-width:0;min-height:0;padding:clamp(12px,1.5vw,24px);background:radial-gradient(circle at 73% 20%,rgba(166,136,79,.08),transparent 32%),var(--stage-bg)}.table-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.1vh,14px);--cell-size: 52px}.table-heading,.crafting-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.eyebrow{display:block;margin-bottom:4px;color:#b8a274;font:800 9px/1 Courier New,monospace;letter-spacing:.18em;text-transform:uppercase}.table-heading h1,.crafting-heading h1{margin:0;color:var(--text-strong);font:900 clamp(21px,2.1vw,34px)/.95 Georgia,serif;letter-spacing:-.035em}.category-legend{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:520px}.legend-item{height:28px;padding:0 8px;border:1px solid #555c54;background:#1d221e;color:#aeb4aa;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;opacity:.72}.legend-item span{width:8px;height:14px;background:var(--category);box-shadow:inset -2px -2px #00000038}.legend-item:hover,.legend-item.is-active{opacity:1;color:#f3ead5;transform:translateY(-1px);border-color:var(--category)}.category-structural{--category: var(--structural)}.category-binding{--category: var(--binding)}.category-flavour{--category: var(--flavour)}.category-sweetener{--category: var(--sweetener)}.category-leavening{--category: var(--leavening)}.category-stabilizer{--category: var(--stabilizer)}.category-aromatic{--category: var(--aromatic)}.category-acid{--category: var(--acid)}.category-liquid{--category: var(--liquid)}.category-exotic{--category: var(--exotic)}.table-scroll{min-height:0;min-width:0;overflow:hidden;display:grid;place-items:center}.periodic-grid{width:-moz-max-content;width:max-content;padding-right:clamp(12px,calc(var(--cell-size) * .24),20px);display:grid;grid-template-columns:repeat(19,var(--cell-size));grid-template-rows:18px repeat(4,var(--cell-size)) calc(var(--cell-size) * .38) var(--cell-size);gap:clamp(2px,calc(var(--cell-size) * .055),5px);align-content:center}.corner-label,.group-number{color:#7f897f;font:800 clamp(7px,calc(var(--cell-size) * .13),10px)/1 "Courier New",monospace;display:flex;align-items:center;justify-content:center}.corner-label{writing-mode:vertical-rl;font-size:7px;letter-spacing:.12em}.period-marker{grid-column:1;display:grid;align-content:center;justify-items:center;overflow:hidden;color:#899287}.period-marker b{color:#d4c49d;font:900 clamp(13px,calc(var(--cell-size)*.27),20px)/1 Georgia,serif}.period-marker span{max-width:88%;margin-top:3px;font:700 clamp(5px,calc(var(--cell-size)*.09),8px)/1.1 "Courier New",monospace;text-transform:uppercase;text-align:center}.detached-label{grid-column:1 / span 4;grid-row:7;padding-left:6px;display:flex;align-items:center;gap:8px;border-left:3px solid var(--exotic);color:#9fa79d}.detached-label b{color:#d6c6d1;font:900 clamp(14px,calc(var(--cell-size)*.3),22px)/1 Georgia,serif}.detached-label span{font:800 clamp(7px,calc(var(--cell-size)*.1),9px)/1 "Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}.empty-cell{min-width:0;min-height:0;border:1px dashed color-mix(in srgb,var(--border),transparent 58%);background:color-mix(in srgb,var(--surface-bg),transparent 82%);opacity:.36}.ingredient-tile{grid-column:var(--group);grid-row:var(--period);min-width:0;min-height:0;position:relative;overflow:hidden;padding:calc(var(--cell-size) * .09);border:1px solid color-mix(in srgb,var(--category),white 24%);border-top-width:3px;background:color-mix(in srgb,var(--surface-bg),var(--ingredient-color) 7%);color:#f2ead7;box-shadow:inset -3px -3px #00000038,inset 2px 2px #ffffff1a,2px 2px #0b0e0c;text-align:left;cursor:pointer;transition:transform .14s ease,filter .14s ease,opacity .14s ease}.ingredient-tile:before{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;background:var(--category);box-shadow:-2px 2px #0003;pointer-events:none}.ingredient-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px);pointer-events:none}.ingredient-tile:hover,.ingredient-tile.is-selected{z-index:10;transform:translateY(-4px) scale(1.06);filter:brightness(1.16);border-color:#f0dba6;box-shadow:inset -3px -3px #00000040,inset 2px 2px #ffffff2e,4px 6px #00000047}.ingredient-tile.is-selected{outline:2px solid #f1cf79;outline-offset:1px}.ingredient-tile.is-dimmed{opacity:.14;filter:grayscale(.75)}.ingredient-tile.is-dimmed:hover{opacity:.55}.ingredient-tile.is-match{animation:foundPulse 1.1s ease-in-out infinite alternate}.tile-index{position:absolute;top:6%;left:8%;color:#ffffff94;font:700 clamp(5px,calc(var(--cell-size)*.09),8px)/1 "Courier New",monospace}.tile-symbol{position:absolute;top:22%;left:8%;font:900 clamp(15px,calc(var(--cell-size)*.38),31px)/1 Georgia,serif;letter-spacing:-.06em;text-shadow:2px 2px rgba(0,0,0,.22)}.tile-name{position:absolute;left:8%;right:6%;bottom:7%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:800 clamp(5px,calc(var(--cell-size)*.105),9px)/1 "Courier New",monospace;text-transform:uppercase}.tile-pixel{position:absolute;top:12%;right:8%;width:34%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated;opacity:1;border:1px solid color-mix(in srgb,var(--ingredient-detail),white 22%);box-shadow:inset 0 0 0 1px #ffffff21,2px 2px #00000042;background:var(--ingredient-color)}.tile-voxel{display:none;position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;align-items:center;justify-content:center;background:#101411bd}.ingredient-tile:hover .tile-voxel,.ingredient-tile.is-selected .tile-voxel{display:flex}.ingredient-tile:hover .tile-symbol,.ingredient-tile:hover .tile-name,.ingredient-tile:hover .tile-pixel,.ingredient-tile:hover .tile-index,.ingredient-tile.is-selected .tile-symbol,.ingredient-tile.is-selected .tile-name,.ingredient-tile.is-selected .tile-pixel,.ingredient-tile.is-selected .tile-index{opacity:0}.table-footnote{display:flex;justify-content:space-between;gap:10px;color:#737d74;font:700 8px/1 Courier New,monospace;text-transform:uppercase;letter-spacing:.08em}.table-footnote span:before{content:"■";margin-right:6px;color:#8f7d54}.voxel-stage{--cube: 36px;display:grid;place-items:center;perspective:520px}.voxel-stage--small{width:54px;height:54px;--cube: 30px}.voxel-stage--large{position:absolute;top:15px;right:0;bottom:55px;left:0;--cube: clamp(76px,12vh,112px)}.voxel-stage--result{width:150px;height:132px;--cube: 82px}.voxel{width:var(--cube);height:var(--cube);position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(38deg);animation:voxelFloat 4s ease-in-out infinite}.voxel__face{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(36,31,23,.38);background-size:100% 100%,8px 8px;image-rendering:pixelated;box-shadow:inset 0 0 0 2px #ffffff12;backface-visibility:hidden;overflow:hidden}.voxel__face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.voxel__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background-image:linear-gradient(90deg,transparent 75%,rgba(0,0,0,.28) 75%),linear-gradient(transparent 75%,#ffffff2b 75%);background-size:8px 8px}.voxel__face--front{transform:translateZ(calc(var(--cube)/2));background-color:var(--voxel-front);background-image:var(--voxel-texture)}.voxel__face--back{transform:rotateY(180deg) translateZ(calc(var(--cube)/2));background:var(--voxel-side)}.voxel__face--right{transform:rotateY(90deg) translateZ(calc(var(--cube)/2));background-color:var(--voxel-side);background-image:var(--voxel-texture);filter:brightness(.72)}.voxel__face--left{transform:rotateY(-90deg) translateZ(calc(var(--cube)/2));background:var(--voxel-front);filter:brightness(.82)}.voxel__face--top{transform:rotateX(90deg) translateZ(calc(var(--cube)/2));background-color:var(--voxel-top);background-image:var(--voxel-top-texture);filter:brightness(1.12)}.voxel__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube)/2));background:var(--voxel-side)}.voxel-stage--mess .voxel{border-radius:28%;animation:messWobble 1.4s ease-in-out infinite}.voxel-stage--mess .voxel__face{border-radius:18%}.finish-matte .voxel__face{box-shadow:inset 0 0 0 2px #ffffff09}.finish-glossy .voxel__face:before{background:linear-gradient(128deg,rgba(255,255,255,.34),transparent 24% 68%,rgba(255,255,255,.1));mix-blend-mode:screen}.finish-semi-transparent .voxel__face{opacity:.82;border-color:#d2eff480;box-shadow:inset 0 0 10px #ffffff38}.finish-semi-transparent .voxel__face:before{background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 38%,rgba(255,255,255,.12))}.finish-metallic .voxel__face{border-color:#7d651c;box-shadow:inset 0 0 0 2px #fff7b23d,inset -9px -6px 14px #4b300442}.finish-metallic .voxel__face:before{background:linear-gradient(115deg,transparent 8%,rgba(255,255,255,.82) 18%,transparent 28% 47%,rgba(255,242,158,.62) 55%,transparent 67%);mix-blend-mode:screen;animation:metalSweep 2.8s ease-in-out infinite alternate}.texture-crystalline .voxel__face:before{background:radial-gradient(circle at 22% 28%,#fff 0 2%,transparent 3%),radial-gradient(circle at 76% 66%,var(--voxel-detail) 0 2%,transparent 4%),radial-gradient(circle at 63% 18%,#fff 0 1.5%,transparent 3%)}.texture-liquid-glossy .voxel__face--top:before,.texture-liquid-translucent .voxel__face--top:before{background:repeating-radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.22) 0 2%,transparent 3% 12%)}.texture-pod-ridged .voxel__face:before{background:repeating-linear-gradient(88deg,transparent 0 14%,color-mix(in srgb,var(--voxel-detail),transparent 48%) 15% 18%,transparent 19% 31%)}.crafting-panel{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px}.crafting-heading p{margin:7px 0 0;max-width:580px;color:#929c92;font-size:11px}.craft-count{min-width:90px;height:50px;padding:6px 12px;display:flex;align-items:baseline;justify-content:center;gap:4px;border:1px solid #5f6258;background:#202620;box-shadow:3px 3px #0d100e}.craft-count b{color:#e2c36e;font:900 25px Georgia,serif}.craft-count span{color:#899288;font:800 8px Courier New,monospace;text-transform:uppercase}.crafting-workspace{min-height:0;display:grid;grid-template-columns:minmax(250px,1fr) minmax(210px,.72fr) minmax(290px,1fr);gap:clamp(12px,2vw,30px);align-items:stretch}.ingredient-tray{min-height:0;display:grid;grid-template-rows:30px minmax(0,1fr);padding:10px;background:#252b25;border:2px solid #555c53;box-shadow:inset 0 0 0 3px #171b18,5px 5px #0d100e}.tray-label{display:flex;align-items:center;padding-left:4px;color:#b3b8ad;font:800 9px Courier New,monospace;text-transform:uppercase;letter-spacing:.12em}.tray-grid{min-height:0;display:grid;grid-template-columns:repeat(5,minmax(38px,1fr));grid-auto-rows:minmax(38px,1fr);gap:5px}.ingredient-tile.is-compact{--cell-size:58px;grid-column:auto;grid-row:auto;width:100%;height:100%;min-height:38px}.ingredient-tile.is-compact .tile-index{display:none}.ingredient-tile.is-compact .tile-symbol{top:42%;left:9%;transform:translateY(-50%);font-size:clamp(13px,1.5vw,23px)}.ingredient-tile.is-compact .tile-name{left:7%;right:5%;bottom:5%;font-size:clamp(5px,.55vw,7px)}.ingredient-tile.is-compact .tile-pixel{width:34%;top:11%;right:7%}.ingredient-tile.is-compact:hover{transform:translateY(-2px) scale(1.04)}.ingredient-tile.is-compact.is-selected .tile-voxel{display:none}.ingredient-tile.is-compact.is-selected .tile-symbol,.ingredient-tile.is-compact.is-selected .tile-pixel{opacity:1}.craft-bench-wrap{align-self:center;min-width:0;display:grid;justify-items:center;gap:13px}.craft-bench{width:min(27vw,284px);aspect-ratio:1;padding:clamp(9px,1vw,15px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(5px,.65vw,9px);background:#7b8179;border:5px solid #aaa99b;box-shadow:inset 5px 5px #4d534d,inset -5px -5px #9c9e93,7px 8px #0d100e}.craft-slot{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:1;position:relative;display:grid;place-items:center;border:0;background:#393e3a;box-shadow:inset 4px 4px #242824,inset -3px -3px #60655f;cursor:pointer;overflow:hidden}.craft-slot:hover{background:#444a45}.craft-slot.is-drop-target{background:#4d5946;outline:3px solid #e2c36e;outline-offset:-3px;transform:scale(.96)}.craft-slot img{width:64%;height:64%;margin-top:-10%;-o-object-fit:cover;object-fit:cover;image-rendering:pixelated;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.3));transition:transform .12s ease}.craft-slot.is-drop-target img{transform:scale(.88)}.craft-slot>span:not(.slot-notch){position:absolute;right:5px;top:4px;color:#f6efd8;font:900 clamp(8px,.8vw,11px) Georgia,serif;text-shadow:1px 1px #111}.slot-notch{width:8px;height:8px;border:1px solid #666d65;opacity:.45}.craft-equation{width:min(31vw,340px);min-height:34px;padding:6px 8px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;color:#d9cfb8;text-align:center;font:800 9px/1.25 Courier New,monospace;text-transform:uppercase;letter-spacing:.025em;border-block:1px solid #474e47}.craft-equation span:not(.craft-equation__plus){color:#eee3c9}.craft-equation__plus{color:#d9a750;font-size:13px}.craft-equation em{color:#737d74;font-style:normal}.craft-actions{display:flex;gap:9px}.reset-button,.bake-button{height:42px;border:1px solid #817969;cursor:pointer;box-shadow:inset -3px -3px #00000040,inset 2px 2px #ffffff21,3px 3px #0e110f}.reset-button{width:43px;display:grid;place-items:center;background:#424943;color:#aeb6ad}.bake-button{min-width:130px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ad743d;color:#fff0c5;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.bake-button:disabled{cursor:progress;filter:saturate(.45);opacity:.72}.reset-button:active,.bake-button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #0000004d}.craft-result{min-height:0;padding:16px;display:grid;place-items:center;border:2px solid #464d46;background:#181d19ad;box-shadow:inset 0 0 0 4px #131714,5px 5px #0d100e;overflow:hidden;position:relative}.craft-result.has-result{background:radial-gradient(circle,rgba(190,156,78,.13),transparent 60%),#1b211c}.result-empty{text-align:center;color:#697369}.result-question{width:72px;height:72px;margin:0 auto 12px;display:grid;place-items:center;border:2px dashed #4f574f;font:900 38px Georgia,serif}.result-empty b{display:block;color:#899187;font:800 10px Courier New,monospace;text-transform:uppercase;letter-spacing:.12em}.result-empty p{margin:5px 0;font-size:10px}.result-content{max-width:300px;text-align:center;position:relative}.result-content .voxel-stage{margin:auto}.result-kicker{display:block;margin-top:-2px;color:#b79b5b;font:800 9px Courier New,monospace;text-transform:uppercase;letter-spacing:.15em}.result-content h2{margin:5px 0 6px;color:#f2e6c8;font:900 clamp(22px,2.3vw,34px)/1 Georgia,serif}.result-content p{margin:0 auto 13px;color:#929c92;font-size:11px;line-height:1.4}.result-content a,.result-content button{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #b2914e;background:#7c552e;color:#f8e5b6;text-decoration:none;font:800 9px Courier New,monospace;text-transform:uppercase;cursor:pointer}.result-content--mess .result-kicker{color:#a58173}.result-content--mess button{border-color:#6f6258;background:#443c35;color:#cfc5b9}.result-content--mess small{display:block;margin:-4px 0 12px;color:#928b80;font:700 8px Courier New,monospace;text-transform:uppercase}.generated-recipe{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:11px}.generated-recipe__hero{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:4px;border-bottom:1px solid #3c443d;padding-bottom:9px}.generated-recipe__hero .voxel-stage{width:112px;height:105px;--cube:62px}.generated-recipe__hero h2{margin:4px 0 5px;color:#f1e4c6;font:900 clamp(18px,1.7vw,27px)/.98 Georgia,serif}.generated-recipe__hero p{margin:0;color:#9ba39a;font-size:10px;line-height:1.35}.recipe-time{margin-top:7px;display:inline-flex;align-items:center;gap:5px;color:#d5b96d;font:800 8px Courier New,monospace;text-transform:uppercase}.recipe-source{margin-top:7px;display:flex;align-items:center;gap:4px;width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;color:#b7c7b6;font:800 8px Courier New,monospace;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #657566}.recipe-source:hover{color:#f0d792;border-color:#f0d792}.generated-recipe__body{min-height:0;overflow:auto;padding-right:5px;display:grid;align-content:start;gap:12px;scrollbar-width:thin;scrollbar-color:#75623d #1c211d}.generated-recipe__body section{border-left:2px solid #7b6843;padding-left:9px}.generated-recipe__body h3{margin:0 0 6px;display:flex;align-items:center;gap:5px;color:#cdbb92;font:900 9px Courier New,monospace;text-transform:uppercase;letter-spacing:.08em}.generated-recipe__body ul,.generated-recipe__body ol{margin:0;padding-left:16px;color:#aeb5ab;font-size:9px;line-height:1.45}.generated-recipe__body li+li{margin-top:4px}.generated-recipe__body b{color:#e3cc91}.generated-recipe footer{padding-top:8px;border-top:1px solid #3c443d;color:#7f8b80;text-align:center;font:800 8px Courier New,monospace;text-transform:uppercase;letter-spacing:.06em}.recipe-loading{width:min(240px,85%);display:grid;justify-items:center;gap:9px;color:#a89a78;text-align:center;font:800 9px Courier New,monospace;text-transform:uppercase;letter-spacing:.09em}.recipe-loading__oven{width:128px;height:119px;-o-object-fit:contain;object-fit:contain;image-rendering:auto;filter:drop-shadow(7px 9px 0 rgba(0,0,0,.34));animation:ovenBake 1.25s ease-in-out infinite}.recipe-loading>span{width:100%;height:6px;background:#30362f;overflow:hidden;position:relative}.recipe-loading>span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#8c7040;transform:translate(-100%);animation:loadingBar 1.1s ease-in-out infinite}.recipe-loading>span:nth-of-type(2):after{animation-delay:.18s}.recipe-loading>span:nth-of-type(3):after{animation-delay:.36s}.spark-field{position:absolute;top:10px;right:5%;bottom:40%;left:5%;pointer-events:none}.spark-field i{position:absolute;width:5px;height:5px;background:#f2cf69;box-shadow:8px 8px #fff3c5;animation:sparkle 1.4s ease-in-out infinite}.spark-field i:nth-child(1){left:8%;top:26%}.spark-field i:nth-child(2){right:8%;top:35%;animation-delay:.3s}.spark-field i:nth-child(3){left:24%;top:0;animation-delay:.5s}.spark-field i:nth-child(4){right:24%;top:4%;animation-delay:.8s}.spark-field i:nth-child(5){left:50%;top:10%;animation-delay:1s}@keyframes foundPulse{0%{box-shadow:inset -3px -3px #0003,0 0 #eeca6f1a}to{box-shadow:inset -3px -3px #0003,0 0 0 4px #eeca6f8c}}@keyframes voxelFloat{0%,to{transform:rotateX(-24deg) rotateY(38deg) translateY(0)}50%{transform:rotateX(-24deg) rotateY(41deg) translateY(-5px)}}@keyframes messWobble{0%,to{transform:rotateX(-22deg) rotateY(34deg) scaleY(.84)}50%{transform:rotateX(-24deg) rotateY(44deg) scale(.9,.96)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:1;transform:scale(1.5) rotate(90deg)}}@keyframes metalSweep{0%{transform:translate(-8%);opacity:.6}to{transform:translate(8%);opacity:1}}@keyframes ovenBake{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.025);filter:drop-shadow(7px 12px 0 rgba(0,0,0,.28)) brightness(1.08)}}@keyframes loadingBar{50%,to{transform:translate(100%)}}[data-theme=light] .brand-lockup img{filter:drop-shadow(3px 3px 0 #b3a48d)}[data-theme=light] .brand-lockup strong{color:#643f2c;text-shadow:2px 2px 0 #d8b77f}[data-theme=light] .search-field{background:#fffaf0;border-color:#a69a88;box-shadow:inset 0 0 0 2px #e7dcc8,3px 3px #b7aa96;color:#6f766d}[data-theme=light] .search-field input::-moz-placeholder{color:#8c8275}[data-theme=light] .search-field input::placeholder{color:#8c8275}[data-theme=light] .mode-switch{background:#d3c6b2;border-color:#958875;box-shadow:3px 3px #b7aa96}[data-theme=light] .mode-switch button{color:#665d51}[data-theme=light] .detail-panel{border-right-color:#a99b87;box-shadow:7px 0 #55412a1a}[data-theme=light] .preview-card{border-color:#998b77;background:linear-gradient(145deg,#f8efdc,#d9cbb4);box-shadow:inset 0 0 0 3px #cabb9f,4px 4px #b3a58f}[data-theme=light] .preview-grid{background-image:linear-gradient(rgba(63,47,30,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(63,47,30,.12) 1px,transparent 1px)}[data-theme=light] .preview-period,[data-theme=light] .preview-identity span,[data-theme=light] .property-row>span{color:#70695f}[data-theme=light] .data-tag{color:#3d352d;background:#e0d4c0}[data-theme=light] .legend-item{background:#eee5d5;color:#5f584f;border-color:#a99d8b}[data-theme=light] .legend-item:hover,[data-theme=light] .legend-item.is-active{color:#261f19}[data-theme=light] .ingredient-tile{color:#352d25;box-shadow:inset -3px -3px #3d261824,inset 2px 2px #ffffff61,2px 2px #aa9a83}[data-theme=light] .tile-index{color:#31281f9e}[data-theme=light] .ingredient-tile:hover,[data-theme=light] .ingredient-tile.is-selected{border-color:#3e3429}[data-theme=light] .group-number,[data-theme=light] .corner-label,[data-theme=light] .period-marker{color:#746b5e}[data-theme=light] .period-marker b{color:#574633}[data-theme=light] .crafting-heading p{color:#71685d}[data-theme=light] .ingredient-tray{background:#e4d7c2;border-color:#9d907d;box-shadow:inset 0 0 0 3px #cbbda5,5px 5px #b6a892}[data-theme=light] .tray-label{color:#5f574d}[data-theme=light] .craft-result{background:#efe5d3d1;border-color:#a09583;box-shadow:inset 0 0 0 4px #d8ccb7,5px 5px #b9aa94}[data-theme=light] .result-content h2{color:#352b22}[data-theme=light] .result-content p{color:#6c6258}[data-theme=light] .craft-equation{border-color:#b8aa94;color:#665a4c}[data-theme=light] .craft-equation span:not(.craft-equation__plus){color:#3c3127}[data-theme=light] .generated-recipe__hero,[data-theme=light] .generated-recipe footer{border-color:#b8aa94}[data-theme=light] .generated-recipe__hero h2{color:#352b22}[data-theme=light] .generated-recipe__hero p,[data-theme=light] .generated-recipe__body ul,[data-theme=light] .generated-recipe__body ol{color:#655c52}[data-theme=light] .generated-recipe__body section{border-color:#a47a38}[data-theme=light] .generated-recipe__body h3{color:#6b5230}[data-theme=light] .voxel__face{border-color:#34261a7a}@media (max-width: 980px) and (min-width: 768px){.app-header{grid-template-columns:220px minmax(170px,1fr) auto;gap:10px}.app-workspace{grid-template-columns:270px minmax(0,1fr)}.detail-panel{padding:10px}.mode-switch button{padding:0 9px}.category-legend{max-width:470px}.legend-item{padding:0 6px;font-size:8px}.crafting-workspace{grid-template-columns:minmax(180px,.8fr) minmax(190px,1fr)}.craft-result{grid-column:1 / -1;min-height:290px}.result-content{display:grid;grid-template-columns:150px 1fr;align-items:center;text-align:left;max-width:460px}.result-content .voxel-stage{grid-row:1 / span 4}}@media (max-width: 767px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.app-header{height:60px;position:sticky;top:0;grid-template-columns:36px 1fr auto;padding:8px 10px;gap:8px}.mobile-panel-toggle{display:grid;place-items:center;width:34px;height:34px;border:1px solid #555c53;background:#171c18;box-shadow:2px 2px #0b0e0c;cursor:pointer}.brand-lockup img{width:36px;height:36px}.brand-lockup strong{font-size:16px}.brand-lockup span{display:none}.search-field{position:absolute;top:66px;left:10px;right:10px;z-index:20}.mode-switch button{width:35px;padding:0;justify-content:center}.mode-switch button span{display:none}.header-actions{gap:5px}.theme-toggle{width:34px;padding:0;justify-content:center}.theme-toggle__track{display:none}.app-workspace{height:auto;min-height:calc(100dvh - 60px);display:block;padding-top:50px}.main-stage{overflow:visible}.detail-panel{position:fixed;top:60px;bottom:0;left:0;width:min(306px,88vw);height:auto;transform:translate(-110%);transition:transform .22s ease;box-shadow:12px 0 30px #00000073}.detail-panel.is-open{transform:translate(0)}.panel-close{display:grid;place-items:center;position:absolute;right:-35px;top:12px;width:34px;height:42px;border:1px solid #565d54;background:#242a25;color:#ddd3bb;cursor:pointer}.table-panel,.crafting-panel{min-height:calc(100dvh - 110px);height:auto;padding:14px 10px 20px}.table-panel{grid-template-rows:auto auto auto}.table-heading{align-items:flex-start;flex-direction:column}.category-legend{justify-content:flex-start;max-width:none}.table-scroll{display:block;overflow-x:auto;overflow-y:hidden;padding:7px 3px 18px;scrollbar-color:#75623d #1c211d}.periodic-grid{--cell-size:66px}.table-footnote{display:none}.crafting-heading{align-items:center}.crafting-heading p{max-width:260px}.crafting-workspace{display:flex;flex-direction:column;gap:22px}.ingredient-tray{height:290px}.tray-grid{grid-template-columns:repeat(5,minmax(47px,1fr))}.craft-bench{width:min(84vw,320px)}.craft-equation{width:min(84vw,340px)}.craft-result{min-height:520px}.generated-recipe__hero{grid-template-columns:105px minmax(0,1fr)}}@media (max-height: 700px) and (min-width:768px){.app-header{height:58px;padding-block:6px}.app-workspace{height:calc(100dvh - 58px)}.preview-card{min-height:185px}.property-row{min-height:34px;padding-block:5px}.crafting-panel,.table-panel{padding-block:10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}