.modal-content{text-align:center;flex-direction:column;gap:4px;padding:32px 28px 28px;display:flex}.modal-content h2{font-size:26px;font-family:var(--font-family);color:var(--dark-color-new);flex-shrink:0;margin:0;font-weight:700}.modal-content p{font-size:15px;font-family:var(--font-family);color:#64748b;flex-shrink:0;margin:0 0 8px;line-height:1.5}.modal-content img{border:2px solid #e2e8f0;border-radius:12px}.modal-buttons{flex-shrink:0;justify-content:center;gap:10px;margin-top:12px;display:flex}.modal-btn{max-width:200px;font-family:var(--font-family);cursor:pointer;border:2px solid #0000;border-radius:10px;flex:1;padding:10px 20px;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s}.modal-btn-primary{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.modal-btn-primary:hover{background:#0284c7;border-color:#0284c7}.modal-btn-primary:active{background:#0369a1;border-color:#0369a1}.modal-btn-secondary{color:#475569;background:#fff;border-color:#cbd5e1}.modal-btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.modal-btn-secondary:active{background:#f1f5f9}.unlocked-items-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:8px 0 4px;padding:16px}.unlocked-items-title{font-size:15px;font-family:var(--font-family);color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-weight:600}.unlocked-items-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.unlocked-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:130px;max-width:180px;padding:14px 18px;transition:border-color .15s;display:flex}.unlocked-item:hover{border-color:#94a3b8}.unlocked-item-image-wrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.unlocked-item-image{object-fit:contain;border-radius:10px;width:100%;height:100%}.unlocked-item-label{font-size:14px;font-weight:600;font-family:var(--font-family);color:var(--dark-color-new);text-align:center;margin:0}.unlocked-item-badge{color:#fff;font-size:11px;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.03em;background:#0ea5e9;border-radius:6px;padding:3px 10px;font-weight:600}@media screen and (max-width:1100px){.modal-content{padding:28px 24px 24px}.modal-content h2{font-size:24px}}@media screen and (max-width:700px){.modal-content{padding:24px 20px 20px}.modal-content h2{font-size:22px}.modal-content p{font-size:14px}.modal-buttons{flex-direction:column;align-items:center}.modal-btn{width:80%;max-width:100%}.unlocked-items-grid{gap:12px}.unlocked-item{min-width:100px;padding:10px 14px}.unlocked-item-image-wrapper{width:64px;height:64px}.unlocked-item-label{font-size:13px}.unlocked-item-badge{padding:3px 8px;font-size:10px}}
:root{--award-base-width:min(280px,80vw);--award-gap:clamp(1rem,2vw,2rem);--container-padding:clamp(1rem,3vw,2rem);--header-font-size:clamp(1.5rem,5vw,2.5rem);--subheader-font-size:clamp(.875rem,2vw,1.2rem);--award-title-size:clamp(1rem,2vw,1.25rem);--award-description-size:clamp(.75rem,1.5vw,.875rem)}.celebration-page{background:0 0;min-height:100dvh;position:fixed;inset:0;overflow:hidden}.confetti-particle{z-index:1;border-radius:50%;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.awards-container{opacity:0;padding:var(--container-padding);z-index:2;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow-y:auto}.awards-container.show{opacity:1}.awards-panel{padding:var(--container-padding);background:0 0;border-radius:clamp(12px,2vw,16px);width:100%;max-width:min(1200px,95vw);margin:auto}.awards-header{text-align:center;margin-bottom:clamp(1.5rem,4vw,2rem)}.awards-header h1{font-size:var(--header-font-size);color:#fff;margin-bottom:.5rem;font-weight:700;line-height:1.2}.awards-header p{color:#000;font-size:var(--subheader-font-size);line-height:1.4}.awards-list{justify-content:center;gap:var(--award-gap);flex-wrap:wrap;margin:0 auto;display:flex}.award-item{width:var(--award-base-width);background:var(--clay-bg);border-radius:var(--clay-radius-lg);box-shadow:var(--clay-shadow-combined);opacity:0;transition:var(--clay-transition);flex-shrink:0;padding-bottom:20px;animation:1s ease-out forwards slideIn;overflow:hidden;transform:translateY(50px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.award-item:first-child{animation-delay:0s}.award-item:nth-child(2){animation-delay:1s}.award-item:nth-child(3){animation-delay:2s}.award-item:hover{box-shadow:var(--clay-shadow-hover);transform:scale(1.03)translateY(-3px)}.award-image{background-color:#fff0;border-radius:50%;width:50%;height:40%;margin-top:10%;margin-left:25%;margin-right:25%;overflow:hidden}.award-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.award-image img:hover{transform:scale(1.05)}.award-content{text-align:center;flex-direction:column;justify-content:center;height:50%;padding:clamp(1rem,2vw,1.25rem);display:flex}.award-icon{color:#7c3aed;width:clamp(1.5rem,3vw,2rem);height:clamp(1.5rem,3vw,2rem);margin:0 auto .75rem}.award-content h3{font-size:var(--award-title-size);font-family:var(--font-family);color:var(--dark-color-new);margin-bottom:.5rem;font-weight:700;line-height:1.3}.award-content p{color:var(--dark-color-new);font-size:var(--award-description-size);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.star-container{justify-content:center;margin-top:clamp(1.5rem,3vw,2rem);display:flex}.star-icon{color:#fbbf24;width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem);animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:1200px){.awards-list{justify-content:center}}@media (max-width:768px){:root{--award-base-width:min(320px,85vw)}.awards-panel{padding:clamp(1rem,2vw,1.5rem)}}@media (max-width:480px){:root{--award-base-width:90vw;--container-padding:.75rem}.awards-container{align-items:flex-start;padding-top:2rem}.award-content{padding:1rem}}@media (prefers-reduced-motion:reduce){.award-item{opacity:1;animation:none;transform:none}.award-image img:hover{transform:none}.star-icon{animation:none}}@media (min-height:1000px){.awards-container{padding:clamp(2rem,5vh,4rem)}}