.unlock-toast{z-index:49;color:#234b3b;background:#fffdf4;border:1px solid #bfd2be;border-radius:20px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:18px;animation:.45s ease-out unlock-arrive;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 45px #123a292b}.unlock-toast p{margin:0 0 8px;font-weight:700}.unlock-close{color:#294d3d;cursor:pointer;background:#ffffffb3;border:1px solid #dce1d3;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.unlock-close:hover{background:#e8efdf}.unlock-dialog[data-slot=dialog-content]{color:#234b3b;background:#fffdf4;border-radius:24px;width:min(850px,100vw - 24px);max-width:850px;max-height:88dvh;padding:30px;overflow:auto}.unlock-dialog>.unlock-close{position:absolute;top:16px;right:16px}.unlock-dialog header{text-align:center;padding:8px 34px 12px}.unlock-dialog header h2{margin:8px 0;font-family:Georgia,serif;font-size:32px}.unlock-eyebrow{letter-spacing:2px;margin:8px 0;font-size:12px;font-weight:800}.unlock-rewards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.unlock-rewards article{text-align:center;background:#f6f3e8;border:1px solid #e0e4d7;border-radius:18px;flex-direction:column;align-items:stretch;padding:12px;display:flex}.unlock-rewards img{aspect-ratio:1;object-fit:contain;border-radius:12px;width:100%;height:auto}.unlock-rewards small{color:#64755f;margin-top:10px}.unlock-rewards h3{flex:1;margin:6px 0 12px;font-size:16px}.unlock-rewards .btn{justify-content:center;min-height:44px}.legendary{background:linear-gradient(140deg,#fff9dc,#fffdf5 55%,#edf4eb)!important;border-color:#c9a653!important}.is-legendary{border-color:#d8bd70!important}.unlock-students{align-items:center;gap:12px;margin-bottom:16px;display:flex}.unlock-students select{background:#fff;border:1px solid #b5c6b4;border-radius:10px;padding:10px}.unlock-dialog button:focus-visible,.unlock-toast button:focus-visible{outline-offset:3px;outline:3px solid #236b50}@keyframes unlock-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=560px){.unlock-toast{gap:8px;padding:12px;bottom:12px;right:12px}.unlock-rewards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unlock-dialog[data-slot=dialog-content]{padding:18px}.unlock-dialog header{padding:25px 8px 12px}.unlock-dialog header h2{font-size:27px}.unlock-rewards article{padding:9px}.unlock-rewards .btn{padding:8px;font-size:12px}.unlock-rewards h3{font-size:14px}}@media (prefers-reduced-motion:reduce){.unlock-toast{animation:none}}.unlock-dialog header{background:0 0;border:0;min-height:0;margin:0;display:block}.unlock-dialog header>svg{color:#b18a32;margin:0 auto}.unlock-dialog header [data-slot=dialog-description]{max-width:540px;margin:0 auto;line-height:1.6}.unlock-dialog[data-slot=dialog-content]{display:block}.unlock-dialog header{height:auto;max-height:none}.unlock-rewards{margin-top:20px}.unlock-peek{align-items:center;gap:6px;margin:8px 0 12px;display:flex}.unlock-peek img{object-fit:contain;background:#f5f1e5;border-radius:10px;width:52px;height:52px}.unlock-peek span{max-width:100px;font-size:12px;line-height:1.4}.unlock-actions{flex-wrap:wrap;gap:8px;display:flex}.unlock-toast>svg,.unlock-toast>.unlock-close{align-self:flex-start}.unlock-toast .btn{min-height:44px}.unlock-toast{max-width:min(440px,100vw - 24px)}@media (width<=440px){.unlock-toast>svg{display:none}.unlock-peek img{width:44px;height:44px}.unlock-toast .btn{padding:8px 10px;font-size:13px}}
