@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Space+Mono:wght@400;700&display=swap";:root{--red:#b72727;--yellow:#ffc801;--yellow-panel:#ffca0c;--cream:#f6f4ef;--cream-dim:#ebe6db;--card:#f7f7f3;--ink:#1c180e;--muted:#534f46;--faint:#6f6b62;--font-display:"Anton", "Arial Narrow", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, Menlo, monospace;--r-card:16px;--shadow:0 10px 30px #1c180e14;--shadow-lift:0 18px 48px #1c180e24;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;user-select:none;overflow:hidden}.disp{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.005em;font-weight:400;line-height:1}.mono{font-family:var(--font-mono)}.board-head{text-align:center}.board-head h1{font-size:clamp(56px,7.4vw,106px)}.board-head .sub{font:500 clamp(12.5px, 1.05vw, 15px) var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:11px}.board-head .sub .dot{margin:0 .6em}.flag{background:var(--red);color:var(--cream);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);filter:drop-shadow(0 3px 6px #1c180e38);padding:0 22px 0 13px;font-size:15px;line-height:28px;display:inline-block}.flag.yolk{color:var(--yellow)}.flag.plain{clip-path:none;padding:0 10px}.flag.sm{padding:0 18px 0 10px;font-size:12.5px;line-height:24px}.checker{background:repeating-conic-gradient(var(--cream-dim) 0 25%, transparent 0 50%) 22px 0 / 44px 44px;height:44px}.btn{cursor:pointer;font:600 16px var(--font-body);color:var(--ink);background:var(--card);box-shadow:var(--shadow);transition:transform .14s var(--ease), box-shadow .14s;border:none;border-radius:14px;padding:15px 28px}.btn:active{box-shadow:var(--shadow-lift);transform:scale(.96)}.btn.dark{background:var(--ink);color:#fff}.board-item{text-align:left;cursor:pointer;background:var(--card);font-family:var(--font-body);color:var(--ink);transition:transform .16s var(--ease), box-shadow .16s;border:1px solid #1c180e17;border-radius:12px;flex-direction:column;padding:68px 24px 0;display:flex;position:relative;box-shadow:0 6px 22px #1c180e0f}.board-item:active{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.board-item .panel{aspect-ratio:312/222;background:radial-gradient(120% 100% at 50% 45%,#ffcb0d 0%,#fec802 100%);border-radius:22px;flex:none;position:relative}.board-item .bag{pointer-events:none;width:119%;position:absolute;top:-17%;left:50%;transform:translate(-50%)}.board-item .flags{align-items:center;gap:6px;display:flex;position:absolute;top:15px;left:0}.board-item .body{flex:1;padding:40px 0 44px}.tile{cursor:pointer;text-align:left;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);font-family:var(--font-body);color:var(--ink);transition:transform .16s var(--ease), box-shadow .16s;border:none;padding:clamp(20px,2vw,28px)}.tile:active{box-shadow:var(--shadow-lift);transform:translateY(-3px)}.tile img.logo{object-fit:cover;background:#fff;border-radius:18px;width:72px;height:72px;display:block}.tile .t-name{margin-top:18px;font-size:clamp(19px,1.7vw,24px);display:block}.tile .t-sub{color:var(--muted);margin-top:6px;font-size:clamp(13px,1.1vw,15px);display:block}.tile .t-flag{margin-top:14px}.chip{cursor:pointer;font:600 15px var(--font-body);color:var(--muted);background:var(--card);border:none;border-radius:12px;flex:none;padding:12px 22px;transition:color .14s;box-shadow:0 4px 14px #1c180e0f}.chip:active,.chip.active{color:var(--ink)}.chip.active{box-shadow:var(--shadow)}.receipt{--tears:11;--tear:11px;color:#3a3a3a;font-family:var(--font-mono);padding:calc(44px + var(--tear)) 42px calc(38px + var(--tear));filter:drop-shadow(0 26px 46px #00000052);-webkit-mask:var(--tear-mask);mask:var(--tear-mask);background:#f7f7f5 url(/togo/paper.png);position:relative}.receipt,.receipt-card{--tear-mask: radial-gradient(ellipse 40% 45% at 50% 0, #0000 98%, #000 99%) left 0 top 0 / var(--tear-w) var(--tear-h) repeat-x, radial-gradient(ellipse 40% 45% at 50% 100%, #0000 98%, #000 99%) left 0 bottom 0 / var(--tear-w) var(--tear-h) repeat-x, linear-gradient(#000, #000) left var(--tear) / 100% calc(100% - 2 * var(--tear)) no-repeat;--tear-w:calc(100% / var(--tears));--tear-h:calc(2 * var(--tear))}.receipt .zig,.receipt .zag{display:none}.receipt .wordmark{font-family:var(--font-display);text-transform:uppercase;color:#4a4a4a;text-align:center;margin:26px 0 40px;font-size:68px;line-height:.9;transform:skew(-8deg)rotate(-2deg)}.receipt .r-order{letter-spacing:.1em;text-align:center;font-size:40px}.receipt .r-item{letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-top:10px;font-size:17px}.receipt .r-rule{border-top:2px dashed #c9c9c9;margin:26px 0}.receipt .r-line{text-transform:uppercase;margin-top:8px;font-size:18px;line-height:1.7}.receipt .r-line:before{content:"• "}.receipt .r-line.err{color:var(--red)}.receipt .r-thanks{letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:17px}@keyframes settle{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes serve{0%{opacity:.35;transform:translateY(62vh)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.fixture-note{z-index:99;background:var(--red);color:var(--yellow);font:700 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:6px 14px;position:fixed;bottom:14px;left:14px}::-webkit-scrollbar{width:0;height:0}