.badge-unlock{z-index:1200;color:#294238;background:#fffdf8;border:1px solid #cfe1d6;border-left:6px solid #2d805d;border-radius:17px;grid-template-columns:68px 1fr;align-items:center;gap:15px;width:min(390px,100vw - 28px);padding:18px 20px 17px 16px;animation:.35s ease-out badge-arrive;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 22px 65px #173f3040}.badge-unlock.mission-unlock{background:linear-gradient(135deg,#fffdf8,#fff5dc);border-left-color:#dfa63f;box-shadow:0 22px 70px #9a6b1e38}.badge-unlock-icon{color:#236f50;background:#e4f2e9;border-radius:50%;place-items:center;width:62px;height:62px;font-size:27px;font-weight:850;display:grid;box-shadow:inset 0 0 0 2px #bed9c8}.mission-unlock .badge-unlock-icon{color:#a96d12;background:#fff0c8;box-shadow:inset 0 0 0 2px #e8c879}.badge-unlock small{color:#337559;letter-spacing:.16em;font-size:8px;font-weight:850;display:block}.mission-unlock small{color:#9a6819}.badge-unlock h2{color:#1d4b38;letter-spacing:-.025em;margin:5px 24px 3px 0;font-size:21px}.badge-unlock p{color:#607269;margin:0 0 10px;font-size:11px;line-height:1.45}.badge-unlock-action{color:#236f50;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px;font-weight:850}.badge-unlock-close{color:#6f8078;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:10px}@keyframes badge-arrive{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@media (width<=560px){.badge-unlock{grid-template-columns:54px 1fr;padding:15px 16px 15px 13px;bottom:14px;right:14px}.badge-unlock-icon{width:50px;height:50px;font-size:22px}.badge-unlock h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.badge-unlock{animation:none}}