.wtf-app-tabs { max-width: 760px; margin: 0 auto; color: #292929; }
.wtf-app-tabs input,.wtf-app-tabs select,.wtf-app-tabs textarea,[data-wtf-deck] input,[data-wtf-deck] select { font-size: 16px !important; max-width: 100%; box-sizing: border-box; }
.wtf-app-tabs [data-wtf-request-zip] label { display: block; margin: 1rem 0; }
.wtf-app-tabs [data-wtf-request-zip] label input { display: block; width: 100%; padding: .75rem; border: 1px solid #777; border-radius: 6px; }
.wtf-app-tabs .wtf-btn,.wtf-tabs-empty .wtf-btn { display: inline-block; background: #9B3B0B; color: #fff; padding: .75rem 1rem; min-height: 44px; border: 0; border-radius: 8px; font-size: 16px; line-height: 1.4; text-decoration: none; cursor: pointer; margin: .25rem; white-space: normal; }
.wtf-app-tabs .wtf-btn:hover,.wtf-tabs-empty .wtf-btn:hover { background: #7b2e08; color: #fff; }
.wtf-app-tabs .wtf-btn:focus-visible,.wtf-tabs-empty .wtf-btn:focus-visible { outline: 3px solid #DA5555; outline-offset: 3px; }
.wtf-app-tabs button:disabled { opacity: .65; cursor: wait; }
.wtf-app-tabs .wtf-tabs-honey { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.wtf-tabs-empty { position: relative; box-sizing: border-box; padding: 2rem 1rem; width: 100%; text-align: center; border-top: 4px solid #DA5555; }
.wtf-deck[data-state="empty"] .wtf-deck__stage { height: auto; aspect-ratio: auto; max-height: none; min-height: 280px; }
.wtf-tabs-empty h2 { font-size: 1.5rem; }
.wtf-tabs-credit { font-size: .875rem; }

.wtf-deck[data-state="empty"] .wtf-deck__actions { display: none; }

/* All-client reveal stays in the deck; other pages/elements are untouched. */
.wtf-deck[data-state="revealed"] .wtf-deck__stage{height:auto;min-height:0;max-height:none;aspect-ratio:auto;display:block}
.wtf-deck[data-state="revealed"] .wtf-deck__actions{display:none}
.wtf-tabs-reveal{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px;background:#fff;color:#1a1a1a;border:1px solid #d6b8a5;border-radius:8px}
.wtf-tabs-reveal h2{margin:0;font-size:22px;line-height:1.3}
.wtf-tabs-reveal img{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain}
.wtf-tabs-reveal a.wtf-btn,.wtf-tabs-reveal button.wtf-btn{display:block;margin:0;white-space:normal;text-align:center;font-size:16px;line-height:1.4}

.wtf-tabs-version{display:block;order:6;margin:4px 0;text-align:right;color:#746b65;font:12px/1.3 system-ui,sans-serif}
.wtf-tabs-reveal-status{font:12px/1.4 system-ui,sans-serif;color:#66554b;overflow-wrap:anywhere}
#wtf-reveal-debug{position:fixed;left:8px;bottom:8px;z-index:2147483647;max-width:calc(100vw - 16px);max-height:28vh;overflow:auto;box-sizing:border-box;padding:8px;background:#fffde8;color:#242424;border:1px solid #66554b;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.4 monospace;pointer-events:none}

/* Gold primary CTA: dark text/border stay legible without relying on motion. */
.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food{display:flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;min-height:58px;padding:16px 20px;border:2px solid #7b2e08;border-radius:10px;background:#ffc72c;color:#1a1a1a;font-size:20px;font-weight:800;line-height:1.35;text-decoration:none;box-shadow:0 2px 5px rgba(123,46,8,.18);animation:wtf-cta-glow 2s ease-in-out infinite;transition:background-color .15s ease,transform .12s ease}
.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food:hover{background:#ffd85c;color:#1a1a1a}
.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food:focus-visible{outline:3px solid #1a1a1a;outline-offset:3px}
.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food:active{background:#f3b81b;color:#1a1a1a;transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(26,26,26,.2);animation:none}
.wtf-cta-pin{display:inline-block;flex:0 0 18px;width:18px;height:22px;position:relative;animation:wtf-pin-bounce 2s ease-in-out infinite}
.wtf-cta-pin::before{content:"";position:absolute;left:2px;top:1px;width:14px;height:14px;background:currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.wtf-cta-pin::after{content:"";position:absolute;left:7px;top:6px;width:4px;height:4px;border-radius:50%;background:#ffc72c}
@keyframes wtf-cta-glow{0%,100%{box-shadow:0 2px 5px rgba(123,46,8,.18)}50%{box-shadow:0 2px 10px 3px rgba(255,199,44,.38)}}
@keyframes wtf-pin-bounce{0%,35%,65%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food,.wtf-tabs-reveal .wtf-cta-pin{animation:none;transition:none}.wtf-tabs-reveal a.wtf-btn.wtf-btn--find-food:active{transform:none}}

/* Vertical neon sign sits beside the CTA; its J-tube arrow touches the gold edge. */
.wtf-cta-wrap{display:flex;align-items:flex-end;position:relative;box-sizing:border-box;width:100%;min-width:0;flex:none;padding:0}
.wtf-cta-wrap>a.wtf-btn.wtf-btn--find-food{flex:1 1 0;min-width:0}
.wtf-eatme-sign,.wtf-eatme-sign *{pointer-events:none!important}
.wtf-eatme-sign{display:block;flex:0 0 22%;width:22%;max-width:72px;min-width:0;user-select:none;line-height:0}
.wtf-eatme-sign>svg{display:block;width:100%;height:auto;overflow:visible}
.wtf-eatme-letters{animation:wtf-neon-flicker 9s linear infinite}
@keyframes wtf-neon-flicker{0%,91%,94%,100%{opacity:1}92%{opacity:.78}93%{opacity:.92}}
@media(prefers-reduced-motion:reduce){.wtf-eatme-letters{animation:none}}
/* Keep the reveal and secondary controls inside a 320px viewport. */
.wtf-tabs-reveal{box-sizing:border-box;width:100%;min-width:0}
.wtf-tabs-reveal>.wtf-btn{box-sizing:border-box;width:100%;min-width:0;max-width:100%;flex:none}

/* Breathing uses compositor-friendly opacity/transform; blur radii stay static. */
.wtf-eatme-sign{transform-origin:2.38% 90.32%;animation:wtf-neon-breathe 1.8s ease-in-out infinite;will-change:transform}
.wtf-neon-halo{transform-box:fill-box;transform-origin:center;animation:wtf-neon-halo-breathe 1.8s ease-in-out infinite;will-change:opacity,transform}
.wtf-neon-spill{transform-box:fill-box;transform-origin:center;animation:wtf-neon-spill-breathe 1.8s ease-in-out infinite;will-change:opacity,transform}
@keyframes wtf-neon-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes wtf-neon-halo-breathe{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
@keyframes wtf-neon-spill-breathe{0%,100%{opacity:.35;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){.wtf-eatme-sign,.wtf-neon-halo,.wtf-neon-spill{animation:none;transform:none;opacity:1;will-change:auto}}