/* Cuenta (src/account.js): bienvenida, invitación a conectar Google, aviso para invitados */
.acc-modal { align-items: center; justify-content: center; background: rgba(6, 11, 34, .82); z-index: 40; overflow-y: auto; }
.acc-card { gap: 12px; }
.acc-card .logo { margin-bottom: 4px; }
.acc-card p b { color: var(--yolk); }
.acc-gslot { min-height: 44px; display: flex; justify-content: center; }
.acc-gbtn { display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #1f1f1f; border: 0; border-radius: 22px; padding: 10px 22px; font: 700 18px var(--ui); cursor: pointer; box-shadow: 0 3px 0 rgba(0,0,0,.35); }
.acc-gbtn:disabled { opacity: .6; }
.acc-gift { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 16px; color: var(--yolk); }
button.acc-gift { background: rgba(255, 210, 58, .12); border: 2px solid rgba(255, 210, 58, .55); padding: 8px 14px; cursor: pointer; font-family: var(--ui); font-weight: 800; }
button.acc-gift svg { flex: none; }
.acc-fine { color: var(--muted); font-size: 13px; font-weight: 600; max-width: 34ch; }
#acc-banner { display: flex; align-items: center; gap: 10px; text-align: left; background: linear-gradient(90deg, rgba(255,210,58,.95), rgba(255,157,28,.95)); color: #2a1d00; border: 0; padding: 7px 14px; cursor: pointer; font-family: var(--ui); font-size: 16px; font-weight: 700; box-shadow: 0 3px 0 var(--yolk-deep); align-self: flex-start; animation: acc-pulse 2.4s ease-in-out infinite; }
#acc-banner svg { background: #fff; border-radius: 50%; padding: 4px; width: 28px; height: 28px; flex: none; }
#acc-banner b { display: block; font-family: var(--display); font-weight: 400; font-size: 18px; text-transform: uppercase; line-height: 1; }
@keyframes acc-pulse { 50% { transform: skewX(-10deg) scale(1.04); } }
#acc-row .ghostbtn { padding: 6px 12px; font-size: 15px; }
#acc-toast { position: fixed; left: 50%; top: calc(16px + env(safe-area-inset-top, 0px)); transform: translate(-50%, -140%); background: var(--panel-2); border: 2px solid var(--yolk); padding: 8px 18px; font-size: 17px; z-index: 60; transition: transform .25s; pointer-events: none; white-space: nowrap; }
#acc-toast.show { transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { #acc-banner { animation: none; } #acc-toast { transition: none; } }