@font-face{font-family:Nunito;src:url('../assets/fonts/nunito-sans-latin.woff2')}@font-face{font-family:Bangers;src:url('../assets/fonts/bangers.ttf')}
:root{color-scheme:light;--paper:#fff9ed;--ink:#272827;--red:#bd493b;--teal:#247b75;--yellow:#efd070;--line:#d8d4c8;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#e6ece7;font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px) scale(.98)}svg{width:20px;height:20px;stroke-width:2;flex-shrink:0}button,a{touch-action:manipulation}button{border:1.5px solid var(--ink);border-radius:5px;background:var(--paper)}[hidden]{display:none!important}
#kitchen{max-width:520px;min-height:100svh;margin:auto;background:var(--paper);padding:calc(10px + env(safe-area-inset-top)) 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 0 0 1px #27282720}
.kitchen-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:3px solid var(--ink)}.kitchen-header>div{flex:1;min-width:0}h1,h2,h3,p{margin:0}h1{font-family:Bangers,sans-serif;font-size:32px;line-height:1.05;font-weight:400}h2{font-family:Bangers,sans-serif;font-size:23px;font-weight:400}.eyebrow{font-size:10px;text-transform:uppercase;font-weight:850;color:var(--teal)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;text-decoration:none;color:var(--ink);border:1.5px solid var(--ink);border-radius:5px;background:var(--paper)}
.kitchen-hud{display:flex;justify-content:space-between;gap:8px;padding:9px 0;font-size:12px;font-variant-numeric:tabular-nums}.kitchen-hud span{display:flex;align-items:center;gap:5px}.kitchen-hud svg{width:17px;height:17px;color:var(--teal)}.section-label{display:flex;align-items:center;justify-content:space-between;margin:3px 0 6px}.section-label span{font-size:10px;color:#58645b}.orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.ticket{border:1.5px solid var(--ink);border-top:4px solid var(--red);border-radius:3px;background:#fffdf7;overflow:hidden;box-shadow:2px 2px 0 #27282717}.ticket.ready{border-top-color:var(--teal);background:#edf6ea}.order-recipe{display:grid;grid-template-columns:44px 1fr;align-items:center;width:100%;min-height:68px;border:0;border-radius:0;background:none;padding:5px 3px;text-align:left;gap:3px}.order-recipe strong{font-size:11px;line-height:1.2;overflow-wrap:normal}.order-action{border:0;border-top:1px dashed #27282750;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;height:30px;font-size:11px;font-weight:800;border-radius:0;background:none}.order-action svg{width:14px;height:14px}.order-action.serve{background:var(--teal);color:white}
.food{display:block;width:100%;aspect-ratio:1;flex-shrink:0;background-image:url('food-atlas.png');background-size:500% 600%;background-position:var(--x) var(--y);background-repeat:no-repeat;mix-blend-mode:multiply;pointer-events:none}.counter-section{position:relative}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;border:2px solid var(--ink);padding:5px;background:#cee0d9;border-radius:7px;box-shadow:0 3px 0 var(--ink);touch-action:none;user-select:none}.cell{aspect-ratio:1;min-width:0;padding:2px;position:relative;background:var(--paper);border:1px solid #667d7255;border-radius:4px;touch-action:none;isolation:isolate}.cell:nth-child(12n+2),.cell:nth-child(12n+4),.cell:nth-child(12n+6),.cell:nth-child(12n+7),.cell:nth-child(12n+9),.cell:nth-child(12n+11){background:#f1f0e4}.cell.selected{outline:3px solid var(--red);outline-offset:-1px;z-index:2;transform:translateY(-2px);box-shadow:0 4px 0 #84302755}.cell.match{outline:2px dashed var(--teal);outline-offset:-2px}.tier{position:absolute;bottom:3px;left:4px;display:flex;gap:2px}.tier i{display:block;width:4px;height:4px;background:var(--teal);border-radius:50%}.dish-mark{position:absolute;bottom:0;right:0;width:15px;height:15px;border-radius:4px;background:var(--teal);color:white}.dish-mark svg{width:13px;height:13px}.selection-bar{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:50px;padding:5px 0}.selection-bar>div{display:flex;align-items:center;gap:5px}.selection-bar>div:first-child{min-width:0;flex:1}.selection-bar strong{font-size:12px}.selection-bar .icon-button{width:36px;height:36px;flex-basis:36px}.inline-info{border:0;padding:4px;background:none;display:flex}.inline-info svg{width:16px;height:16px}.counter-note{font-size:11px;color:#687269}
.supplies{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;border-top:2px solid var(--ink);padding-top:8px}.supplies button{display:grid;justify-items:center;min-width:0;border:0;border-bottom:3px solid var(--teal);border-radius:0;padding:0 2px 4px;background:none}.supplies .food{width:42px}.supplies span:not(.food){font-size:11px;font-weight:850}.supplies small{font-size:9px;color:var(--teal);display:flex;align-items:center;gap:2px}.supplies small svg{width:11px;height:11px}.kitchen-tools{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr 1fr;gap:5px;margin-top:12px}.kitchen-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:5px 1px}.kitchen-tools span{font-size:10px;font-weight:800}.kitchen-tools small{font-size:9px;line-height:1}.kitchen-tools button:nth-child(1){background:var(--yellow)}.kitchen-tools button:nth-child(2){background:#d7e8dd}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;color:#697069;font-size:9px;margin-top:10px}footer [data-offline-status]{display:flex;align-items:center;gap:3px}footer svg{width:12px;height:12px}
dialog{border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink);width:min(480px,calc(100% - 20px));max-height:calc(100dvh - 40px);padding:14px;box-shadow:5px 5px 0 #1118;overscroll-behavior:contain}dialog::backdrop{background:#162c2999}dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;position:sticky;top:-14px;background:var(--paper);z-index:2;border-bottom:2px solid var(--ink)}dialog h2{font-size:27px}.recipe-tabs{display:flex;gap:6px;padding:12px 0}.recipe-tabs button{height:42px;min-width:50px;display:flex;align-items:center;justify-content:center;gap:5px}.recipe-tabs [aria-pressed=true]{background:var(--yellow)}.recipe-list{display:grid;gap:12px}.recipe-card{padding:10px 0 14px;border-bottom:1px dashed #27282760}.recipe-title{display:flex;align-items:center;gap:10px}.recipe-title>.food{width:65px}.recipe-title h3{font-size:16px}.recipe-title div>span{font-size:11px;color:#637169}.ingredients{display:flex;gap:6px;margin:10px 0}.ingredient{flex:1;min-width:0;position:relative;display:flex;align-items:center;flex-direction:column;padding:5px}.ingredient .food{width:40px}.ingredient>span:not(.food){font-size:11px}.ingredient>svg{position:absolute;top:4px;right:4px;width:13px;height:13px}.ingredient.have{border-color:var(--teal);background:#edf5e9}.ingredient.have>svg{color:var(--teal)}.ingredient.missing{border-style:dashed}.cook-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:44px;background:var(--teal);color:white;font-weight:800}.cook-button:disabled{background:#e5e6db;color:#59665f;opacity:1;border-color:#a5b1a7}
.merge-chain{display:flex;align-items:center;gap:4px;margin:20px 0}.merge-chain>div{flex:1;min-width:0;display:grid;text-align:center;gap:6px;border-bottom:3px solid transparent;padding-bottom:10px}.merge-chain .current{border-color:var(--red)}.merge-chain strong{font-size:12px}.merge-chain small{font-size:10px}.chain-arrow svg{width:14px}.sheet-actions{display:flex;gap:8px;margin-top:14px}.sheet-actions button{flex:1;padding:12px 4px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.primary{background:var(--teal);color:white}.danger{background:var(--red);color:white}.wide{width:100%;padding:12px}.help-copy{display:grid;gap:16px;font-size:14px;line-height:1.6;padding:18px 0}.caption{font-size:12px;margin-top:12px}.pantry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.pantry-grid button{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;min-width:0}.pantry-grid .food{width:70%}.pantry-grid span:not(.food){font-size:10px}.discard-item{display:grid;justify-items:center;padding:16px}.discard-item .food{width:120px}.drag-food{position:fixed;top:0;left:0;width:60px;z-index:20;pointer-events:none;border:2px solid var(--teal);background:var(--paper);border-radius:5px;box-shadow:3px 5px 0 #11292744;will-change:transform}
#toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,15px);opacity:0;pointer-events:none;max-width:calc(100% - 24px);width:max-content;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:6px;padding:10px 14px;z-index:30;font-size:13px;text-align:center;transition:transform .18s,opacity .18s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#96362e}.load-error{padding:40px 10px;display:grid;gap:20px}.load-error button,.load-error a{padding:12px}.loading{padding:30px}
@media(max-width:359px){#kitchen{padding-left:9px;padding-right:9px}h1{font-size:28px}.order-recipe{grid-template-columns:1fr;justify-items:center;text-align:center;gap:0}.order-recipe .food{width:36px}.order-recipe strong{min-height:27px;font-size:10px}.orders{gap:5px}.supplies{gap:3px}.selection-bar .icon-button{width:32px;height:34px;flex-basis:32px}.counter-note{font-size:10px}}
@media(min-width:700px){#kitchen{margin:24px auto;min-height:0;border:2px solid var(--ink);border-radius:8px;padding:20px}.orders{gap:12px}.order-recipe{min-height:85px;grid-template-columns:56px 1fr}.order-recipe strong{font-size:13px}.kitchen-hud{padding:14px 0}.board{gap:5px}.supplies .food{width:52px}.kitchen-tools{margin-top:16px}}
.food{height:auto;background:none;stroke:none;overflow:hidden}.food>svg{width:92px;height:92px}.ingredient>.food{position:static;width:40px;height:40px}.food image{pointer-events:none}
.board{width:min(100%,max(294px,calc(100svh - 510px)));margin-inline:auto}
.kitchen-tools{grid-template-columns:1fr 1fr}.kitchen-tools button{flex-direction:row;gap:8px;min-height:44px}.kitchen-tools span{font-size:12px}.kitchen-tools small{font-size:11px}
.machine-section{margin-top:12px}.machine-bench{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.machine{display:grid;justify-items:center;gap:4px;padding:5px 2px 7px;min-width:0;box-shadow:0 3px 0 #27282722;border-bottom:3px solid #52675a}.machine-face{display:flex;align-items:center;justify-content:center;width:46px;height:44px;border:1px solid #61746d55;background:#e9ede3;border-radius:5px}.machine-face>svg:not(.food){width:28px;height:28px;stroke-width:1.7}.machine-face>.food{width:40px;height:40px}.machine strong{font-size:11px}.machine small{font-size:9px;color:#53635c}.machine.ready{border-color:var(--teal);background:#e5f0df}.machine.ready small{color:#135f58;font-weight:900}.machine.ready .machine-face{background:var(--yellow)}
.recipe-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.recipe-tabs button{min-width:0;min-height:44px}.recipe-tabs button span{font-size:10px}.recipe-tabs button:first-child{gap:2px}.recipe-tabs button:first-child svg{width:17px}
.preparation-heading{display:flex;align-items:center;gap:8px;padding:14px 0;font-size:13px;font-weight:800;color:var(--teal)}.machine-output{display:flex;align-items:center;justify-content:center;gap:7px;min-height:65px;margin:12px 0;background:#e5efdf;color:#235e4a;font-weight:800;font-size:13px;border:1px dashed #6e9979;border-radius:5px}.batch-ready .recipe-title>.food{animation:batch-finish .45s ease-out}.collect-button{background:var(--teal)}.station-busy{background:var(--yellow);color:var(--ink);font-size:12px}.ingredient small{font-size:10px;color:#55675c;margin-top:3px}.merge-chain>div{max-width:160px;margin:auto}.merge-chain .food{max-height:130px}.recipe-title div{min-width:0}.recipe-title h3{overflow-wrap:break-word}.recipe-title span{display:block;line-height:1.4}dialog header h2{flex:1;min-width:0;font-size:25px}.cook-button{height:auto;min-height:44px;padding:8px;font-size:13px}.food{pointer-events:none}
@keyframes batch-finish{0%{transform:scale(.9) rotate(-5deg)}65%{transform:scale(1.06) rotate(2deg)}100%{transform:none}}
.kitchen-menu{display:grid;gap:10px;padding-top:16px}.kitchen-menu>button{display:flex;align-items:center;gap:10px;text-align:left;min-height:48px;padding:12px;font-weight:800}.kitchen-menu>button[data-fresh]{margin-top:8px;background:var(--yellow)}.menu-note{font-size:12px;line-height:1.5;color:#53635c}.build-label{border-top:1px dashed var(--line);padding-top:12px;font-size:11px;font-variant-numeric:tabular-nums;color:#53635c}.kitchen-header .icon-button{width:44px;height:44px;flex-basis:44px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}button:active:not(:disabled){transform:none}}