/* CITYKi bottom navigation: only the lower controls change. */
#client.common-client .cityki-bottom-dock{box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;flex:none;position:relative;z-index:25;isolation:isolate;gap:0;width:calc(100% - 20px);max-width:580px;min-height:78px;margin:5px auto max(8px,env(safe-area-inset-bottom));padding:6px 5px 7px;border:1px solid #e4b25366;border-radius:28px;background:linear-gradient(145deg,#0b4a3ff0,#042d26f5);box-shadow:0 10px 32px #001c1aaa,inset 0 1px 0 #fff2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:visible}
#client.common-client .cityki-bottom-dock .dock-item{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:54px;padding:5px 1px;border:0;border-radius:18px;background:transparent;color:#d5dccc;font:500 10px/1.15 system-ui,sans-serif;text-decoration:none;text-align:center;cursor:pointer;overflow:visible;-webkit-tap-highlight-color:transparent}
#client.common-client .cityki-bottom-dock .dock-item>svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#client.common-client .cityki-bottom-dock .dock-item>span{max-width:100%;overflow-wrap:normal}
#client.common-client .cityki-bottom-dock .dock-item.is-current{background:#f5d99014;color:#f3cc74}
#client.common-client .cityki-bottom-dock .dock-item:focus-visible{outline:2px solid #ffe3a0;outline-offset:2px}
#client.common-client .cityki-bottom-dock .dock-gift{color:#ffe3a0;gap:5px;min-height:65px;margin-top:-19px;justify-content:flex-end}
#client.common-client .cityki-bottom-dock .dock-gift .dock-gift-circle{display:grid;place-items:center;flex:none;width:60px;height:60px;max-width:none;margin-top:-15px;border-radius:50%;border:4px solid #073c32;background:linear-gradient(145deg,#ffe09b,#d99f36);color:#063c30;box-shadow:0 5px 16px #001b1899,inset 0 1px 0 #fff9;transition:filter .2s}
#client.common-client .cityki-bottom-dock .dock-gift-circle svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#client.common-client .cityki-bottom-dock .dock-gift:disabled{cursor:default;opacity:1;color:#a8b7a9}
#client.common-client .cityki-bottom-dock .dock-gift:disabled .dock-gift-circle{background:linear-gradient(145deg,#c8bc91,#8d8b69);color:#425d4d;box-shadow:0 3px 12px #001b1866}
#client.common-client[data-screen="idle"]>.client-languages{min-height:42px;padding:2px 22px 3px;gap:10px}
#client.common-client[data-screen="idle"]>.client-languages button{height:34px;min-height:34px;font-size:13px}
#client.common-client[data-screen="idle"] .common-cooldown{margin-bottom:7px}
#client.common-client[data-screen="idle"] .common-install{margin-bottom:5px}
#client.common-client[data-screen="gift"],#client.common-client[data-screen="wallet"]{padding-bottom:0}
@media(max-height:640px){#client.common-client .cityki-bottom-dock{min-height:68px;margin-top:3px;margin-bottom:max(5px,env(safe-area-inset-bottom));padding:4px 4px 5px;border-radius:24px}#client.common-client .cityki-bottom-dock .dock-item{min-height:48px;font-size:9px}#client.common-client .cityki-bottom-dock .dock-gift-circle{width:53px;height:53px}#client.common-client[data-screen="idle"]>.client-languages{min-height:36px}#client.common-client[data-screen="idle"]>.client-languages button{height:30px;min-height:30px;font-size:12px}}

/* Transparent navigation; language pills appear only on request. */
#client.common-client .cityki-bottom-dock{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin-top:8px}
#client.common-client .cityki-bottom-dock .dock-item{color:#ffe7a8;font-weight:600;text-shadow:0 2px 6px #001c1a;transition:transform .18s ease,color .18s ease}
#client.common-client .cityki-bottom-dock .dock-item>svg{box-sizing:content-box;padding:8px;border-radius:16px;background:radial-gradient(circle,#e4b25322,transparent 75%);filter:drop-shadow(0 2px 4px #001c1a);stroke-width:1.8;transition:transform .2s ease,background .2s ease}
#client.common-client .cityki-bottom-dock .dock-item.is-current{background:transparent;color:#ffd171}
#client.common-client .cityki-bottom-dock .dock-item.is-current>svg{background:linear-gradient(145deg,#e4b25344,#073d3522);box-shadow:inset 0 0 0 1px #e4b25344;transform:translateY(-2px)}
#client.common-client .cityki-bottom-dock .dock-item:active{transform:translateY(2px) scale(.95)}
#client.common-client .cityki-bottom-dock .dock-gift:not(:disabled) .dock-gift-circle{animation:cityki-gift-glow 2.8s ease-in-out infinite}
#client.common-client>.client-languages[hidden]{display:none!important}
@keyframes cityki-gift-glow{0%,100%{box-shadow:0 5px 16px #001b1899,0 0 0 0 #e4b25322}50%{box-shadow:0 6px 22px #e4b25344,0 0 0 6px #e4b25308}}
@media(prefers-reduced-motion:reduce){#client.common-client .cityki-bottom-dock .dock-item,#client.common-client .cityki-bottom-dock .dock-item>svg{transition:none}#client.common-client .cityki-bottom-dock .dock-gift:not(:disabled) .dock-gift-circle{animation:none}}
@media(hover:hover){#client.common-client .cityki-bottom-dock .dock-item:hover>svg{transform:translateY(-3px);background:#e4b25333}}

#client.common-client .simple-gift-timer{background:transparent;border:0;box-shadow:none;padding:0;margin:0 auto;color:#ffe3a0}
#client.common-client .simple-gift-timer strong{font-size:clamp(38px,7dvh,56px);font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:2px;font-weight:700;text-shadow:0 2px 10px #00251c}

#client.common-client[data-screen="idle"] .common-idle-brand.has-wallet{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}
#client.common-client[data-screen="idle"] .common-wallet-link{display:grid;position:relative;place-items:center;width:58px;height:58px;min-width:58px;max-width:58px;padding:11px;gap:0;border-radius:50%;background:linear-gradient(145deg,#ffe09b,#d99f36);border:2px solid #ffe3a077;box-shadow:0 4px 16px #00251a66;color:#073d35;justify-self:end}
#client.common-client[data-screen="idle"] .common-wallet-link>svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gift-count-badge{box-sizing:border-box;position:absolute;top:-2px;right:-3px;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:2px solid #ffe3a0;border-radius:20px;background:#0c5c45;color:#fff2c8;font:700 12px/1 system-ui,sans-serif;text-shadow:none;font-variant-numeric:tabular-nums;box-shadow:0 2px 5px #00251a55}
.gift-count-badge[hidden]{display:none!important}#client.common-client .dock-gift-circle{position:relative;overflow:visible}#client.common-client .cityki-bottom-dock .dock-gift-circle .gift-count-badge{top:-2px;right:-4px}
#client.common-client .common-bottom-city{display:flex;justify-content:center;position:relative;z-index:3;flex:none;max-width:100%;padding:4px 12px 8px}
#client.common-client .common-bottom-city .common-city-trigger{max-width:100%;min-height:34px;padding:2px 8px;border:0;background:transparent;color:#ffdc83;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:800;font-size:clamp(21px,3dvh,27px);line-height:1.2;letter-spacing:.3px;text-shadow:0 2px 8px #002e26;cursor:pointer;overflow-wrap:anywhere}
#client.common-client .common-bottom-city .common-city-trigger:focus-visible{outline:2px solid #e4b253;border-radius:10px}
@media(max-height:640px){#client.common-client .common-bottom-city{padding-bottom:3px}#client.common-client .common-bottom-city .common-city-trigger{min-height:29px;font-size:20px}}

/* City above the countdown, countdown directly above navigation. */
#client.common-client[data-screen="idle"] .common-bottom-city{padding:5px 12px 8px}
#client.common-client[data-screen="idle"] .common-cooldown{flex:none;margin:0 0 12px;padding:0}
#client.common-client .cityki-bottom-dock .dock-gift:not(:disabled) .dock-gift-circle{animation:none}
#client.common-client .cityki-bottom-dock .dock-gift.has-ready-gift .dock-gift-circle{animation:cityki-ready-pulse 1.8s ease-in-out infinite}
@keyframes cityki-ready-pulse{0%,100%{filter:brightness(1);box-shadow:0 5px 16px #001b1899,0 0 12px #e4b25366;transform:scale(1)}50%{filter:brightness(1.22);box-shadow:0 5px 22px #e4b25399,0 0 28px #ffda7baa,0 0 0 7px #ffdc8322;transform:scale(1.06)}}
@media(max-height:640px){#client.common-client[data-screen="idle"] .common-bottom-city{padding:2px 12px 4px}#client.common-client[data-screen="idle"] .common-cooldown{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){#client.common-client .cityki-bottom-dock .dock-gift.has-ready-gift .dock-gift-circle{animation:none;box-shadow:0 0 20px #ffda7b99}}

/* Gift photographs extend behind the shared navigation and header. */
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]){position:relative;isolation:isolate;--gift-footer:100px;background:#073d35;color:#ffe3a0}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) :is(.client-wallet,.issued-gift){position:static;display:block;padding:0;overflow:visible}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .saved-card.wallet-story{position:absolute;inset:0;width:100%;height:100%;border-radius:0;z-index:0}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .wallet-top{position:absolute;top:12px;left:16px;right:16px;z-index:10;color:#ffe3a0}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .wallet-top button{color:#ffe3a0;text-shadow:0 2px 6px #00251c}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .cityki-bottom-dock{position:absolute;bottom:0;left:0;right:0;z-index:30}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"])>.client-languages{position:absolute;bottom:90px;left:0;right:0;z-index:35;background:transparent;padding:4px 20px;min-height:46px}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"])>.client-languages button{height:36px;min-height:36px;font-size:14px}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]):has(>.client-languages:not([hidden])){--gift-footer:150px}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .story-top{top:76px}
#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .story-video-controls{top:132px}
#client.common-client[data-screen="gift"] .issued-actions{bottom:calc(var(--gift-footer) + 12px)}
#client.common-client[data-screen="gift"] .issued-story .saved-card-copy{bottom:calc(var(--gift-footer) + 90px)}
#client.common-client[data-screen="gift"] .issued-story.has-partner-offers .saved-card-copy{bottom:calc(var(--gift-footer) + 152px)}
#client.common-client[data-screen="wallet"] .saved-card-copy{bottom:calc(var(--gift-footer) + 22px)}
#client.common-client[data-screen="wallet"] .wallet-review{bottom:calc(var(--gift-footer) + 24px)}
#client.common-client[data-screen="wallet"] .client-wallet>h2{position:relative;margin-top:90px;padding:0 20px}#client.common-client[data-screen="wallet"] .client-wallet>p{position:relative;padding:0 20px}
@media(max-height:640px){#client.common-client:is([data-screen="gift"],[data-screen="wallet"]){--gift-footer:87px}#client.common-client:is([data-screen="gift"],[data-screen="wallet"])>.client-languages{bottom:78px}#client.common-client:is([data-screen="gift"],[data-screen="wallet"]):has(>.client-languages:not([hidden])){--gift-footer:130px}#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .saved-card h3{font-size:25px}}

#client.common-client:is([data-screen="gift"],[data-screen="wallet"]) .wallet-top .client-logo{color:#fff8e7;text-shadow:0 2px 10px #00251c}

#client.common-client[data-screen="idle"]>.home-background-share{position:absolute;z-index:10;right:14px;top:256px;width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:10px;border:1px solid #f0ce7c99;border-radius:50%;background:#073d35b8;color:#ffe2a0;pointer-events:auto;box-shadow:0 2px 8px #073d3526}
#client.common-client .home-background-share svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
#client.common-client .home-background-share:focus-visible{outline:2px solid #ffdc83;outline-offset:3px}
#client.common-client .home-background-share:active{background:#e4b253;color:#073d35}
#client.common-client .common-city-form input{box-sizing:border-box;width:100%;min-height:50px;border:1px solid #d5b66e;border-radius:12px;padding:10px 12px;background:#fffdf5;color:#073d35;font-size:17px}
#client.common-client .common-city-form{display:grid;gap:12px}
#client.common-client .common-city-form label{display:grid;gap:5px}