.crl-click-style-0{border:2px solid rgba(255,215,0,.8);background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 60%)}.crl-click-style-1{border:2px solid rgba(168,85,247,.8);background:radial-gradient(circle,rgba(168,85,247,.4) 0%,transparent 60%)}.crl-click-style-2{border:2px solid rgba(6,182,212,.8);background:radial-gradient(circle,rgba(6,182,212,.4) 0%,transparent 60%)}.crl-particle-style-0{color:gold;text-shadow:0 0 5px #FFD700}.crl-particle-style-1{color:#a855f7;text-shadow:0 0 5px #A855F7}.crl-particle-style-2{color:#06b6d4;text-shadow:0 0 5px #06B6D4}:root{--crl-gold: #ffd700;--crl-gold-dark: #b8860b;--crl-magic: #8a2be2;--crl-bg: #1a1a24;--crl-text: #fffaf0;--crl-font: "Georgia", serif}.crl-clickable{position:relative;overflow:hidden}.crl-click-ripple{position:fixed;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:crl-ripple .6s linear;background:radial-gradient(circle,#ffd700cc,#8a2be200 70%);pointer-events:none;z-index:999999;width:150px;height:150px}@keyframes crl-ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.crl-floating-particle{position:fixed;pointer-events:none;z-index:999999;font-size:1.2rem;transform:translate(-50%,-50%);animation:crl-particle-fly .8s cubic-bezier(.25,1,.5,1) forwards}@keyframes crl-particle-fly{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.5);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + calc(var(--ty) + 40px))) scale(0);opacity:0}}.crl-counter-container{position:fixed;bottom:20px;right:20px;background:linear-gradient(145deg,#2c2c38,#1a1a24);border:2px solid var(--crl-gold-dark);border-radius:12px;padding:10px 20px;box-shadow:0 4px 15px #00000080,0 0 10px #ffd70033;display:flex;flex-direction:column;align-items:center;font-family:var(--crl-font);color:var(--crl-text);z-index:9999;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.crl-counter-container.crl-bump{transform:scale(1.1)}.crl-counter-header{display:flex;align-items:center;gap:10px;margin-bottom:5px;width:100%;border-bottom:1px solid rgba(255,215,0,.2);padding-bottom:5px}.crl-level-badge{background:var(--crl-gold-dark);color:#000;font-weight:700;padding:2px 6px;border-radius:4px;font-size:.75rem;text-shadow:none}.crl-counter-title{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--crl-gold);text-shadow:0 0 5px rgba(255,215,0,.5);flex-grow:1;text-align:right}.crl-counter-numbers{display:flex;font-size:2rem;font-weight:700;gap:2px;overflow:hidden;height:2.2rem;line-height:2.2rem;margin-bottom:8px}.crl-mana-wrapper{display:flex;align-items:center;width:100%;gap:10px;background:#0000004d;padding:5px;border-radius:6px;border:1px solid #444}.crl-mana-label{font-size:.6rem;color:#888;letter-spacing:1px}.crl-mana-bar{display:flex;gap:4px;flex-wrap:wrap;flex-grow:1}.crl-mana-point{width:12px;height:12px;border-radius:50%;background:#333;border:1px solid #111;transition:all .3s ease}.crl-mana-point.crl-mana-active{background:radial-gradient(circle,#4df,#06d);border-color:#4df;box-shadow:0 0 8px #4df,inset 0 0 4px #fff}.crl-digit-wrapper{position:relative;height:100%}.crl-digit-column{display:flex;flex-direction:column;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.crl-digit{height:2.2rem;display:flex;justify-content:center;align-items:center}.crl-banner{position:absolute;top:-50px;left:50%;transform:translate(-50%) scale(0);background:radial-gradient(circle,var(--crl-gold) 0%,var(--crl-gold-dark) 100%);color:#000;padding:5px 15px;border-radius:20px;font-weight:700;white-space:nowrap;box-shadow:0 0 20px var(--crl-gold);opacity:0;transition:all .3s ease;pointer-events:none}.crl-banner.crl-show{transform:translate(-50%) scale(1);opacity:1;animation:crl-banner-pulse 1s infinite alternate}@keyframes crl-banner-pulse{0%{box-shadow:0 0 10px var(--crl-gold)}to{box-shadow:0 0 30px #fff,0 0 20px var(--crl-gold)}}.crl-levelup-overlay{position:fixed;inset:0;pointer-events:none;display:flex;justify-content:center;align-items:center;z-index:10000;background:radial-gradient(circle,#8a2be24d,#0000 70%);opacity:0;transition:opacity .5s ease}.crl-levelup-overlay.crl-active{opacity:1}.crl-levelup-sprite{width:200px;height:200px;background:var(--crl-gold);border-radius:50%;box-shadow:0 0 50px var(--crl-gold),inset 0 0 20px #fff;display:flex;justify-content:center;align-items:center;color:#000;font-size:2rem;font-weight:700;font-family:var(--crl-font);transform:scale(0);animation:crl-levelup-pop 2s cubic-bezier(.175,.885,.32,1.275) forwards}.crl-levelup-text{position:absolute;bottom:-60px;color:var(--crl-gold);font-size:3rem;font-family:var(--crl-font);text-shadow:0 0 10px var(--crl-magic),0 0 20px var(--crl-gold-dark);white-space:nowrap;opacity:0;transform:translateY(20px);animation:crl-levelup-text-anim 2s ease forwards .5s}@keyframes crl-levelup-pop{0%{transform:scale(0) rotate(-180deg);opacity:0}20%{transform:scale(1.2) rotate(10deg);opacity:1}40%{transform:scale(.9) rotate(-10deg)}60%{transform:scale(1.05) rotate(5deg)}80%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes crl-levelup-text-anim{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(1.2)}}@keyframes crl-shower{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}