.celebrate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#0000009e;backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease}.celebrate.is-open{opacity:1}.celebrate__card{position:relative;width:min(420px,100%);max-height:86vh;overflow-y:auto;text-align:center;padding:1.6rem 1.4rem 1.4rem;border-radius:16px;background:linear-gradient(180deg,#1b1b22,#131318);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px #0000008c;transform:translateY(14px) scale(.96);transition:transform .28s cubic-bezier(.2,.9,.3,1.2)}.celebrate.is-open .celebrate__card{transform:translateY(0) scale(1)}.celebrate__level{margin-bottom:1rem}.celebrate__level-up{font-size:1.5rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#ffd166,#ff7a7a,#b14bff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:celebrate-pulse 1.4s ease-in-out infinite}.celebrate__level-num{color:var(--muted);font-size:.95rem;margin-top:.2rem}.celebrate__level-num b{color:var(--text);font-size:1.05rem}.celebrate__title{font-weight:700;margin-bottom:.9rem;font-size:1.05rem}.celebrate__list{display:flex;flex-direction:column;gap:.55rem}.celebrate__ach{display:flex;align-items:center;gap:.7rem;text-align:left;padding:.6rem .8rem;border-radius:11px;background:#ffffff0a;border:1px solid var(--tier, #cd7f32);box-shadow:0 0 14px -4px var(--tier, #cd7f32);opacity:0;animation:celebrate-slide .45s ease forwards}.celebrate__medal{font-size:1.5rem;filter:drop-shadow(0 0 6px var(--tier))}.celebrate__ach-body{display:flex;flex-direction:column;min-width:0}.celebrate__ach-name{font-weight:700}.celebrate__ach-desc{color:var(--muted);font-size:.8rem}.celebrate__xp{margin-left:auto;font-weight:800;font-size:.82rem;color:var(--tier, #ffd700);white-space:nowrap}.celebrate__xp:after{content:" XP";font-size:.7em;opacity:.8}.celebrate__btn{margin-top:1.2rem;width:100%;padding:.75rem;border:0;border-radius:10px;background:var(--red, #ed1c24);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:filter .15s,transform .05s}.celebrate__btn:hover{filter:brightness(1.08)}.celebrate__btn:active{transform:scale(.98)}.celebrate__confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:16px}.celebrate__confetti i{position:absolute;top:-12px;width:8px;height:12px;opacity:0}.celebrate.is-open .celebrate__confetti i{animation:celebrate-fall 1.5s ease-in forwards}.celebrate__confetti i:nth-child(7n+1){left:8%;background:#ffd166;animation-delay:.05s}.celebrate__confetti i:nth-child(7n+2){left:22%;background:#ef476f;animation-delay:.18s}.celebrate__confetti i:nth-child(7n+3){left:36%;background:#06d6a0;animation-delay:.3s}.celebrate__confetti i:nth-child(7n+4){left:50%;background:#4cc9f0;animation-delay:.1s}.celebrate__confetti i:nth-child(7n+5){left:64%;background:#b14bff;animation-delay:.24s}.celebrate__confetti i:nth-child(7n+6){left:78%;background:#ffd166;animation-delay:.14s}.celebrate__confetti i:nth-child(7n){left:92%;background:#06d6a0;animation-delay:.36s}@keyframes celebrate-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes celebrate-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(120px) rotate(220deg)}}@media(prefers-reduced-motion:reduce){.celebrate,.celebrate__card{transition:opacity .2s ease}.celebrate__card{transform:none}.celebrate__ach{animation:none;opacity:1}.celebrate__level-up,.celebrate__confetti i{animation:none}}.howto-btn{position:fixed;left:14px;bottom:14px;z-index:30;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#141418d9;color:var(--text);font-size:1.1rem;font-weight:800;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s,transform .05s}.howto-btn:hover{background:#282830f2}.howto-btn:active{transform:scale(.94)}.howto{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1.5rem;background:#0000009e;backdrop-filter:blur(3px);opacity:0;transition:opacity .22s ease}.howto.is-open{opacity:1}.howto__card{position:relative;width:min(420px,100%);max-height:86vh;overflow-y:auto;padding:1.6rem 1.5rem 1.4rem;border-radius:16px;background:linear-gradient(180deg,#1b1b22,#131318);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 70px #0000008c;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.2,.9,.3,1.2)}.howto.is-open .howto__card{transform:none}.howto__close{position:absolute;top:.6rem;right:.7rem;width:2rem;height:2rem;border:0;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}.howto__close:hover{color:var(--text)}.howto__title{font-size:1.3rem;margin-bottom:.8rem}.howto__body{font-size:.95rem;line-height:1.5;color:#dcdce2}.howto__body p{margin-bottom:.8rem}.howto__body code{background:#ffffff14;padding:.05rem .35rem;border-radius:5px;font-size:.9em}.howto__legend{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin:.4rem 0 .9rem}.howto__legend li{display:flex;align-items:center;gap:.6rem}.howto__sw{width:1.6rem;height:1.6rem;border-radius:4px;flex:none}.howto__sw--c{background:#6aaa64}.howto__sw--p{background:#c9b458}.howto__sw--a{background:#3a3a3c}html[data-cb] .howto__sw--c{background:#f5793a}html[data-cb] .howto__sw--p{background:#85c0f9}.howto__plain{margin:.2rem 0 .9rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}.howto__got{margin-top:1rem;width:100%;padding:.72rem;border:0;border-radius:10px;background:var(--red);color:#fff;font:inherit;font-weight:700;cursor:pointer}.howto__got:hover{filter:brightness(1.08)}