:root{--char: #16110d;--char-2: #1f1813;--char-3: #2a201a;--line: #3a2c22;--yellow: #ffc627;--yellow-2: #ffd968;--mustard: #f5a314;--tomato: #ff4d2e;--tomato-2: #ff6b4a;--teal: #17c0a0;--cream: #fff4dc;--cream-dim: #d8c7a6;--ink: #120c08;--radius: 16px;--display: "Anton", "Arial Narrow", sans-serif;--script: "Shrikhand", "Georgia", serif;--body: "DM Sans", system-ui, sans-serif;--bg: var(--char);--bg-2: var(--char-2);--card: var(--char-3);--muted: var(--cream-dim);--chalk: var(--cream);--green: var(--teal);--spicy: var(--tomato);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--char);color:var(--cream);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay}body>*{position:relative;z-index:2}a{color:var(--yellow)}img{max-width:100%}::selection{background:var(--tomato);color:#fff}.demo-banner{position:sticky;top:0;z-index:60;background:var(--ink);color:var(--yellow);text-align:center;font-weight:700;letter-spacing:.06em;font-size:12px;text-transform:uppercase;padding:6px 12px;border-bottom:2px dashed var(--mustard)}.marquee{background:var(--tomato);color:#fff;overflow:hidden;white-space:nowrap;border-bottom:3px solid var(--ink);padding:7px 0}.marquee__track{display:inline-block;animation:slide 24s linear infinite;font-family:var(--display);letter-spacing:.12em;font-size:15px;text-transform:uppercase}.marquee__track span{padding:0 18px}.marquee__track .star{color:var(--yellow)}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;max-width:1200px;margin:0 auto}.brand{display:flex;align-items:center;gap:12px}.brand__logo{font-family:var(--script);color:var(--yellow);font-size:clamp(26px,5vw,40px);line-height:1;text-shadow:3px 3px 0 var(--tomato);transform:rotate(-3deg)}.brand__sub{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:var(--cream-dim)}.cart-btn{position:relative;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:15px;padding:10px 18px;border-radius:999px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .1s,box-shadow .1s}.cart-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.cart-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.cart-btn .count{position:absolute;top:-9px;right:-9px;background:var(--tomato);color:#fff;border:2px solid var(--ink);border-radius:999px;min-width:24px;height:24px;font-size:12px;display:grid;place-items:center;padding:0 5px;font-family:var(--body);font-weight:700}.hero{max-width:1200px;margin:0 auto;padding:26px 22px 10px;position:relative;text-align:center}.hero__badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.sticker{font-family:var(--display);text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:6px 14px;border-radius:999px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.sticker--open{background:var(--teal);color:var(--ink);transform:rotate(-2deg)}.sticker--tap{background:var(--cream);color:var(--ink);transform:rotate(1.5deg)}.sticker--loc{background:var(--tomato);color:#fff;transform:rotate(-1deg)}.hero h1{font-family:var(--display);text-transform:uppercase;margin:6px 0 0;font-size:clamp(56px,15vw,150px);line-height:.82;letter-spacing:.005em;color:var(--cream);text-shadow:6px 6px 0 var(--tomato),12px 12px 0 rgba(0,0,0,.25);animation:pop .6s cubic-bezier(.2,1.2,.3,1) both}.hero__script{display:block;font-family:var(--script);color:var(--yellow);text-transform:none;font-size:clamp(22px,6vw,46px);text-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);margin-top:6px}.hero__tag{color:var(--cream-dim);max-width:540px;margin:16px auto 4px;font-size:17px}.hero__cta{display:inline-flex;gap:10px;align-items:center;margin-top:14px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:18px;padding:12px 26px;border-radius:999px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);text-decoration:none;transition:transform .1s,box-shadow .1s}.hero__cta:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}.combo-callout{display:inline-block;margin-top:20px;background:var(--char-2);color:var(--yellow);font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;font-size:15px;padding:9px 20px;border:2px dashed var(--mustard);border-radius:12px;transform:rotate(-1deg)}.wave{display:block;width:100%;height:40px;margin-top:18px}.wave path{fill:var(--tomato)}.checks{height:16px;background-image:linear-gradient(45deg,var(--ink) 25%,transparent 25%),linear-gradient(-45deg,var(--ink) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--ink) 75%),linear-gradient(-45deg,transparent 75%,var(--ink) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:var(--yellow)}.menu{max-width:1200px;margin:0 auto;padding:26px 22px 130px}.category{margin-top:40px}.cat-head{display:inline-block;font-family:var(--display);text-transform:uppercase;font-size:26px;letter-spacing:.04em;color:var(--ink);background:var(--yellow);padding:8px 22px;border:2px solid var(--ink);border-radius:8px;transform:rotate(-1.2deg);box-shadow:4px 4px 0 var(--ink);position:relative}.cat-head.spicy{background:var(--tomato);color:#fff}.grid{display:grid;gap:16px;margin-top:22px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.item{background:var(--char-3);border:2px solid var(--ink);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:9px;position:relative;box-shadow:4px 4px #00000059;transition:transform .12s,box-shadow .12s}.item:hover{transform:translate(-2px,-3px) rotate(-.3deg);box-shadow:7px 8px #0006}.item .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.item h3{font-family:var(--display);text-transform:uppercase;font-size:22px;margin:0;letter-spacing:.015em;color:var(--cream);line-height:1}.item .price{font-family:var(--display);background:var(--yellow);color:var(--ink);padding:4px 10px;border-radius:8px;border:2px solid var(--ink);font-size:17px;white-space:nowrap;transform:rotate(2deg);box-shadow:2px 2px 0 var(--ink)}.item .desc{color:var(--cream-dim);font-size:14px;margin:0;flex:1}.badge-limited{align-self:flex-start;font-family:var(--display);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--tomato);padding:3px 10px;border-radius:999px;border:2px solid var(--ink)}.add-btn{align-self:flex-start;margin-top:4px;background:var(--char);color:var(--yellow);border:2px solid var(--yellow);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;padding:9px 18px;border-radius:999px;cursor:pointer;font-size:14px;transition:background .12s,color .12s,transform .1s}.add-btn:hover{background:var(--yellow);color:var(--ink);transform:scale(1.03)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080503c7;display:none;align-items:flex-end;justify-content:center;z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop.open{display:flex}.modal{background:var(--char-2);border:3px solid var(--ink);border-radius:20px 20px 0 0;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:22px;box-shadow:0 -10px 40px #0009}@media(min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:20px}}.modal h2{font-family:var(--display);text-transform:uppercase;margin:0 0 4px;font-size:30px;color:var(--cream)}.modal .m-price{font-family:var(--body);color:var(--yellow);font-weight:700}.modal .desc{color:var(--cream-dim)}.field{margin-top:18px}.field>label.lbl{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:15px;color:var(--cream)}.field .req{color:var(--tomato);font-size:12px;font-family:var(--body)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--line);background:var(--char-3);color:var(--cream);padding:8px 15px;border-radius:999px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;transition:transform .1s}.chip:hover{transform:translateY(-1px)}.chip.selected{background:var(--yellow);color:var(--ink);border-color:var(--ink);font-weight:700}.extras-group{margin-top:12px}.extras-group h4{margin:0 0 6px;font-size:12px;color:var(--mustard);text-transform:uppercase;letter-spacing:.06em;font-family:var(--display)}.extra-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:2px solid var(--line);border-radius:12px;margin-bottom:7px;cursor:pointer;transition:border-color .1s,background .1s}.extra-row:hover{border-color:var(--mustard)}.extra-row.selected{border-color:var(--yellow);background:#2c2213}.extra-row .ex-price{color:var(--yellow);font-weight:700;font-size:13px}.extra-row input{accent-color:var(--tomato);width:18px;height:18px}textarea,input[type=text]{width:100%;background:var(--char-3);border:2px solid var(--line);color:var(--cream);border-radius:12px;padding:11px;font:inherit;resize:vertical}textarea:focus,input:focus{outline:none;border-color:var(--yellow)}.qty{display:flex;align-items:center;gap:12px}.qty button{width:42px;height:42px;border-radius:12px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:22px;cursor:pointer;font-weight:700}.qty span{min-width:28px;text-align:center;font-weight:700;font-size:18px}.modal-actions{display:flex;gap:10px;margin-top:22px;position:sticky;bottom:0;background:var(--char-2);padding-top:12px}.btn-primary{flex:1;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;padding:15px;border-radius:14px;cursor:pointer;font-size:17px;box-shadow:3px 3px 0 var(--ink)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn-ghost{background:transparent;color:var(--cream-dim);border:2px solid var(--line);padding:15px 18px;border-radius:14px;cursor:pointer;font-weight:600}.hint{color:var(--cream-dim);font-size:12px;margin-top:6px}.warn{color:var(--tomato);font-size:13px;margin-top:8px;min-height:18px;font-weight:600}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08050399;display:none;z-index:90}.drawer-backdrop.open{display:block}.drawer{position:fixed;top:0;right:0;height:100%;width:min(430px,92vw);background:var(--char-2);border-left:3px solid var(--ink);z-index:91;transform:translate(100%);transition:transform .22s ease;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px dashed var(--line)}.drawer header h2{font-family:var(--display);text-transform:uppercase;margin:0;font-size:26px;color:var(--cream)}.drawer .close{background:none;border:none;color:var(--cream);font-size:28px;cursor:pointer;line-height:1}.cart-list{flex:1;overflow-y:auto;padding:12px 20px}.cart-empty{color:var(--cream-dim);text-align:center;margin-top:46px}.cart-item{border-bottom:2px dotted var(--line);padding:13px 0}.cart-item .ci-top{display:flex;justify-content:space-between;gap:8px}.cart-item .ci-name{font-weight:700}.cart-item .ci-price{color:var(--yellow);font-weight:700}.cart-item .ci-meta{color:var(--cream-dim);font-size:13px;margin-top:3px}.cart-item .ci-remove{background:none;border:none;color:var(--tomato);font-size:12px;cursor:pointer;padding:4px 0;font-weight:600}.drawer footer{padding:20px;border-top:3px solid var(--ink);background:var(--char)}.subtotal-row{display:flex;justify-content:space-between;font-family:var(--display);font-size:22px;margin-bottom:4px;text-transform:uppercase}.subtotal-row .val{color:var(--yellow)}.voice-launcher{position:fixed;bottom:22px;right:22px;z-index:55;background:var(--tomato);color:#fff;border:2px solid var(--ink);border-radius:999px;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:15px;padding:13px 22px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);animation:bob 2.4s ease-in-out infinite}.voice-launcher:hover{background:var(--tomato-2)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.site-footer{border-top:3px solid var(--ink);color:var(--cream-dim);font-size:14px;padding:30px 22px 70px;text-align:center;background:var(--char-2)}.site-footer strong{color:var(--yellow);font-family:var(--display);letter-spacing:.03em}.site-footer .hours{display:inline-block;margin-top:6px}.page-wrap{max-width:720px;margin:0 auto;padding:34px 22px 90px}.card-panel{background:var(--char-3);border:3px solid var(--ink);border-radius:var(--radius);padding:26px;box-shadow:6px 6px #00000059}.card-panel h1{font-family:var(--display);text-transform:uppercase;color:var(--cream)}.status-pill{display:inline-block;padding:4px 13px;border-radius:999px;font-family:var(--display);font-size:13px;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink)}.status-pending{background:var(--mustard);color:var(--ink)}.status-paid{background:var(--teal);color:var(--ink)}.status-preparing{background:var(--yellow);color:var(--ink)}.status-ready{background:#6cc6ff;color:var(--ink)}.status-completed{background:var(--char);color:var(--cream-dim)}.status-cancelled{background:var(--tomato);color:#fff}.eta{display:flex;flex-direction:column;gap:3px;background:var(--char);border:2px dashed var(--mustard);border-radius:14px;padding:14px 18px;margin:16px 0}.eta--ready{border:2px solid var(--teal);background:#0f2620}.eta__label{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--cream-dim)}.eta__big{font-family:var(--display);font-size:30px;color:var(--yellow);line-height:1.05}.eta--ready .eta__big{color:var(--teal)}.eta__sub{color:var(--cream-dim);font-size:13px}@media(prefers-reduced-motion:reduce){.marquee__track,.voice-launcher,.hero h1{animation:none}}
