*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#ff4655;--red-dim:#c23;--red-glow:#ff465559;--white:#ece8e1;--off-white:#b0a89f;--dark:#0f0e0e;--dark-2:#1a1a1a;--dark-3:#242424;--accent:#bd3944;--font-display:"Bebas Neue", sans-serif;--font-ui:"Rajdhani", sans-serif;--font-body:"Inter", sans-serif}html,body,#root{width:100%;height:100%}body{background:var(--dark);color:var(--white);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--red-dim);border-radius:2px}.app{justify-content:center;align-items:center;width:100%;min-height:100vh;transition:filter .3s;display:flex;position:relative;overflow:hidden}.app--spike{animation:.12s ease-in-out infinite alternate spikeShake}@keyframes spikeShake{0%{transform:translate(-3px,-1px)rotate(-.3deg)}33%{transform:translate(3px,1px)rotate(.3deg)}66%{transform:translate(-2px,2px)rotate(-.2deg)}to{transform:translate(2px,-2px)rotate(.2deg)}}.bg-panel{opacity:0;z-index:0;will-change:opacity, transform;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .8s;position:absolute;inset:0;transform:scale(1.04)}.bg-panel--active{opacity:1;animation:7s ease-in-out forwards slowZoom}.bg-panel--prev{opacity:0}@keyframes slowZoom{0%{transform:scale(1.04)}to{transform:scale(1)}}.bg-overlay{z-index:1;background:radial-gradient(#0000 30%,#0f0e0ed9 100%),linear-gradient(#0f0e0eb3 0%,#0000 40% 60%,#0f0e0ef2 100%);position:absolute;inset:0}.bg-flash{background:var(--red);opacity:0;z-index:2;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.bg-flash--active{opacity:.06}.grid-overlay{z-index:2;pointer-events:none;background-image:linear-gradient(#ff46550a 1px,#0000 1px),linear-gradient(90deg,#ff46550a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0009 0%,#0000 75%);mask-image:radial-gradient(#0009 0%,#0000 75%)}.scanline{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scanline:after{content:"";background:linear-gradient(90deg,#0000,#ff465540,#0000);height:2px;animation:6s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:-2px}to{top:100%}}.particle{background:var(--red);z-index:2;pointer-events:none;border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:inherit;transform:translateY(0)scale(1)}50%{opacity:.05;transform:translateY(-20px)scale(1.4)}to{opacity:inherit;transform:translateY(0)scale(1)}}.content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:900px;padding:2rem 1.5rem;display:flex;position:relative}.badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ff465514;border:1px solid #ff465566;align-items:center;gap:.6rem;padding:.35rem 1.1rem;transition:background .2s,border-color .2s;animation:3s ease-in-out infinite badgePulse;display:inline-flex}.badge:hover{background:#ff465529;border-color:#ff4655b3}.badge__dot{background:var(--red);width:6px;height:6px;box-shadow:0 0 6px var(--red);border-radius:50%;animation:1.2s ease-in-out infinite dotBlink}.badge__text{font-family:var(--font-ui);letter-spacing:.22em;color:var(--red);font-size:.7rem;font-weight:700}@keyframes badgePulse{0%,to{box-shadow:0 0 #ff465500}50%{box-shadow:0 0 18px #ff465533}}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.2}}.headline{flex-direction:column;align-items:center;gap:.5rem;display:flex}.headline__eyebrow{font-family:var(--font-ui);letter-spacing:.3em;color:var(--off-white);align-items:center;gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.eyebrow-line{background:linear-gradient(to right, transparent, var(--off-white));width:40px;height:1px;display:block}.eyebrow-line:last-child{background:linear-gradient(to left, transparent, var(--off-white))}.headline__title{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;align-items:center;gap:.3rem;font-size:clamp(4rem,12vw,9rem);line-height:.9;transition:opacity .15s;display:flex}.headline__title:active{opacity:.8}.title-word{color:var(--white)}.title-word--red{color:var(--red);text-shadow:0 0 40px #ff465580,0 0 80px #ff465533;animation:3s ease-in-out infinite titleGlow}.title-slash{font-family:var(--font-display);color:var(--red-dim);opacity:.7;letter-spacing:-.05em;font-size:.5em}@keyframes titleGlow{0%,to{text-shadow:0 0 40px #ff465580,0 0 80px #ff465533}50%{text-shadow:0 0 60px #ff4655cc,0 0 120px #ff465559}}.headline__sub{font-family:var(--font-ui);letter-spacing:.2em;color:var(--off-white);align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.tag{color:#ff465599;letter-spacing:.1em;font-size:.65rem}.divider{align-items:center;gap:.75rem;width:100%;max-width:600px;display:flex}.divider__line{background:linear-gradient(90deg,#0000,#ff465580);flex:1;height:1px}.divider:last-of-type .divider__line{background:linear-gradient(270deg,#0000,#ff465580)}.divider__diamond{background:var(--red);width:7px;height:7px;box-shadow:0 0 8px var(--red);flex-shrink:0;transform:rotate(45deg)}.countdown{align-items:center;gap:clamp(.5rem,2vw,1.5rem);display:flex}.colon{font-family:var(--font-display);color:var(--red);opacity:.5;margin-bottom:1.6rem;font-size:clamp(2rem,5vw,4rem);line-height:1;animation:1s step-start infinite colonPulse}@keyframes colonPulse{0%,to{opacity:.5}50%{opacity:.15}}.time-block{flex-direction:column;align-items:center;gap:.5rem;display:flex}.time-block--clickable{cursor:pointer}.time-block__inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:#0f0e0ebf;border:1px solid #ff465540;padding:clamp(.8rem,2vw,1.4rem) clamp(1rem,3vw,2rem);transition:border-color .3s,box-shadow .3s;position:relative}.time-block:hover .time-block__inner,.time-block--flash .time-block__inner{border-color:#ff4655b3;box-shadow:0 0 24px #ff465540,inset 0 0 12px #ff46550d}.time-block__inner:before{content:"";background:var(--red);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.7;width:14px;height:14px;position:absolute;top:-1px;right:-1px}.time-block__sep{background:linear-gradient(to right, transparent, var(--red), transparent);opacity:.5;height:2px;position:absolute;bottom:0;left:20%;right:20%}.time-block__digits{gap:.15rem;display:flex}.digit{font-family:var(--font-display);color:var(--white);text-align:center;min-width:.6em;font-size:clamp(3rem,8vw,6rem);line-height:1;animation:.2s forwards digitReveal;display:block}@keyframes digitReveal{0%{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.time-block--flash .digit{color:var(--red);text-shadow:0 0 20px #ff4655cc;transition:color .15s,text-shadow .15s}.time-block__label{font-family:var(--font-ui);letter-spacing:.25em;color:var(--off-white);font-size:clamp(.6rem,1.2vw,.72rem);font-weight:700}.done-msg{border:1px solid var(--red);background:#ff465514;padding:2rem 4rem}.done-msg__text{font-family:var(--font-display);color:var(--red);letter-spacing:.15em;text-shadow:0 0 40px var(--red);font-size:clamp(2rem,6vw,4.5rem)}.date-stamp{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0e0e99;border:1px solid #ff46552e;flex-direction:column;align-items:center;gap:.25rem;padding:1.4rem 3rem;display:flex;position:relative}.date-stamp__label{font-family:var(--font-ui);letter-spacing:.3em;color:#ff465599;font-size:.65rem;font-weight:700}.date-stamp__value{font-family:var(--font-display);letter-spacing:.2em;color:var(--white);font-size:clamp(1.6rem,4vw,2.6rem)}.date-stamp__sub{font-family:var(--font-ui);letter-spacing:.25em;color:var(--off-white);opacity:.5;font-size:.6rem}.corner{border-color:var(--red);opacity:.7;border-style:solid;width:12px;height:12px;transition:opacity .2s,width .2s,height .2s,box-shadow .2s;position:absolute}.corner--clickable{cursor:pointer;width:16px;height:16px}.corner--clickable:hover{opacity:1;box-shadow:0 0 8px var(--red)}.corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.status-bar{font-family:var(--font-ui);letter-spacing:.2em;color:#ff465573;align-items:center;gap:.75rem;font-size:.65rem;font-weight:600;display:flex}.status-bar__dot{background:#ff465566;border-radius:50%;width:3px;height:3px}.status-bar__tab-hint{cursor:pointer;color:#ff4655b3;text-decoration:none;transition:color .2s}.status-bar__tab-hint:hover{color:var(--red);text-shadow:0 0 8px #ff465580}.ach-counter{font-family:var(--font-ui);letter-spacing:.2em;color:#ffffff2e;align-items:center;gap:.4rem;font-size:.62rem;transition:color .3s;display:flex}.ach-counter:hover{color:#ff465580}.ach-counter__icon{color:#ff465559;font-size:.75rem}.panel-nav{z-index:20;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.panel-dot{cursor:pointer;background:0 0;border:1px solid #ff465580;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.panel-dot--active,.panel-dot:hover{background:var(--red);border-color:var(--red);box-shadow:0 0 8px var(--red)}.screen-tear{z-index:55;pointer-events:none;position:fixed;inset:0;overflow:hidden}.screen-tear__flash{background:radial-gradient(circle,#fff 0%,#ff4655 45%,#0000 70%);border-radius:50%;width:6px;height:6px;animation:.55s ease-out forwards tearFlash;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes tearFlash{0%{opacity:1;width:6px;height:6px}35%{opacity:.88;width:280vmax;height:280vmax}to{opacity:0;width:280vmax;height:280vmax}}.screen-tear__shock{border:5px solid #ff4655f2;border-radius:50%;width:20px;height:20px;animation:.75s cubic-bezier(.15,0,.35,1) forwards shockExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 40px #ff4655b3,inset 0 0 40px #ff465533}.screen-tear__shock--2{border-width:3px;border-color:#ffffffb3;animation-delay:.14s;box-shadow:0 0 25px #ffffff80}@keyframes shockExpand{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}70%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%)scale(22)}}.screen-tear__band{opacity:0;transform-origin:50%;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#ff465580 12%,#ffdcdc 50%,#ff465580 88%,#0000 100%);animation:1.1s ease-out forwards tearBand;position:absolute;left:-15%;right:-15%;box-shadow:0 -1px #fff9,0 1px #fff9,0 0 18px #ff4655e6}@keyframes tearBand{0%{opacity:0;transform:translate(0)scaleX(.04)}7%{opacity:1;transform:translate(0)scaleX(1)}38%{opacity:.85;transform:translateX(var(--hs)) scaleX(1.06)}to{opacity:0;transform:translateX(calc(var(--hs) * 2.8)) scaleX(.2)}}.screen-tear__edge{opacity:0;background:linear-gradient(90deg,#ff46558c 0%,#0000 18% 82%,#ff46558c 100%),linear-gradient(#ff465559 0%,#0000 18% 82%,#ff465559 100%);animation:1.4s ease-out .45s forwards edgeFlood;position:absolute;inset:0}@keyframes edgeFlood{0%{opacity:0}18%{opacity:1}to{opacity:0}}.spike-overlay{z-index:50;pointer-events:none;background:#b4141e1f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spike-overlay__ring{pointer-events:none;border:3px solid #ff465599;animation:.7s ease-in-out infinite alternate spikeRing;position:absolute;inset:0}.spike-overlay__ring--2{border-color:#ff465540;animation-delay:.35s;inset:12px}@keyframes spikeRing{0%{border-color:#ff465599;box-shadow:inset 0 0 60px #ff46551a}to{border-color:#ff465526;box-shadow:inset 0 0 120px #ff465540}}.spike-overlay__content{flex-direction:column;align-items:center;gap:.75rem;animation:.3s ease-out forwards spikeContentIn;display:flex}@keyframes spikeContentIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.spike-overlay__label{font-family:var(--font-ui);letter-spacing:.4em;color:#ff4655cc;font-size:.75rem;font-weight:700;animation:.5s step-start infinite blinkFast}@keyframes blinkFast{0%,to{opacity:1}50%{opacity:0}}.spike-overlay__title{font-family:var(--font-display);color:var(--red);letter-spacing:.08em;text-shadow:0 0 60px #ff4655e6,0 0 120px #ff465580;font-size:clamp(3rem,10vw,7rem);line-height:1;animation:.7s ease-in-out infinite alternate spikePulse}@keyframes spikePulse{0%{text-shadow:0 0 60px #ff4655e6,0 0 120px #ff465580}to{text-shadow:0 0 100px #ff4655,0 0 200px #ff4655b3}}.spike-overlay__timer{font-family:var(--font-ui);letter-spacing:.3em;color:var(--white);align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;display:flex}.spike-overlay__count{color:var(--red);font-family:var(--font-display);font-size:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards countPop;display:inline-block}@keyframes countPop{0%{opacity:0;filter:blur(4px);transform:scale(2.2)translateY(-6px)}60%{opacity:1;filter:blur();transform:scale(.9)translateY(2px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.spike-overlay__sub{font-family:var(--font-ui);letter-spacing:.3em;color:#ff465599;font-size:.7rem}.ace-overlay{z-index:52;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.1s ease-out forwards aceIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes aceIn{0%{opacity:0}to{opacity:1}}.ace-overlay--out{animation:.8s ease-in forwards aceOut!important}@keyframes aceOut{0%{opacity:1;filter:brightness()}55%{opacity:1;filter:brightness(.15)}to{opacity:0;filter:brightness(0)}}.ace-overlay__bg{background:radial-gradient(#3d2700 0%,#1e1200 40%,#0a0800 80%,#050400 100%);position:absolute;inset:0}.ace-overlay__flash{z-index:1;background:#fff8e8;animation:.35s ease-out forwards aceFlash;position:absolute;inset:0}@keyframes aceFlash{0%{opacity:1}to{opacity:0}}.ace-kills{z-index:2;align-items:center;gap:1.2rem;display:flex;position:relative}.ace-kill-mark{background:#f5a623;width:14px;height:14px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards killPop;transform:rotate(45deg)scale(0);box-shadow:0 0 12px #f5a623cc}@keyframes killPop{0%{opacity:0;transform:rotate(45deg)scale(0)}to{opacity:1;transform:rotate(45deg)scale(1)}}.ace-overlay__content{z-index:2;flex-direction:column;align-items:center;gap:.7rem;display:flex;position:relative}.ace-word{gap:1rem;display:flex}.ace-letter{font-family:var(--font-display);color:#f5a623;text-shadow:0 0 40px #f5a623e6,0 0 100px #f5a62380,0 0 200px #c878004d;opacity:0;font-size:clamp(5rem,18vw,13rem);line-height:1;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards letterDrop;display:inline-block;transform:translateY(-80px)scale(.5)}@keyframes letterDrop{0%{opacity:0;filter:blur(8px);transform:translateY(-80px)scale(.5)}60%{opacity:1;filter:blur();transform:translateY(10px)scale(1.06)}to{opacity:1;transform:translateY(0)scale(1)}}.ace-letter:not([style*=animationDelay]),.ace-letter{animation-fill-mode:forwards}.ace-sub{font-family:var(--font-ui);letter-spacing:.35em;color:#f5a623a6;opacity:0;font-size:.8rem;font-weight:700;animation:.5s ease-out .85s forwards aceFadeUp}.ace-line{opacity:0;background:linear-gradient(90deg,#0000,#f5a62380,#0000);width:180px;height:1px;animation:.5s ease-out .95s forwards aceFadeUp}.ace-credit{font-family:var(--font-display);letter-spacing:.6em;color:#f5a62366;opacity:0;margin-left:.6em;font-size:1.6rem;animation:.5s ease-out 1.05s forwards aceFadeUp}@keyframes aceFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.det-overlay{z-index:52;justify-content:center;align-items:center;animation:.12s ease-out forwards detIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes detIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.det-overlay--out{animation:.8s ease-in forwards detOut!important}@keyframes detOut{0%{opacity:1;filter:brightness()}60%{opacity:1;filter:brightness(.2)}to{opacity:0;filter:brightness(0)}}.det-overlay__bg{background:radial-gradient(#8b0000 0%,#5c0000 35%,#1a0000 70%,#0a0000 100%);position:absolute;inset:0}.det-overlay__flash{z-index:1;background:#fff;animation:.4s ease-out forwards detFlash;position:absolute;inset:0}@keyframes detFlash{0%{opacity:1}to{opacity:0}}.det-overlay__content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:.6rem;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both detContent;display:flex;position:relative}@keyframes detContent{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.det-overlay__eyebrow{font-family:var(--font-ui);letter-spacing:.4em;color:#ff9696bf;font-size:.8rem;font-weight:700;animation:.4s step-start infinite detBlink}@keyframes detBlink{0%,to{opacity:1}50%{opacity:0}}.det-overlay__title{font-family:var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:0 0 60px #ff5050,0 0 120px #ff1e1ecc,0 0 240px #c8000080;font-size:clamp(4.5rem,16vw,12rem);line-height:.9;animation:.45s ease-in-out infinite alternate detTitlePulse}@keyframes detTitlePulse{0%{text-shadow:0 0 60px #ff5050,0 0 120px #ff1e1ecc,0 0 240px #c8000080;letter-spacing:.04em}to{text-shadow:0 0 100px #ff7878,0 0 200px #ff3c3ce6,0 0 400px #dc000099;letter-spacing:.06em}}.det-overlay__sub{font-family:var(--font-ui);letter-spacing:.3em;color:#ffc8c8b3;font-size:.85rem;font-weight:600}.det-overlay__line{background:linear-gradient(90deg,#0000,#ff646499,#0000);width:160px;height:1px;margin:.3rem 0}.det-overlay__credits{font-family:var(--font-display);letter-spacing:.5em;color:#ff646480;margin-left:.5em;font-size:2rem}.det-shard{z-index:3;background:radial-gradient(circle,#fff 0%,#ff4655 60%);border-radius:50%;width:3px;height:3px;animation:1.2s ease-out forwards shardFly;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ff4655}@keyframes shardFly{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);opacity:1}70%{opacity:.8}to{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--dist)) scale(0);opacity:0}}.ach-toast-stack{z-index:60;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;left:2rem}.ach-toast{border:1px solid #ffffff14;border-left:3px solid var(--ach-color,var(--red));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#0f0e0ef2;width:320px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:relative;overflow:hidden}.ach-toast--in{opacity:1;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards toastIn;transform:translate(0)}.ach-toast--out{opacity:0;transition:transform .5s,opacity .5s;transform:translate(-120%)}@keyframes toastIn{0%{opacity:0;transform:translate(-120%)}to{opacity:1;transform:translate(0)}}.ach-toast__accent{background:linear-gradient(to right, var(--ach-color,var(--red)), transparent);height:2px;position:absolute;top:0;left:0;right:0}.ach-toast__body{align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.ach-toast__icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem;line-height:1}.ach-toast__text{flex:1;min-width:0}.ach-toast__label{font-family:var(--font-ui);letter-spacing:.2em;color:var(--ach-color,var(--red));margin-bottom:.15rem;font-size:.58rem;font-weight:700}.ach-toast__title{font-family:var(--font-display);letter-spacing:.08em;color:var(--white);font-size:1.1rem;line-height:1.1}.ach-toast__desc{font-family:var(--font-body);color:var(--off-white);opacity:.8;margin-top:.2rem;font-size:.68rem;line-height:1.4}.ach-toast__rarity{font-family:var(--font-ui);letter-spacing:.15em;writing-mode:vertical-rl;opacity:.8;flex-shrink:0;align-self:center;font-size:.55rem;font-weight:700}.ach-toast__progress-bar{background:var(--ach-color,var(--red));opacity:.4;transform-origin:0;height:2px;animation:4s linear forwards toastDrain}@keyframes toastDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.ach-panel{z-index:80;justify-content:center;align-items:center;animation:.25s forwards panelFadeIn;display:flex;position:fixed;inset:0}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}.ach-panel__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#080808d9;position:absolute;inset:0}.ach-panel__inner{z-index:1;background:#0f0e0ef7;border:1px solid #ff46554d;flex-direction:column;width:min(720px,94vw);max-height:88vh;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards panelSlideIn;display:flex;position:relative;overflow:hidden}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.ach-panel__header{border-bottom:1px solid #ff465526;flex-direction:column;flex-shrink:0;align-items:center;gap:.35rem;padding:2rem 2.5rem 1.5rem;display:flex;position:relative}.ach-panel__eyebrow{font-family:var(--font-ui);letter-spacing:.3em;color:#ff465580;font-size:.65rem}.ach-panel__title{font-family:var(--font-display);letter-spacing:.1em;color:var(--white);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.ach-panel__subtitle{font-family:var(--font-ui);letter-spacing:.25em;color:var(--off-white);opacity:.6;font-size:.7rem}.ach-panel__overall{flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;display:flex}.ach-panel__overall-bar{background:#ffffff14;border-radius:2px;width:100%;max-width:400px;height:3px;overflow:hidden}.ach-panel__overall-fill{background:linear-gradient(to right, var(--red-dim), var(--red));height:100%;box-shadow:0 0 8px var(--red);border-radius:2px;transition:width .6s}.ach-panel__overall-label{font-family:var(--font-ui);letter-spacing:.2em;color:#ff465599;font-size:.62rem}.ach-panel__close{font-family:var(--font-ui);letter-spacing:.2em;color:var(--off-white);cursor:pointer;opacity:.6;background:0 0;border:1px solid #ffffff1f;padding:.35rem .75rem;font-size:.62rem;font-weight:700;transition:all .2s;position:absolute;top:1.25rem;right:1.5rem}.ach-panel__close:hover{opacity:1;border-color:var(--red);color:var(--red)}.ach-panel__list{scrollbar-width:thin;scrollbar-color:var(--red-dim) transparent;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;padding:1.25rem 1.5rem;display:grid;overflow-y:auto}.ach-item{background:#ffffff05;border:1px solid #ffffff0d;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.ach-item:before{content:"";background:var(--ach-color,transparent);opacity:0;width:2px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.ach-item--earned:before{opacity:1}.ach-item--earned{background:#ffffff0a;border-color:#ffffff1a}.ach-item--earned:hover{background:#ffffff12;border-color:#ffffff2e}.ach-item__icon-wrap{background:#ffffff0a;border:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.ach-item--earned .ach-item__icon-wrap{background:rgba(var(--ach-color,255,70,85),.08);border-color:var(--ach-color,#ff46554d)}.ach-item__icon{line-height:1}.ach-item__info{flex:1;min-width:0}.ach-item__title{font-family:var(--font-ui);letter-spacing:.1em;color:var(--white);opacity:.5;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.ach-item--earned .ach-item__title{opacity:1}.ach-item__desc{font-family:var(--font-body);color:var(--off-white);opacity:.4;margin-top:.2rem;font-size:.62rem;line-height:1.4}.ach-item--earned .ach-item__desc{opacity:.75}.ach-item__bar-wrap{align-items:center;gap:.5rem;margin-top:.4rem;display:flex}.ach-item__bar{background:#ffffff14;border-radius:1px;flex:1;height:2px;overflow:hidden}.ach-item__bar-fill{border-radius:1px;height:100%;transition:width .5s}.ach-item__bar-label{font-family:var(--font-ui);color:var(--off-white);opacity:.5;white-space:nowrap;flex-shrink:0;font-size:.58rem}.ach-item__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;display:flex}.ach-item__rarity{font-family:var(--font-ui);letter-spacing:.15em;font-size:.52rem;font-weight:700}.ach-item__check{color:var(--ach-color,var(--red));font-size:.75rem}.ach-panel__footer{font-family:var(--font-ui);letter-spacing:.2em;color:#ffffff26;text-align:center;border-top:1px solid #ffffff0d;flex-shrink:0;padding:.75rem;font-size:.58rem}@media (width<=600px){.countdown{gap:.4rem}.colon{margin-bottom:1.4rem;font-size:1.8rem}.date-stamp{padding:1.2rem 1.8rem}.headline__title{letter-spacing:.02em}.ach-toast{width:calc(100vw - 3rem)}.ach-panel__list{grid-template-columns:1fr}}