*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}input:focus-visible,textarea:focus-visible,select:focus-visible,.focus-ring:focus-visible{outline:2px solid rgba(255,194,74,.85)!important;outline-offset:1px}:root{--font-display: "Cinzel", serif;--font-body: "Georgia", serif;--elev-panel: 0 8px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.14);--elev-button: 0 4px 10px rgba(0,0,0,.55), 0 1px 0 rgba(255,255,255,.06), inset 0 2px 3px rgba(255,255,255,.35), inset 0 -4px 7px rgba(0,0,0,.35);--elev-inset: inset 0 2px 6px rgba(0,0,0,.6), inset 0 -1px 0 rgba(255,255,255,.05);--material-panel-bg: linear-gradient(180deg, rgba(30,22,14,.92) 0%, rgba(14,9,6,.94) 100%);--material-panel-border: 2px solid rgba(255,194,74,.45);--material-blur: blur(7px) saturate(140%);--ease-standard: cubic-bezier(.2,.8,.3,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--dur-micro: .1s;--dur-transition: .35s;--dur-celebration: .6s}html,body,#root{width:100%;height:100%;overflow:hidden}*,*:before,*:after{overscroll-behavior:contain}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#070310;color:#e8d5b7;font-family:var(--font-display),Georgia,serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(196,150,10,.3);border-radius:2px}button{all:unset;cursor:pointer}@keyframes uiToastLife{0%{opacity:0;transform:translate(-50%,14px)}10%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@media (prefers-reduced-motion: reduce){[style*=uiToastLife]{animation:none!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){[style*="pulse 1.6s"]{animation:none!important;opacity:.7!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1.2)}60%{opacity:1}to{opacity:0;transform:translateY(-56px) scale(.9)}}@keyframes enemyImpact{0%{transform:scale(1)}25%{transform:scale(.9) translate(-3px)}40%{transform:scale(.9) translate(-3px)}65%{transform:scale(1.08) translate(2px)}to{transform:scale(1)}}@keyframes rowMicroShake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}@keyframes endTurnPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}@keyframes templeAuraIn{0%{opacity:0}to{opacity:1}}@keyframes templeSigilDrift{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(-4px)}}@keyframes phaseBanner{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.85)}}@keyframes cardDeath{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.1) rotate(25deg)}}@keyframes blockPulse{0%,to{box-shadow:0 0 0 2px #e0505066}50%{box-shadow:0 0 0 5px #e05050e6}}@keyframes boonBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}45%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.3)}}@keyframes boonRing{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}@keyframes ascendFlash{0%{box-shadow:0 0 #ffc24a00;filter:brightness(1)}35%{box-shadow:0 0 40px 10px #ffc24ae6;filter:brightness(1.5)}to{box-shadow:0 0 #ffc24a00;filter:brightness(1)}}@keyframes ascendPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1) translateY(-40px)}}@keyframes resultIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes driftUp{0%{opacity:0;transform:translateY(0) translate(0)}10%{opacity:var(--op, .5)}88%{opacity:var(--op, .5)}to{opacity:0;transform:translateY(-180px) translate(var(--dx, 15px))}}@keyframes screenFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes shieldFlashPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes elementBurstPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes boardElectrifyFlash{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes faithOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gameOverIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes gameOverPulse{0%,to{transform:scale(1);filter:none}50%{transform:scale(1.06)}}@keyframes intentPulse{0%,to{box-shadow:0 0 6px #e0505040}50%{box-shadow:0 0 14px #e050508c}}@keyframes aiAnnounce{0%{opacity:0;transform:translateY(8px) scale(.95)}12%{opacity:1;transform:translateY(0) scale(1)}75%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.97)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(60px) scale(.7) rotate(-8deg)}60%{opacity:1;transform:translateY(-6px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes cardLand{0%{opacity:0;transform:scale(.5) translateY(-26px);filter:brightness(2.2)}55%{opacity:1;transform:scale(1.12) translateY(0);filter:brightness(1.6)}to{opacity:1;transform:scale(1) translateY(0);filter:brightness(1)}}@keyframes shakeCard{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}@keyframes mapNodePulse{0%,to{filter:drop-shadow(0 0 6px var(--pulse-color, #C4960A));stroke-opacity:.75}50%{filter:drop-shadow(0 0 20px var(--pulse-color, #C4960A));stroke-opacity:1}}@keyframes potionDrain{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.22)}to{opacity:0;transform:scale(.25) translateY(10px)}}@keyframes potionConfirmIn{0%{opacity:0;transform:translate(-50%,6px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes lootBannerIn{0%{opacity:0;transform:translateY(-16px) scale(.9)}55%{opacity:1;transform:translateY(3px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bossBreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.028) translateY(-5px)}}@keyframes bossRise{0%{opacity:0;transform:translateY(52px) scale(.9);filter:brightness(.15)}55%{opacity:1;filter:brightness(1.35)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes bossIntroFade{0%{opacity:0}10%{opacity:1}82%{opacity:1}to{opacity:0}}.boss-intro-overlay{animation:bossIntroFade 2.2s ease forwards}@keyframes bossIntroTitleIn{0%{opacity:0;transform:translateY(6px) scale(.9);letter-spacing:.6em}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:.4em}}.boss-intro-title{opacity:0;animation:bossIntroTitleIn .8s var(--ease-spring) forwards}@keyframes bossIntroNameIn{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.boss-intro-name{opacity:0;animation:bossIntroNameIn 1s var(--ease-spring) .15s forwards}@keyframes cardCharge{0%{opacity:.95;transform:translate(0) scale(1) rotate(0)}60%{opacity:.9}to{opacity:0;transform:translate(var(--tx, 0px),var(--ty, -320px)) scale(.28) rotate(5deg)}}@keyframes runInfoFade{0%{opacity:1}82%{opacity:1}to{opacity:.35}}@keyframes endTurnReady{0%,to{box-shadow:0 0 16px #ffc24a80,0 6px 16px #000000a6,inset 0 3px 4px #ffffff80,inset 0 -5px 10px #5a320099}50%{box-shadow:0 0 36px #ffd86af2,0 6px 16px #000000a6,inset 0 3px 4px #ffffff80,inset 0 -5px 10px #5a320099}}@keyframes envDrift{0%,to{transform:scale(1.03) translate(0)}50%{transform:scale(1.07) translate(-10px)}}@keyframes delveFogDrift{0%,to{transform:translate(-6%) scale(1);opacity:.45}50%{transform:translate(6%,-6%) scale(1.08);opacity:.8}}@keyframes delveTorchPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,170,60,.7))}50%{transform:scale(1.09);filter:drop-shadow(0 0 22px rgba(255,190,80,.95))}}@keyframes campfireSmoke{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:.55}to{opacity:0;transform:translate(var(--dx, 6px),-26px) scale(1.3)}}@media (prefers-reduced-motion: reduce){[style*=campfireSmoke]{animation:none!important;opacity:0!important}}@keyframes delveDoorPeek{0%,to{box-shadow:0 0 14px 3px #ffc24a80,inset 0 3px 8px #ffffff29,0 6px 16px #000000a6}50%{box-shadow:0 0 30px 10px #ffc24ad9,inset 0 3px 8px #ffffff29,0 6px 16px #000000a6}}@keyframes delveBossSeal{0%,to{box-shadow:0 0 10px 2px #e0302080}50%{box-shadow:0 0 26px 9px #e03020e6}}@keyframes delveHintIn{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes delveSwallow{0%{clip-path:circle(0px at var(--sx, 50%) var(--sy, 50%))}to{clip-path:circle(150vmax at var(--sx, 50%) var(--sy, 50%))}}@keyframes canvasQuake{0%,to{translate:0 0}15%{translate:-8px 5px}30%{translate:7px -5px}45%{translate:-6px -3px}60%{translate:5px 4px}75%{translate:-3px 2px}90%{translate:2px -1px}}@keyframes godFlashFrames{0%{opacity:0}10%{opacity:.45}30%{opacity:.05}52%{opacity:.3}to{opacity:0}}@keyframes godBoltFlash{0%{opacity:0;transform:translateY(-14%) scaleY(.85)}6%{opacity:1;transform:translateY(0) scaleY(1)}34%{opacity:1}46%{opacity:.25}58%{opacity:.85}to{opacity:0;transform:translateY(0) scaleY(1)}}@keyframes godEdgeGlow{0%{opacity:0}12%{opacity:1}70%{opacity:.8}to{opacity:0}}@keyframes godCrackGlow{0%{opacity:0}18%{opacity:1}45%{opacity:.7}62%{opacity:1}to{opacity:0}}@keyframes godFireVignette{0%{opacity:0}20%{opacity:1}75%{opacity:.85}to{opacity:0}}@keyframes godEmberRise{0%{opacity:0;transform:translate(0) scale(1)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx, 0px),-400px) scale(.4)}}@keyframes godRoseWash{0%{opacity:0}25%{opacity:1}70%{opacity:.7}to{opacity:0}}@keyframes godHeartRise{0%{opacity:0;transform:translateY(30px) scale(.6) rotate(-8deg)}15%{opacity:1}to{opacity:0;transform:translateY(-240px) scale(1.25) rotate(8deg)}}@keyframes godShockwave{0%{opacity:.95;transform:translate(-50%,-50%) scale(.15)}to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}@keyframes godDustPuff{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:.85}to{opacity:0;transform:translate(var(--dx, 0px),-34px) scale(1.9)}}@keyframes godSpeedLine{0%{opacity:0;transform:translate(-480px)}12%{opacity:1}85%{opacity:.9;transform:translate(1360px)}to{opacity:0;transform:translate(1500px)}}@keyframes godStoneSweep{0%{opacity:0;transform:translate(-45%)}16%{opacity:1}80%{opacity:.9;transform:translate(38%)}to{opacity:0;transform:translate(52%)}}@keyframes godNameFlare{0%{opacity:0;transform:translate(-50%,16px) scale(.8)}18%{opacity:1;transform:translate(-50%) scale(1.06)}30%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-18px) scale(1.02)}}@keyframes godMiniBolt{0%{opacity:0;transform:translate(-50%,-12px) scaleY(.7)}15%{opacity:1;transform:translate(-50%) scaleY(1)}55%{opacity:.9}to{opacity:0;transform:translate(-50%,6px) scaleY(1)}}@keyframes godOverchargePulse{0%,to{box-shadow:0 -6px 34px -6px #78beff66,inset 0 14px 30px -22px #8cc8ff80}50%{box-shadow:0 -10px 60px -4px #96d2ffd9,inset 0 20px 44px -18px #aadcffe6}}@keyframes godFlameFlicker{0%,to{opacity:.55}25%{opacity:.9}55%{opacity:.4}80%{opacity:.8}}@keyframes godSpellConfirmIn{0%{opacity:0;transform:translateY(-50%) translate(8px) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}@media (prefers-reduced-motion: reduce){@keyframes canvasQuake{0%,to{translate:0 0}}@keyframes godMiniBolt{0%,to{opacity:0}}@keyframes godOverchargePulse{0%,to{box-shadow:0 -6px 34px -6px #78beff80,inset 0 14px 30px -22px #8cc8ff8c}}@keyframes godFlameFlicker{0%,to{opacity:.6}}}@keyframes buffPopIn{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){@keyframes buffPopIn{0%,to{transform:scale(1);opacity:1}}}@keyframes hintPillFade{0%{opacity:0}7%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes journeyKenBurns{0%{transform:translate(-.9%,.7%)}to{transform:translate(0)}}@keyframes journeyTrailDraw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes journeyPinBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes journeyNextPulse{0%,to{box-shadow:0 0 12px 3px #ffc24a73,0 5px 14px #0009,inset 0 3px 6px #ffffff59,inset 0 -4px 8px #0006}50%{box-shadow:0 0 30px 10px #ffd86ad9,0 5px 14px #0009,inset 0 3px 6px #ffffff59,inset 0 -4px 8px #0006}}@media (prefers-reduced-motion: no-preference){.journey-kenburns{animation:journeyKenBurns 16s ease-out both}.journey-trail-draw{animation:journeyTrailDraw .4s ease-out .15s both}}@media (prefers-reduced-motion: reduce){[style*=journeyPinBob],[style*=journeyNextPulse]{animation:none!important}[style*=delveFogDrift]{animation:none!important;opacity:.5!important}[style*=delveBossSeal]{animation:none!important}}@keyframes lsSheetIn{0%{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lsSocketPop{0%{transform:scale(.2);filter:brightness(3)}55%{transform:scale(1.35);filter:brightness(1.8)}to{transform:scale(1);filter:brightness(1)}}@keyframes lsForgeFlash{0%{box-shadow:0 0 #ffc24a00;filter:brightness(1)}30%{box-shadow:0 0 34px 8px #ffc24a8c;filter:brightness(1.45)}to{box-shadow:0 8px 26px #0000008c;filter:brightness(1)}}@keyframes lsNewPulse{0%,to{box-shadow:0 0 4px #ffc24a80}50%{box-shadow:0 0 13px #ffe2a0f2}}@media (prefers-reduced-motion: reduce){.ls-anim{animation:none!important}}@keyframes spoilsBeamIn{0%{opacity:0;transform:scaleY(.1)}to{opacity:1;transform:scaleY(1)}}@keyframes spoilsBeamPulse{0%,to{opacity:.85}50%{opacity:.5}}@keyframes spoilsCardIn{0%{opacity:0;transform:translateY(-18px) scale(1.12)}60%{opacity:1;transform:translateY(2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.spoils-anim{animation:none!important}}@keyframes scrollCueBounce{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}@media (prefers-reduced-motion: reduce){.scroll-cue-anim{animation:none!important}}@keyframes armoryPortraitIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes armoryGleam{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion: reduce){[style*=armoryPortraitIn],[style*=armoryGleam]{animation:none!important}}@keyframes mythicPrismShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mythicShimmerSweep{0%{background-position:-30% -30%}to{background-position:130% 130%}}@media (prefers-reduced-motion: reduce){[style*=mythicPrismShift],[style*=mythicShimmerSweep]{animation:none!important}}@keyframes agoraSectionPulse{0%{box-shadow:0 0 #ffc24a00;background-color:#ffc24a00}15%{box-shadow:0 0 0 4px #ffc24ad9,0 0 30px #ffc24a99;background-color:#ffc24a59}55%{background-color:#ffc24a1f}to{box-shadow:0 0 0 3px #ffc24ae6,0 0 28px #ffc24a8c;background-color:#ffc24a00}}@keyframes agoraRerollSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes agoraTileIn{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion: reduce){[style*=agoraSectionPulse]{animation:none!important;box-shadow:0 0 0 3px #ffc24ae6,0 0 28px #ffc24a8c!important}[style*=agoraRerollSpin],[style*=agoraTileIn]{animation:none!important}}@keyframes uiSheetBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes uiSheetBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes uiSheetModalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes uiSheetModalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes uiSheetSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes uiSheetSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion: reduce){[style*=uiSheetBackdropIn],[style*=uiSheetBackdropOut],[style*=uiSheetModalIn],[style*=uiSheetModalOut],[style*=uiSheetSlideIn],[style*=uiSheetSlideOut]{animation:none!important}}--ease-*/--dur-* above: one recipe per named tier,reached for by `font: var(--type-*)` at call sites,instead of every screen hand-typing its own px/clamp value (confirmed real drift: TowerScreen and TrialsScreen independently hand-copied the exact same gradient-text title treatment "by eye," not by sharing a component/token). Values derived from MainMenu/CardDraftScreen — the two screens whose type hierarchy already reads well. Color,gradient-clip,and letter-spacing stay per-screen (that's mood, not scale); the four
`--type-*-tracking` companions below are the one shared value worth centralizing since letter-spacing on Cinzel display text is a recurring hand-tuned magic number across every file. */ :root { --type-page-title: 900 clamp(20px, 3.4vh, 30px) / 1.1 var(--font-display); --type-page-title-tracking: .05em; --type-section-title: 800 clamp(13px, 2.2vh, 16px) / 1.2 var(--font-display); --type-section-title-tracking: .06em; --type-action: 700 14px / 1 var(--font-display); --type-action-tracking: .04em; --type-metadata: 400 12px / 1.4 var(--font-body); --type-flavor: italic 400 12px / 1.5 var(--font-body); } @keyframes ambEmberRise {0% {opacity: 0; transform: translate(0,0) scale(1);} 15% {opacity: 1;} 85% {opacity: 1;} 100% {opacity: 0; transform: translate(var(--dx, 0px),-120px) scale(.5);}} @keyframes ambDustDrift {0%,100% {opacity: .35; transform: translate(0,0);} 50% {opacity: .75; transform: translate(var(--dx, 14px),-18px);}} @keyframes ambRayPulse {0%,100% {opacity: .18;} 50% {opacity: .36;}} @keyframes ambStarTwinkle {0%,100% {opacity: .25; transform: scale(1);} 50% {opacity: .9; transform: scale(1.3);}} @keyframes ambClothSway {0%,100% {transform: rotate(-1.2deg);} 50% {transform: rotate(1.2deg);}} @media (prefers-reduced-motion: reduce) {[style*="ambEmberRise"],[style*="ambDustDrift"],[style*="ambRayPulse"],[style*="ambStarTwinkle"],[style*="ambClothSway"] {animation: none !important;}} @keyframes armGearEquipPop {0% {transform: scale(.94);} 55% {transform: scale(1.05);} 100% {transform: scale(1);}} @keyframes armSetBonusPulse {0% {box-shadow: 0 0 0 0 rgba(55,200,107,.55);} 70% {box-shadow: 0 0 0 22px rgba(55,200,107,0);} 100% {box-shadow: 0 0 0 0 rgba(55,200,107,0);}} @keyframes armBindShockwave {0% {transform: scale(.3); opacity: .9;} 100% {transform: scale(2.6); opacity: 0;}} @keyframes armGlyphArc {0% {transform: translateY(-46px) scale(.5); opacity: 0;} 40% {opacity: 1;} 70% {transform: translateY(0) scale(1.35); opacity: 1;} 100% {transform: translateY(0) scale(1); opacity: 0;}} @media (prefers-reduced-motion: reduce) {[style*="armGearEquipPop"],[style*="armSetBonusPulse"],[style*="armBindShockwave"],[style*="armGlyphArc"] {animation: none !important;}}){}