.milestone-unlock-notice{position:fixed;z-index:170;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:min(392px,calc(100vw - 32px));box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"seal copy close" ". action action";column-gap:14px;row-gap:12px;align-items:start;padding:18px 12px 16px 18px;border:1px solid rgba(200,164,95,.42);background:radial-gradient(circle at 12% 0,rgba(217,180,111,.12),transparent 14rem),#090a09;box-shadow:0 25px 70px #0000009e,0 0 28px #c8a45f1a;color:var(--cream);animation:milestone-unlock-notice-in .45s cubic-bezier(.22,1,.36,1) both}.milestone-unlock-notice-seal{grid-area:seal;margin-top:2px;width:32px;height:32px;display:grid;place-items:center;border-radius:47% 53% 44% 56%/52% 45% 55% 48%;color:#735534;background:radial-gradient(circle at 35% 28%,#f5e7c8,#c7a977 62%,#80603d);box-shadow:inset 0 0 0 2px #6c4d2c2e,0 3px 8px #0000004d;font:600 11px/1 Cinzel,serif}.milestone-unlock-notice-copy{grid-area:copy;min-width:0}.milestone-unlock-notice-copy small{display:block;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.milestone-unlock-notice-copy strong{display:block;margin-top:5px;color:var(--cream);font:400 18px/1.2 Cinzel,serif}.milestone-unlock-notice-copy p{margin:6px 0 0;color:var(--tan);font-size:13px;line-height:1.55}.milestone-unlock-notice-action{grid-area:action;justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid var(--gold);border-radius:99px;background:var(--gold);color:#0b0804;cursor:pointer;font-size:10px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,box-shadow .2s}.milestone-unlock-notice-action:hover{background:#ead098;box-shadow:0 0 30px #d3ad6947}.milestone-unlock-notice-close{grid-area:close;margin:-10px -4px 0 0;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:#f5ead599;cursor:pointer}.milestone-unlock-notice-close:hover{color:var(--gold-bright)}.milestone-unlock-notice-action:focus-visible,.milestone-unlock-notice-close:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}@keyframes milestone-unlock-notice-in{0%{opacity:0;transform:translateY(14px)}}@media(max-width:600px){.milestone-unlock-notice{right:16px;left:16px;width:auto;bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.milestone-unlock-notice{animation:none}.milestone-unlock-notice-action{transition:none}}.welcome-unlock-reminder{position:fixed;right:1.25rem;bottom:1.25rem;z-index:45;max-width:min(28rem,calc(100vw - 2.5rem));display:flex;align-items:center;gap:.75rem;background:#191811;border:1px solid #645638;padding:.6rem .7rem .6rem 1rem;box-shadow:0 8px 30px #0005}.welcome-unlock-reminder a{color:#d6c4a0;line-height:1.5;font-size:.9rem}.welcome-unlock-reminder button{display:grid;place-items:center;flex-shrink:0;background:none;border:0;color:#b7a989;min-width:44px;min-height:44px;cursor:pointer}