.youtube-invitation{position:fixed;z-index:175;left:24px;bottom:24px;width:min(350px,calc(100vw - 48px));padding:24px;box-sizing:border-box;border:1px solid #8a7339;border-radius:18px;background:radial-gradient(ellipse at 0 0,#715a1e35,transparent 75%),#11130f;color:#f5f4ec;box-shadow:0 18px 60px #0009;animation:youtube-arrive .35s ease-out}
.youtube-invitation[hidden]{display:none}.youtube-invitation .eyebrow{display:flex;align-items:center;gap:10px;margin:0 40px 14px 0;font-size:10px;letter-spacing:.13em;color:#ffd000}.youtube-invitation .eyebrow svg{width:24px;height:18px;flex:none}.youtube-invitation h2{font-size:32px;line-height:1.08;margin:0 0 10px;letter-spacing:-.02em}.youtube-invitation p:not(.eyebrow){color:#c6c6bc;font-size:14px;line-height:1.5;margin:0 0 18px}.youtube-invitation .button{width:100%;justify-content:space-between;gap:12px;padding:13px 16px;font-size:14px;min-height:46px}.youtube-invitation-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#d2d2c8;background:transparent;cursor:pointer}.youtube-invitation-close svg{width:18px;height:18px}.youtube-invitation-close:hover{color:#fff;background:#ffffff10}.youtube-invitation :focus-visible{outline:3px solid var(--yellow,#ffd000);outline-offset:4px}.invitation-open .youtube-invitation,.arcade-open .youtube-invitation{visibility:hidden}
@keyframes youtube-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:600px){.youtube-invitation{left:12px;right:76px;bottom:max(16px,env(safe-area-inset-bottom));width:auto;padding:18px;border-radius:14px}.youtube-invitation h2{font-size:28px}.youtube-invitation p:not(.eyebrow){font-size:13px;margin-bottom:14px}.youtube-invitation .button{font-size:12px;padding:12px}.youtube-invitation .eyebrow{font-size:9px;gap:7px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.youtube-invitation{animation:none}}