/* Four quick buttons (Next ideas, 8 Nov 2026). Website bar in the website's own colours; the app row and the app's
   Remind sheet use the approved app look (.ebq-app is set by the Games app). */
.ebq-bar{--q-accent:#732e40;--q-bg:rgba(248,244,236,.97);position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
 padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
 background:var(--q-bg);border-top:1px solid rgba(115,46,64,.2);box-shadow:0 -8px 22px rgba(30,20,10,.08)}
.ebq-bar[hidden]{display:none}
.ebq-bar{transition:transform .22s ease,opacity .22s ease,visibility 0s}
.ebq-bar.ebq-away{transform:translateY(130%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility 0s .22s}
.ebq-bar a,.ebq-bar button{display:grid;justify-items:center;align-content:center;gap:1px;min-height:50px;padding:6px 0 4px;border:0;border-radius:14px;background:none;
 color:var(--q-accent);font:600 13px/1.1 Buzz,Arial,sans-serif;text-decoration:none;cursor:pointer}
.ebq-bar a:first-child{background:var(--q-accent);color:#fff}
.ebq-bar a:focus-visible,.ebq-bar button:focus-visible{outline:3px solid var(--q-accent);outline-offset:2px}
.ebq-bar svg{width:22px;height:22px}
html.ebq-has-bar body{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
@media (min-width:761px){
 .ebq-bar{left:50%;right:auto;bottom:16px;transform:translateX(-50%);width:min(520px,calc(100% - 32px));border:1px solid rgba(115,46,64,.2);border-radius:22px;padding:8px}
 html.ebq-has-bar body{padding-bottom:96px}
 .ebq-bar.ebq-away{transform:translate(-50%,140%)}
}
@media (prefers-reduced-motion:reduce){.ebq-bar,.ebq-bar.ebq-away{transition:none}}
:root[data-theme="night"] .ebq-bar{--q-bg:rgba(20,26,40,.96);--q-accent:#f0c7d0;border-top-color:rgba(240,199,208,.25)}
:root[data-theme="night"] .ebq-bar a:first-child{background:#732e40;color:#fff}

/* Remind sheet and share message */
.ebq-dim{position:fixed;inset:0;z-index:2147483000;background:rgba(23,30,25,.45);display:flex;align-items:flex-end;justify-content:center}
.ebq-sheet{--q-accent:#732e40;width:100%;max-width:520px;max-height:92dvh;overflow:auto;background:#f8f4ec;color:#2b2a28;border-radius:22px 22px 0 0;
 padding:20px max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));display:grid;gap:12px;font:16px/1.4 Buzz,Arial,sans-serif}
.ebq-sheet h2{margin:0;font:400 1.6rem/1.1 'Yatra One',Georgia,serif;color:var(--q-accent)}
.ebq-sheet p{margin:0}.ebq-help{color:#5b5750}
.ebq-eyebrow{font:700 .78rem/1.2 Buzz,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--q-accent)}
.ebq-label{font-weight:600;font-size:.9rem}
.ebq-sheet select{min-height:48px;border:1.5px solid #cfc6b6;border-radius:12px;padding:0 12px;background:#fff;color:#2b2a28;font:inherit}
.ebq-btn{min-height:48px;border:0;border-radius:12px;padding:12px;background:var(--q-accent);color:#fff;font:700 16px/1.2 Buzz,Arial,sans-serif;cursor:pointer}
.ebq-btn.alt{background:transparent;color:var(--q-accent);border:1.5px solid var(--q-accent)}
.ebq-link{justify-self:center;color:var(--q-accent);font-weight:600;padding:6px}
.ebq-done:empty{display:none}.ebq-done{background:#eef5ef;border-radius:10px;padding:10px 12px;font-size:.92rem}
.ebq-sheet :focus-visible{outline:3px solid var(--q-accent);outline-offset:2px}
.ebq-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:2147483001;max-width:min(92vw,460px);
 margin:0;padding:10px 16px;border-radius:14px;background:#1B2250;color:#fff;font:600 15px/1.35 system-ui,sans-serif;text-align:center;user-select:text;overflow-wrap:anywhere;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.ebq-toast[hidden]{display:none}

/* Games app: row under the header on every tab, in the approved look. */
.ebq-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px 0}
.ebq-row button{display:grid;justify-items:center;align-content:center;gap:1px;min-height:54px;padding:7px 2px 5px;background:var(--paper2);border:2.5px solid var(--ink);
 border-radius:16px;box-shadow:0 3px 0 var(--ink);font:400 14px/1.15 var(--display);color:var(--ink)}
.ebq-row button:first-child{background:var(--jungle);color:#fff}
.ebq-row svg{width:22px;height:22px}
.ebq-row+main{padding-top:12px}
.ebq-app .ebq-sheet{--q-accent:var(--ink);background:var(--paper);color:var(--ink);border-top:3px solid var(--ink);font-family:Mukta,system-ui,sans-serif}
.ebq-app .ebq-sheet h2{font-family:var(--display);color:var(--ink)}
.ebq-app .ebq-help{color:var(--ink2)}
.ebq-app .ebq-eyebrow{font-family:Mukta,system-ui,sans-serif;color:var(--ink2)}
.ebq-app .ebq-sheet select{border:2.5px solid var(--ink);color:var(--ink)}
.ebq-app .ebq-btn{background:var(--turm);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);font-family:var(--display);font-weight:400}
.ebq-app .ebq-btn.alt{background:var(--paper2)}
.ebq-app .ebq-link{color:var(--ink)}
.ebq-app .ebq-toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:no-preference){.ebq-sheet{animation:ebqUp .22s ease-out}@keyframes ebqUp{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}}