.challenge-unlock-notice{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;background:radial-gradient(ellipse at top left,#eac86a33,transparent 65%),linear-gradient(125deg,#4e4722,#1e3d2e);color:#fff0bd;border:3px solid #f2d482;padding:22px 22px 18px 14px;box-shadow:0 14px 65px #0008,0 0 35px #f3c34d55;text-align:left;isolation:isolate;animation:notice-arrives .55s ease-out both}.challenge-unlock-notice:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:url('assets/continuous-weave.svg') repeat-x left center/60px 15px}.notice-floating{position:fixed;z-index:1000;bottom:105px;right:max(16px,env(safe-area-inset-right));width:min(510px,calc(100% - 32px));max-height:calc(100dvh - 145px);overflow:auto}.notice-in-sheet{margin:0 0 28px;width:100%}.notice-medal .mission-badge{width:96px;max-width:100%;filter:none;opacity:1}.notice-medal .mission-badge>span{font-size:36px}.notice-medal .mission-badge>b{font-size:9px}.notice-copy{min-width:0}.notice-kicker{font-size:11px;font-weight:800;line-height:1.5;letter-spacing:1px;color:#ffe7a0}.notice-copy h2{font:800 29px/1.05 'Barlow Condensed',Impact,sans-serif;color:#fff0bf;text-transform:uppercase;margin:7px 0 9px}.notice-copy p{font-size:12px;line-height:1.5;color:#e5dfba;margin:0 0 12px}.notice-copy .notice-open{width:100%;white-space:normal;padding:12px;font-size:12px;margin:0;min-height:46px;background:#b52a1c;color:#fff2cf;border:1px solid #f0ae65}.notice-copy small{display:block;margin-top:9px;font-size:9px;line-height:1.4;color:#c9c69d}.notice-dismiss{position:absolute;top:7px;right:7px;width:32px;min-height:32px;border:1px solid #b8a468;background:#263c2b;color:#ffe5a4;border-radius:50%;cursor:pointer;z-index:1}.notice-dismiss:focus-visible,.notice-open:focus-visible{outline:3px solid white;outline-offset:3px}@keyframes notice-arrives{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:none}}@media(max-width:600px){.challenge-unlock-notice{grid-template-columns:68px minmax(0,1fr);gap:10px;padding:27px 15px 14px 10px}.notice-medal .mission-badge{width:68px}.notice-medal .mission-badge>span{font-size:27px}.notice-kicker{font-size:10px}.notice-copy h2{font-size:25px}.notice-copy p{font-size:11px}.notice-copy .notice-open{font-size:11px}.notice-floating{right:10px;bottom:104px;width:calc(100% - 20px)}.notice-in-sheet{grid-template-columns:1fr;text-align:center}.notice-in-sheet .notice-medal{display:none}.notice-in-sheet .notice-copy h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.challenge-unlock-notice{animation:none}}

.notice-medal .mission-badge{position:relative;aspect-ratio:1}.notice-medal svg{width:100%;height:100%;overflow:visible}.notice-medal .badge-shield{fill:#e4b94b;stroke:#ffe7a2;stroke-width:3}.notice-medal .badge-inner{fill:#244d40;stroke:#a67c29;stroke-width:3}.notice-medal .badge-ribbon{fill:#a13526;stroke:#f1b956;stroke-width:2}.notice-medal .badge-rays{fill:none;stroke:#ffe2a1;stroke-width:3;stroke-linecap:round}.notice-medal .mission-badge>span{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:6%}.notice-medal .mission-badge>b{position:absolute;left:0;right:0;bottom:15%;text-align:center;color:#ffe7a1}