/* GG4Store: the same Antonio/Figtree typography and black/gold palette as the store. */
#tattica-welcome{position:fixed;inset:0;margin:auto;width:730px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;background:#fff;color:#000;overflow:auto;overscroll-behavior:contain;box-shadow:0 22px 90px #0003;font-family:var(--body,Figtree,Arial,sans-serif)}
#tattica-welcome:not([open]){display:none}
#tattica-welcome[open]{display:grid;grid-template-columns:230px 1fr}
#tattica-welcome::backdrop{background:#0009}
#tattica-welcome button{font:inherit;cursor:pointer}
#tattica-welcome .tw-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:#fff;color:#000;font-size:30px;line-height:1;z-index:1}
#tattica-welcome .tw-offer{display:flex;align-items:center;justify-content:center;background:#000;color:#b89c55;font:500 144px/.9 var(--display,Antonio,'Arial Narrow',sans-serif);letter-spacing:-5px;min-height:100%;padding:40px 12px}
#tattica-welcome .tw-offer span{align-self:center;font-size:52px;letter-spacing:-1px;margin-top:12px}
#tattica-welcome .tw-content{padding:54px 36px 30px;min-width:0}
#tattica-welcome h2{font-size:30px;font-weight:500;line-height:1.14;letter-spacing:-.8px;margin:0 0 16px}
#tattica-welcome .tw-content>p{font-size:14px;line-height:1.6;margin:0}
#tattica-welcome .tw-code{border:1px dashed #b4a886;margin:24px 0 12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
#tattica-welcome .tw-code span{font-size:12px;color:#616161}
#tattica-welcome .tw-code strong{font-size:19px;letter-spacing:.6px;user-select:all}
#tattica-welcome .tw-copy{display:block;width:100%;background:#000;color:#fff;border:1px solid #000;min-height:50px;padding:12px 18px;font-size:14px}
#tattica-welcome .tw-copy:hover{background:#292929}
#tattica-welcome .tw-status{min-height:24px;padding-top:4px;color:#35563b;font-size:12px!important}
#tattica-welcome #tattica-welcome-terms{font-size:11px;line-height:1.6;color:#616161;margin-top:10px}
#tattica-welcome .tw-continue{display:block;background:none;border:0;border-bottom:1px solid #000;color:#000;padding:10px 0 5px;min-height:44px;font-size:13px;margin:14px auto 0}
#tattica-welcome button:focus-visible{outline:2px solid #94752b;outline-offset:3px}
@media(max-width:600px){#tattica-welcome{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);width:400px}#tattica-welcome[open]{display:block}#tattica-welcome .tw-offer{min-height:0;height:116px;font-size:100px;letter-spacing:-3px;padding:12px}#tattica-welcome .tw-offer span{font-size:38px;margin-top:6px}#tattica-welcome .tw-close{background:#000;color:#fff;top:6px;right:6px}#tattica-welcome .tw-content{padding:26px 24px 20px}#tattica-welcome h2{font-size:28px}#tattica-welcome .tw-code{margin-top:20px}}
@media(prefers-reduced-motion:no-preference){#tattica-welcome[open]{animation:tw-enter .18s ease-out}@keyframes tw-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
