.campaign-medal-shelf{margin:28px 0;padding:26px;border:4px solid #07111f;border-radius:28px;background:linear-gradient(145deg,#fff8e8,#e9dcc0);box-shadow:9px 11px 0 #07111f,0 24px 54px rgba(3,12,28,.18)}.campaign-medal-shelf>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.campaign-medal-shelf h2{margin:.1rem 0;font-size:clamp(2rem,4vw,3.6rem);line-height:.94;letter-spacing:-.045em}.campaign-medal-shelf>header>p{max-width:31ch;margin:0;color:#3f5368;font-weight:850;line-height:1.45;text-align:right}.campaign-medal-shelf>header>p strong{font-size:1.45rem;color:#07111f}.medal-shelf-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:18px;border:4px solid #07111f;border-radius:22px;background:linear-gradient(#5e3924,#3f2418);box-shadow:inset 0 10px 0 rgba(255,255,255,.12)}.medal-slot{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;min-width:0;min-height:238px;padding:14px 10px 12px;border:3px solid #07111f;border-radius:18px;background:#fff8e8;box-shadow:4px 5px 0 rgba(7,17,31,.6);text-align:center}.medal-slot[data-state="empty"]{background:#d9d1bd;color:#596879}.medal-number{justify-self:start;padding:.22rem .42rem;border:2px solid #07111f;border-radius:7px;background:#ffd447;font-size:.62rem;font-weight:950;letter-spacing:.1em}.medal-disc{position:relative;display:grid;place-items:center;width:92px;height:92px;margin:8px 0;border:5px solid #07111f;border-radius:50%;background:#b9c5cf;box-shadow:5px 6px 0 rgba(7,17,31,.35)}.medal-disc::before,.medal-disc::after{content:"";position:absolute;bottom:-36px;width:27px;height:48px;border:4px solid #07111f;background:#ff6b62;clip-path:polygon(0 0,100% 0,100% 100%,50% 77%,0 100%)}.medal-disc::before{left:18px;transform:rotate(8deg)}.medal-disc::after{right:18px;transform:rotate(-8deg);background:#45d8e8}.medal-disc i{position:absolute;inset:9px;border:3px dashed rgba(7,17,31,.7);border-radius:50%}.medal-disc strong{font-size:2.35rem;line-height:1;z-index:1}.medal-disc[data-tone="platinum"]{background:linear-gradient(135deg,#f4ffff,#9ee8f0 45%,#f7fbff 50%,#82bfc9)}.medal-disc[data-tone="gold"]{background:linear-gradient(135deg,#fff4ad,#f7bd34 48%,#ffe98f 52%,#c88416)}.medal-disc[data-tone="silver"]{background:linear-gradient(135deg,#f7fbff,#aebdca 48%,#e7f0f7 52%,#8394a3)}.medal-disc[data-tone="bronze"]{background:linear-gradient(135deg,#ffd4a4,#c57939 48%,#f1a264 52%,#8d4d25)}.medal-disc[data-tone="completion"]{background:linear-gradient(135deg,#ffcfca,#ff6b62 48%,#ff9c91 52%,#b83d37)}.medal-disc[data-tone="locked"]{filter:grayscale(1);opacity:.54}.medal-copy{align-self:end}.medal-copy h3{margin:0;font-size:.94rem;line-height:1.05}.medal-copy p{margin:.5rem 0 0;color:#536579;font-size:.72rem;font-weight:750;line-height:1.35}.medal-note{margin:18px 0 0;color:#43566b;font-size:.84rem;font-weight:800;text-align:center}.campaign-epilogue{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);align-items:center;gap:32px;margin:34px 0;padding:26px;border:4px solid #07111f;border-radius:28px;background:linear-gradient(135deg,#d8fbff 0 47%,#fff4bf 47% 100%);box-shadow:9px 11px 0 #07111f}.campaign-epilogue img{display:block;width:100%;height:auto;border:4px solid #07111f;border-radius:20px;background:#fff8e8;box-shadow:7px 8px 0 #b979ff}.campaign-epilogue h2{margin:.1rem 0 1rem;font-size:clamp(2.2rem,4vw,4rem);line-height:.92;letter-spacing:-.05em}.campaign-epilogue p:not(.eyebrow){color:#32475d;font-weight:750;line-height:1.62}.epilogue-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.epilogue-actions>a:not(.button){font-weight:900;text-underline-offset:4px}.campaign-epilogue-dialog{width:min(920px,calc(100% - 24px));padding:0;border:5px solid #07111f;border-radius:26px;background:#fff8e8;color:#07111f;box-shadow:14px 16px 0 #07111f;overflow:hidden}.campaign-epilogue-dialog::backdrop{background:rgba(3,10,24,.78);backdrop-filter:blur(5px)}.campaign-epilogue-dialog[open]{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr)}.dialog-art{background:#b979ff}.dialog-art img{display:block;width:100%;height:100%;object-fit:cover}.dialog-copy{padding:34px}.dialog-copy h2{margin:.15rem 0 .8rem;font-size:clamp(2.15rem,4vw,3.6rem);line-height:.92;letter-spacing:-.05em}.dialog-copy p{font-weight:750;line-height:1.55}.dialog-score{padding:12px 14px;border:3px solid #07111f;border-radius:14px;background:#d8fbff}.dialog-copy>div:last-child{display:flex;align-items:center;gap:18px;margin-top:20px}.dialog-copy>div:last-child>a{font-weight:900}@media(max-width:1050px){.medal-shelf-track{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-epilogue{grid-template-columns:1fr}.campaign-epilogue img{max-width:760px;margin:auto}}@media(max-width:720px){.campaign-medal-shelf{padding:18px 12px}.campaign-medal-shelf>header{display:block}.campaign-medal-shelf>header>p{margin-top:10px;text-align:left}.medal-shelf-track{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.campaign-epilogue{padding:18px 14px}.campaign-epilogue-dialog[open]{display:block}.dialog-art{max-height:250px}.dialog-art img{height:250px}.dialog-copy{padding:24px 18px}.dialog-copy>div:last-child,.epilogue-actions{align-items:stretch;flex-direction:column}.dialog-copy .button,.epilogue-actions .button{width:100%}}@media(max-width:420px){.medal-shelf-track{grid-template-columns:1fr}.medal-slot{grid-template-columns:auto 92px 1fr;grid-template-rows:1fr;align-items:center;justify-items:start;min-height:118px;text-align:left}.medal-number{align-self:start}.medal-disc{margin:0;width:74px;height:74px}.medal-disc::before,.medal-disc::after{display:none}.medal-copy{align-self:center}.medal-copy h3{font-size:1rem}}@media(prefers-reduced-motion:reduce){.campaign-epilogue-dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){.campaign-medal-shelf,.campaign-epilogue,.campaign-epilogue-dialog{box-shadow:none}.medal-copy p,.campaign-epilogue p:not(.eyebrow),.medal-note{color:#07111f}}