.cec-ach-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:1px solid transparent;border-radius:8px;color:var(--dim);cursor:pointer;flex:0 0 auto;transition:color .18s ease,border-color .18s ease,background .18s ease}.cec-ach-btn:hover{color:var(--text);background:color-mix(in oklch,var(--surface) 70%,transparent)}.cec-ach-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cec-ach-btn svg{width:21px;height:21px;display:block;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))}.cec-ach-btn.cec-ach-has svg{color:#8f97ff;animation:cec-ach-notif 3.8s ease-in-out infinite}@keyframes cec-ach-notif{0%{filter:drop-shadow(0 0 5px rgba(110,168,255,.55))}50%{filter:drop-shadow(0 0 13px rgba(160,124,255,.92))}to{filter:drop-shadow(0 0 5px rgba(110,168,255,.55))}}.cec-ach-count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:10.5px;line-height:16px;text-align:center;font-weight:500}.cec-ach-panel{position:fixed;top:64px;right:14px;width:320px;max-width:calc(100vw - 20px);max-height:min(70vh,520px);overflow-y:auto;background:var(--bg-2);border:1px solid var(--border-bright);border-top:2px solid var(--accent);border-radius:12px;box-shadow:0 26px 60px -30px var(--accent),0 16px 40px -24px #000000b3;z-index:140;padding:10px;scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent}.cec-ach-panel[hidden]{display:none}.cec-ach-panel::-webkit-scrollbar{width:10px}.cec-ach-panel::-webkit-scrollbar-track{background:transparent}.cec-ach-panel::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px;border:3px solid transparent;background-clip:padding-box}.cec-ach-panel::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:padding-box}.cec-ach-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.cec-ach-progress{color:var(--faint)}.cec-ach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 4px;padding:2px 4px 6px;justify-items:center}.cec-ach-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:8px 4px;background:none;border:1px solid transparent;border-radius:10px;color:inherit;cursor:pointer;font:inherit}.cec-ach-tile:hover{background:color-mix(in oklch,var(--surface) 60%,transparent)}.cec-ach-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cec-ach-name{font-family:var(--font-display);font-size:12px;line-height:1.2;color:var(--text);text-align:center;max-width:92px}.cec-ach-name.off{color:var(--dim)}.cec-ach-sub{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-top:-2px}.cec-ach-stacks{display:flex;flex-direction:column;padding:2px 2px 4px}.cec-ach-stack{padding:7px 4px}.cec-ach-stack-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 4px 6px}.cec-ach-stack-title{font-family:var(--font-display);font-size:13px;color:var(--text)}.cec-ach-stack-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--faint);flex:0 0 auto}.cec-ach-row{display:flex;flex-wrap:wrap;gap:7px 8px}.cec-ach-cell{width:auto;flex:0 0 auto;padding:3px;gap:0}.cec-ach-cell.future{opacity:.4}.cec-ach-cell.future:hover{opacity:.75}.cec-ach-div{height:0;margin:0;border:0;border-top:1px solid var(--border)}.cec-ach-tip{position:fixed;z-index:145;width:184px;padding:8px 11px;background:var(--surface);border:1px solid var(--border-bright);border-radius:8px;font-family:var(--font-body);font-size:12px;line-height:1.45;color:var(--dim);text-align:left;pointer-events:none;opacity:0;transition:opacity .12s ease}.cec-ach-tip.show{opacity:1}.cec-ach-cell.cec-ach-new{animation:cec-ach-newpulse 1.7s ease-in-out infinite}.cec-ach-cell.cec-ach-new.future{opacity:1}@keyframes cec-ach-newpulse{0%,to{box-shadow:0 0 color-mix(in oklch,var(--accent) 28%,transparent)}50%{box-shadow:0 0 12px 2px color-mix(in oklch,var(--accent) 58%,transparent)}}.cec-ach-jump{position:fixed;z-index:146;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in oklch,var(--bg-2) 88%,transparent);border:1px solid color-mix(in oklch,var(--accent) 55%,transparent);color:var(--accent);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease;animation:cec-ach-bob 1s ease-in-out infinite,cec-ach-jumpglow 1.7s ease-in-out infinite}.cec-ach-jump.show{opacity:1;pointer-events:auto}.cec-ach-jump svg{width:16px;height:16px;display:block}.cec-ach-jump.up svg{transform:rotate(180deg)}@keyframes cec-ach-bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@keyframes cec-ach-jumpglow{0%,to{box-shadow:0 0 4px color-mix(in oklch,var(--accent) 40%,transparent)}50%{box-shadow:0 0 13px color-mix(in oklch,var(--accent) 78%,transparent)}}.cec-ach-badge{position:relative;display:inline-block}.cec-ach-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cec-ach-ico{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);line-height:0;color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in oklch,var(--accent) 60%,transparent))}.cec-ach-ico.locked{color:var(--faint);filter:none}.cec-ach-glitch{animation:cec-ach-glitch-glow 1.1s ease-in-out infinite}@keyframes cec-ach-glitch-glow{0%,to{filter:drop-shadow(0 0 9px rgba(57,255,20,.7))}50%{filter:drop-shadow(0 0 15px rgba(255,43,214,.7))}}.cec-ach-pop{position:fixed;left:50%;top:42%;width:190px;transform:translate(-50%,-50%) scale(.2);opacity:0;z-index:150;text-align:center;pointer-events:none;transition:transform .42s cubic-bezier(.2,.9,.25,1.35),opacity .3s ease}.cec-ach-pop.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.cec-ach-pop-static{transition:opacity .4s ease}.cec-ach-pop-title{margin-top:12px;font-family:var(--font-display);font-size:17px;color:var(--text)}.cec-ach-pop-tier{margin-top:2px;font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.cec-ach-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:148;opacity:0;pointer-events:none;transition:opacity .35s ease}.cec-ach-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:149;pointer-events:none}.cec-ach-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.cec-bsod{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#1244c4;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8vw;font-family:var(--font-mono)}.cec-bsod-in{max-width:640px}.cec-bsod-face{font-size:clamp(48px,12vw,120px);font-weight:500;margin-bottom:24px}.cec-bsod-in p{font-size:clamp(14px,2.4vw,18px);line-height:1.7;margin:0 0 14px}.cec-bsod-sm{opacity:.8;font-size:13px!important}@media(max-width:560px){.cec-ach-panel{width:calc(100vw - 20px);right:10px}.cec-ach-grid{grid-template-columns:repeat(3,1fr)}.cec-ach-pop{width:170px}}@media(prefers-reduced-motion:reduce){.cec-ach-pop{transition:opacity .3s ease}.cec-ach-glitch{animation:none;filter:drop-shadow(0 0 9px rgba(57,255,20,.6))}.cec-ach-btn{transition:none}.cec-ach-btn.cec-ach-has svg{animation:none;color:#8f97ff;filter:drop-shadow(0 0 8px rgba(140,124,255,.85))}.cec-ach-cell.cec-ach-new{animation:none;box-shadow:0 0 10px color-mix(in oklch,var(--accent) 50%,transparent)}.cec-ach-jump{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cec-achievements.css.map */