@font-face{font-family:Arcade;src:url('assets/silkscreen.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Arcade;src:url('assets/silkscreen-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--pixel:Arcade,monospace;--mono:var(--pixel);--muted:#746b5b;--step:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px))}
body{background-image:radial-gradient(#b7986220 1px,transparent 1px);background-size:8px 8px}
header{background:var(--cream);border-bottom:2px solid var(--border)}
.brand{font-family:var(--pixel);font-size:29px;letter-spacing:-2px;font-weight:700;gap:14px}
.brand-icon,.pair-icon{border-radius:0;transform:none;clip-path:var(--step)}
.brand-icon{width:48px;height:48px}.brand-icon svg{width:40px;height:40px;shape-rendering:crispEdges}
.brand-sub{font-size:8px;letter-spacing:0;margin-top:6px}
.header-center{font-size:10px;letter-spacing:0}.header-center i,.machine-top>span:first-child i,.shift-heading>i{border-radius:0;width:6px;height:6px}
.header-actions{gap:18px}.text-button{font:10px var(--pixel)}
.sound-button{border-radius:0;border:2px solid var(--border);font-size:9px;box-shadow:2px 2px var(--border)}
.sound-button svg{shape-rendering:crispEdges}
.page-intro{padding:31px 0 30px}.page-intro .eyebrow{font-size:10px;letter-spacing:0;margin-bottom:12px}
.page-intro h1{font:700 clamp(40px,5vw,70px)/1.08 var(--pixel);letter-spacing:-4px;gap:15px;text-shadow:3px 3px #e5d2a9}
.page-intro h1>span{text-shadow:3px 3px #dac9aa}.title-burst{transform:none;width:40px;height:40px;shape-rendering:crispEdges}
.page-intro>p{font:12px/1.5 var(--pixel)}.page-intro>p>span{font:11px/1.5 var(--body)}
.arcade{grid-template-columns:220px minmax(0,1fr) 180px;gap:24px}
.ticket{clip-path:none;filter:none;border:2px solid var(--border);box-shadow:4px 4px 0 #ddcfb3;padding:18px 15px 24px}
.ticket:after{content:'';position:absolute;bottom:-2px;left:6px;right:6px;height:6px;background:repeating-linear-gradient(90deg,var(--cream) 0 6px,transparent 6px 12px)}
.ticket-heading{font-size:9px;letter-spacing:0}.ticket-title{margin-top:19px}.ticket-title h2{font:700 18px/1.25 var(--pixel);letter-spacing:-1px;max-width:160px}
.ticket-qty{font-size:9px;border-width:2px}.ticket-mini{margin-top:19px;margin-bottom:9px}
.ticket-caption{font-size:8px;letter-spacing:0}.ticket-divider{border-top:2px dashed var(--border)}
#recipeList{min-height:145px}#recipeList li{font:10px/1.35 var(--pixel);gap:6px;min-height:29px}#recipeList li>span:first-child{font-size:8px;width:18px}#recipeList li>i{font-family:var(--pixel);font-size:12px}
.patience-heading{font-size:8px;line-height:1.5;gap:8px}.patience-track,.time-track{height:8px;background:#e3d7be}
.patience-track,.time-track{position:relative}.patience-track:after,.time-track:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--cream) 10px 13px);pointer-events:none}
.ticket-bottom{font-size:8px;line-height:1.8}.order-tip{font-size:10px}
.game-machine{border:3px solid var(--ink);border-radius:0;box-shadow:5px 5px 0 #b3a286}
.machine-top{height:39px;font-size:9px;letter-spacing:0;padding-inline:13px;border-bottom:3px solid #8b2d24}
.machine-top>span:nth-child(2){font-size:8px}.machine-top button{font-size:9px;border-left-width:2px}
.machine-bottom{font-size:8px;letter-spacing:0;height:31px;border-top:3px solid #624630}.coin-slot{font-size:8px}
.kitchen-art svg,.burger-stack svg,.ingredient-button svg,.ticket-mini svg{shape-rendering:crispEdges}
.scene-vignette{box-shadow:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#79542818 3px 4px)}
.plate{border-radius:0;border:0;clip-path:polygon(0 35%,5% 35%,5% 20%,15% 20%,15% 8%,30% 8%,30% 0,70% 0,70% 8%,85% 8%,85% 20%,95% 20%,95% 35%,100% 35%,100% 65%,95% 65%,95% 80%,85% 80%,85% 92%,70% 92%,70% 100%,30% 100%,30% 92%,15% 92%,15% 80%,5% 80%,5% 65%,0 65%);background:#b6a98f;box-shadow:none}
.plate:after{inset:4px 6px 7px;border:0;border-radius:0;background:#faf2db;clip-path:inherit;box-shadow:inset 0 -7px #e5d8bd}
.plate-shadow{border-radius:0;filter:none;clip-path:var(--step);height:7%;bottom:15%}
.build-hint{font-size:7px;letter-spacing:0;bottom:5%}.game-feedback{font:700 21px/1.3 var(--pixel);letter-spacing:-1px;text-shadow:3px 3px var(--ink)}
.scene-overlay{backdrop-filter:none;background:#432a1c52}.scene-overlay>div{transform:none;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:25px 24px;max-width:390px}
.scene-overlay .eyebrow{font-size:9px;letter-spacing:0;line-height:1.5}.scene-overlay h2{font:700 35px/1.15 var(--pixel);letter-spacing:-2px;margin:17px 0 14px;text-shadow:2px 2px #e9d7af}
.scene-overlay p{font-size:13px}.scene-overlay .primary-button{margin-top:20px}.start-meta{font-size:8px;gap:9px;letter-spacing:-.3px}
.primary-button,.serve-button{font:700 12px var(--pixel);border-radius:0;border-width:2px;box-shadow:3px 3px 0 var(--ink);letter-spacing:0;min-height:45px}
.primary-button:active,.serve-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.primary-button>span,.serve-button>span{font:20px var(--pixel)}
.countdown-card>strong{font:700 95px/1.1 var(--pixel);letter-spacing:-7px}.countdown-card>span{font-size:12px;letter-spacing:0}
.scene-overlay .results-card h2{font:700 27px/1.1 var(--pixel);letter-spacing:-1.5px;margin:10px 0}.result-score strong{font:700 34px var(--pixel);letter-spacing:-2px}.result-score>span{font-size:9px}.results-card #recordNote{font-size:8px;line-height:1.6}.result-stats{font-size:12px}
.combo-badge{clip-path:var(--step);transform:none;box-shadow:none;border:4px solid #e5a42d;width:100px;height:74px}.combo-badge b{font:700 26px var(--pixel);letter-spacing:-1.5px}.combo-badge>span{font-size:7px;letter-spacing:0}
.ingredients-heading{font-size:10px;letter-spacing:0}.ingredients-heading small{font-size:8px}
.ingredient-button{border:2px solid #b9a581;border-radius:0;border-bottom-width:4px;box-shadow:2px 2px 0 #e5d5b7;height:91px;transition:none;gap:8px;padding-top:17px;background:#f5e8cb}
.ingredient-button>span{font:10px var(--pixel);white-space:normal;line-height:1.2}.ingredient-button kbd{font-size:9px;line-height:1;left:5px;top:5px;color:var(--ink)}
.ingredient-button:hover:not(:disabled){border-color:var(--red);background:#fff3cd;transform:translateY(-3px)}
.minor-button{font:10px var(--pixel);line-height:1.5}.minor-button kbd{font-size:10px}.serve-button{border-color:#b48923}.serve-button kbd{font-size:8px}.live-feedback{font:10px/1.6 var(--pixel);min-height:32px}
.shift-heading{font-size:10px;letter-spacing:0;border-bottom-width:2px}.timer-stat>span,.score-stat>span{font-size:10px;letter-spacing:0}
.timer-stat>strong{font:700 57px/1.3 var(--pixel);letter-spacing:-5px}.timer-stat>strong>span{font-size:22px;letter-spacing:0}.score-stat>strong{font:700 29px/1.6 var(--pixel);letter-spacing:-2px}
.stat-row{font-size:8px;line-height:1.5;gap:10px}.stat-row>b{font-size:14px}.stat-row #lives{display:flex;gap:5px;flex-shrink:0}
.pixel-heart{display:block;width:17px;height:15px;background:var(--red);clip-path:polygon(0 15%,14% 15%,14% 0,42% 0,42% 15%,58% 15%,58% 0,86% 0,86% 15%,100% 15%,100% 57%,86% 57%,86% 71%,72% 71%,72% 85%,58% 85%,58% 100%,42% 100%,42% 85%,28% 85%,28% 71%,14% 71%,14% 57%,0 57%)}
.pixel-heart.empty{background:#d6c6aa}.best-score{border-top-width:2px}.best-score>span{font-size:8px}.best-score>b{font:700 25px/1.8 var(--pixel);letter-spacing:-1px}.best-score>small{font-size:7px;letter-spacing:0}
.pair-sticker{transform:none;border-radius:0;border-width:2px;box-shadow:3px 3px #d6c198;padding:12px 8px;gap:9px}.pair-icon{width:32px;height:32px;--step:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
.pair-sticker>div>span{font-size:7px}.pair-sticker b{font:700 9px/1.5 var(--pixel)}.pair-caption{font-size:7px;letter-spacing:0;line-height:1.7}
.how-strip{border-top-width:2px}.how-strip b{font-size:25px}.how-strip p{font-size:10px;letter-spacing:0}.how-strip p>span{font-size:12px}
footer{background:var(--cream);border-top-width:2px}footer>span,footer>a{font-size:8px}footer>small{font-size:9px}
dialog{border-width:3px;box-shadow:8px 8px var(--red)}dialog h2{font:700 31px/1.2 var(--pixel);letter-spacing:-1.5px}.dialog-close{font-family:var(--pixel)}.key-guide p{flex-wrap:wrap}.key-guide kbd{font:9px var(--pixel);border-width:2px;box-shadow:2px 2px var(--border)}
.pixel-steam{position:absolute;z-index:2;left:50%;bottom:57%;display:flex;gap:24px;transform:translateX(-50%);pointer-events:none}.pixel-steam i{width:4px;height:25px;background:#fff4d2;box-shadow:4px -8px #fff4d2,-4px -16px #fff4d2;opacity:0;animation:steam 2.7s steps(4,end) infinite}.pixel-steam i:nth-child(2){animation-delay:.9s}.pixel-steam i:nth-child(3){animation-delay:1.8s}
@keyframes steam{0%{opacity:0;transform:translateY(12px)}30%,65%{opacity:.7}100%{opacity:0;transform:translateY(-18px)}}
@media(max-width:1180px){.arcade{grid-template-columns:195px minmax(0,1fr) 160px;gap:19px}.ticket{padding:16px 12px 23px}.ticket-title h2{font-size:16px}.ticket-heading{font-size:8px}.ticket-caption{font-size:7px}#recipeList li{font-size:9px}.patience-heading{font-size:7px}.scene-overlay>div{padding:20px;max-width:350px}.scene-overlay h2{font-size:30px}.scene-overlay .eyebrow{font-size:8px}.scene-overlay p{font-size:12px}.start-meta{font-size:7px}.scene-overlay .primary-button{font-size:10px;min-height:40px;margin-top:15px}.scene-overlay .results-card h2{font-size:24px}.ingredient-button>span{font-size:8px}.machine-bottom{font-size:7px}.coin-slot{font-size:7px}.ingredients-heading{font-size:9px}.ingredients-heading small{font-size:7px}.timer-stat>strong{font-size:50px}.score-stat>strong{font-size:25px}.stat-row{font-size:7px}.pixel-heart{width:14px;height:13px}.best-score>small{font-size:6px}.page-intro h1{font-size:56px}.header-center{font-size:8px}.how-strip p{font-size:8px}.how-strip p>span{font-size:11px}}
@media(max-width:960px){.arcade{grid-template-columns:180px minmax(0,1fr);gap:18px}.stats-panel{border:2px solid var(--border);box-shadow:3px 3px #ddd0b8;gap:15px}.timer-stat>strong{font-size:32px;letter-spacing:-3px}.timer-stat>span{font-size:8px}.score-stat>strong{font-size:23px}.score-stat>span{font-size:8px}.stat-row{font-size:7px}.best-score{border-top:0}.best-score>b{font-size:18px;line-height:1.2}.best-score>span{font-size:7px}.page-intro h1{font-size:48px;gap:9px}.page-intro>p{font-size:10px}.title-burst{width:31px;height:31px}.how-strip p{font-size:8px}.ticket-title h2{font-size:15px}.scene-overlay h2{font-size:31px}.scene-overlay .results-card h2{font-size:24px}}
@media(max-width:680px){header{height:80px;padding-inline:16px}.brand{font-size:23px;letter-spacing:-1.5px;gap:10px}.brand-icon{width:38px;height:38px}.brand-icon svg{width:32px;height:32px}.brand-sub{font-size:6px;letter-spacing:0}.header-actions{gap:12px}.text-button{font-size:8px}.text-button span{display:none}.sound-button{padding:6px;border:0;box-shadow:none}.page-intro{padding:25px 2px}.page-intro .eyebrow{font-size:7px;letter-spacing:0;margin-bottom:11px}.page-intro h1{font-size:clamp(29px,7.9vw,51px);gap:8px;letter-spacing:-2px;text-shadow:2px 2px #dfc79d}.page-intro>p{display:none}.title-burst{width:25px;height:25px;margin-left:4px}.arcade{display:flex;gap:15px}.stats-panel{padding:12px 10px;gap:8px}.timer-stat{gap:6px}.timer-stat>span{font-size:6px;max-width:26px}.timer-stat>strong{font-size:29px;letter-spacing:-2px}.timer-stat>strong>span{font-size:12px;margin-left:1px}.score-stat>span{font-size:6px}.score-stat>strong{font-size:18px;letter-spacing:-1px}.stat-row{font-size:6px;line-height:1.6;gap:6px}.stat-row>b{font-size:12px}.stat-row #lives{gap:3px}.pixel-heart{width:11px;height:10px}.best-score{padding-left:8px}.best-score>span{font-size:6px;max-width:50px;line-height:1.4}.best-score>b{font-size:16px}.ticket{border:2px solid #c3b191;padding:13px 12px;grid-template-columns:105px minmax(0,1fr);gap:0 11px;box-shadow:3px 3px #ddd0b8}.ticket:after{display:none}.ticket-heading{font-size:6px}.ticket-title{margin-top:9px}.ticket-title h2{font-size:13px;line-height:1.25;letter-spacing:-.6px}#recipeList{min-height:0;padding-left:10px;gap:6px 7px}#recipeList li{font-size:8px;min-height:16px;gap:4px}#recipeList li>span:first-child{font-size:7px;width:13px}#recipeList li>i{font-size:10px}.patience-heading{font-size:6px;gap:5px;margin-top:10px}.patience-track{height:5px}.order-tip{display:none}.machine-top{height:32px;padding-inline:9px;font-size:8px}.machine-top button{font-size:8px}.machine-bottom{height:28px;padding-inline:8px;font-size:6px}.coin-slot{font-size:6px}.kitchen{min-height:294px}.scene-overlay{padding:17px}.scene-overlay>div{max-width:310px;padding:19px 19px 17px;width:94%;box-shadow:5px 5px var(--ink)}.scene-overlay .eyebrow{font-size:7px;letter-spacing:0}.scene-overlay h2{font-size:29px;letter-spacing:-1.5px;margin:14px 0}.scene-overlay p{font-size:12px}.scene-overlay .primary-button{font-size:10px;min-height:39px;margin-top:15px;padding:9px 12px}.start-meta{font-size:7px;margin-top:15px;gap:7px}.scene-overlay .results-card{padding:14px 17px}.scene-overlay .results-card h2{font-size:24px;margin:9px 0}.result-score strong{font-size:28px}.result-score>span{font-size:8px}.result-stats{font-size:10px}.results-card #recordNote{font-size:7px;line-height:1.5}.scene-overlay .results-card .primary-button{margin-top:12px}.build-hint{font-size:5px}.game-feedback{font-size:15px;top:12%}.combo-badge{width:80px;height:61px;right:12px;top:18px}.combo-badge>span{font-size:5px}.combo-badge b{font-size:21px}.ingredients-heading{font-size:8px;margin-top:23px}.ingredients-heading small{font-size:6px}.ingredient-tray{gap:6px}.ingredient-button{height:79px;padding-top:18px;gap:6px;border-bottom-width:4px}.ingredient-button>span{font-size:7px;line-height:1.3;min-height:18px}.ingredient-button>svg{height:25px}.ingredient-button kbd{font-size:7px;top:4px;left:4px}.counter-actions{gap:12px;margin-top:15px}.minor-button{font-size:8px}.serve-button{font-size:10px;min-height:43px;min-width:48%;padding-inline:10px}.serve-button kbd{font-size:6px}.live-feedback{font-size:8px;min-height:30px;margin-top:13px}.how-strip p{font-size:9px}.how-strip p>span{font-size:11px}.how-strip b{font-size:22px}footer>span,footer>a{font-size:7px}footer>small{font-size:8px}dialog{padding:28px 23px}dialog h2{font-size:25px}.pixel-steam{bottom:53%;gap:20px}}
@media(max-width:359px){.brand{font-size:21px;gap:8px}.brand-sub{font-size:5px}.header-actions{gap:6px}.text-button{font-size:7px}.page-intro .eyebrow{font-size:6px}.title-burst{width:22px;height:22px;margin-left:0}.stats-panel{padding:10px 7px;gap:6px}.timer-stat>strong{font-size:25px}.timer-stat>span{font-size:5px;max-width:21px}.score-stat>strong{font-size:16px}.stat-row{font-size:5px}.best-score{padding-left:5px}.best-score>span{font-size:5px;max-width:43px}.ticket{grid-template-columns:88px minmax(0,1fr);padding:11px 9px;gap:0 9px}.ticket-title h2{font-size:12px}.ticket-heading{font-size:5px}.patience-heading{font-size:5px}#recipeList{padding-left:8px;gap:5px 6px}#recipeList li{font-size:7px}#recipeList li>span:first-child{font-size:6px;width:11px}.scene-overlay>div,.scene-overlay .start-card{padding:17px 15px}.scene-overlay h2{font-size:26px}.scene-overlay .eyebrow{font-size:6px}.scene-overlay .results-card h2{font-size:22px}.start-meta{font-size:6px}.scene-overlay .primary-button{font-size:9px;gap:8px}.ingredient-button>span{font-size:6px}.ingredients-heading small{font-size:5px}.serve-button kbd{display:none}.serve-button{min-width:45%}.minor-button{font-size:7px}.machine-bottom{font-size:5px}.coin-slot{font-size:6px}}
@media(prefers-reduced-motion:reduce){.pixel-steam{display:none}}