.cq-root{color:#fff;font-family:var(--font-body);-webkit-user-select:none;user-select:none;background:#1d1440}.cq-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#4a308ceb,#2b1f4ff0);border:2px solid #c9a8ffb3;border-radius:1.25rem;box-shadow:0 0 0 4px #2b1f4f73,0 12px 30px #14083273,inset 0 1px #ffffff40}.cq-btn{font-family:var(--font-heading);color:#4a2a7a;cursor:pointer;background:linear-gradient(#fff3b0 0%,#f3c862 55%,#e8a94a 100%);border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:1.125rem;font-weight:700;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 5px #b97a2a,0 10px 20px #1e0a3c66}.cq-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.cq-btn:active{transform:translateY(3px);box-shadow:0 2px #b97a2a,0 4px 10px #1e0a3c66}.cq-btn-ghost{color:#fff;background:linear-gradient(#b18cff,#7b5fc9);box-shadow:0 5px #4a3290,0 10px 20px #1e0a3c66}.cq-title{font-family:var(--font-heading);background:linear-gradient(#fff9d6 0%,#ffd56b 45%,#ff9ed6 100%);color:#0000;filter:drop-shadow(0 4px #5b3fa8)drop-shadow(0 10px 18px #1e0a3c99);-webkit-background-clip:text;background-clip:text}.cq-orb{background:radial-gradient(circle,#fff 0%,#fff3a8 35%,#ff9ed6 65%,#b18cff00 72%);box-shadow:0 0 30px 12px #ffe696cc,0 0 60px 30px #ff9ed680}.cq-trail{opacity:0;translate:0 var(--off);background:#fff3a8;animation:.75s ease-in forwards cq-projectile;box-shadow:0 0 12px 4px #ffdc8ce6}.cq-dark-orb{background:radial-gradient(circle,#d9c2ff 0%,#6a3fb0 40%,#2b1050 70%,#14002800 74%);box-shadow:0 0 30px 14px #461e78b3}.cq-ring{opacity:0;border:6px solid #fff3a8e6;animation:.7s ease-out .72s forwards cq-ring;box-shadow:0 0 30px #ffdc8ce6,inset 0 0 30px #ff9ed6cc}.cq-spark{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:12px;height:12px;animation:.9s ease-out .72s forwards cq-burst;top:-6px;left:-6px}.cq-spark-slow{width:16px;height:16px;animation:1.8s ease-out .2s forwards cq-burst}.cq-rays{background:repeating-conic-gradient(#fff3a88c 0 8deg, #fff3a800 8deg 22deg);border-radius:50%;animation:6s linear infinite cq-spin,.6s ease-out cq-fadein;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 70%);mask-image:radial-gradient(circle,#000 20%,#0000 70%)}.cq-shard{clip-path:polygon(50% 0,100% 35%,80% 100%,20% 100%,0 35%);filter:drop-shadow(0 0 8px #ffe696e6);background:linear-gradient(160deg,#fff7c2,#ffc96b 50%,#ff9ed6);animation:2s ease-in-out infinite cq-float}@media (pointer:fine){.cq-touch{display:none}}@keyframes cq-fadein{0%{opacity:0}}@keyframes cq-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1}}@keyframes cq-slideup{0%{opacity:0;transform:translateY(30px)}}@keyframes cq-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(.98,1.02)}}@keyframes cq-breathe{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(-4px)scaleY(1.015)}}@keyframes cq-lunge{0%{transform:translate(0)}30%{transform:translate(-12px)rotate(-3deg)}55%{transform:translate(40px)rotate(4deg)scale(1.05)}to{transform:translate(0)}}@keyframes cq-enemy-lunge{0%,to{transform:translate(0)}45%{transform:translate(-50px)scale(1.08)}}@keyframes cq-hit{0%{filter:brightness(3)saturate(0);transform:translate(0)}20%{transform:translate(18px)rotate(6deg)}40%{filter:brightness(2);transform:translate(-12px)rotate(-4deg)}60%{transform:translate(8px)}to{filter:none;transform:translate(0)}}@keyframes cq-hurt{0%,to{filter:none;transform:translate(0)}20%{filter:hue-rotate(-40deg)brightness(.7);transform:translate(-14px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}}@keyframes cq-projectile{0%{opacity:0;bottom:34%;left:30%;transform:scale(.3)}15%{opacity:1}60%{bottom:42%}to{opacity:1;bottom:30%;left:72%;transform:scale(1.3)}}@keyframes cq-projectile-back{0%{opacity:0;right:30%;transform:scale(.4)}20%{opacity:1}to{opacity:.9;bottom:32%;right:72%;transform:scale(1.4)}}@keyframes cq-flash-dark{0%{opacity:0}25%{opacity:.45}to{opacity:0}}@keyframes cq-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}@keyframes cq-burst{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.2) rotate(180deg)}}@keyframes cq-dmg{0%{opacity:0;transform:translate(-50%,20px)scale(.6)}20%{opacity:1;transform:translate(-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}@keyframes cq-dissolve{0%{opacity:1;filter:brightness()}30%{filter:brightness(2.5)saturate(.3);transform:scale(1.05)rotate(-3deg)}to{opacity:0;filter:brightness(4)blur(8px);transform:scale(.3)translateY(-80px)rotate(20deg)}}@keyframes cq-spin{to{transform:rotate(360deg)}}@keyframes cq-pan{0%{transform:scale(1.08)translate(0)}to{transform:scale(1.15)translate(-2%)}}@keyframes cq-twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes cq-rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-70vh)}}@keyframes cq-confetti{0%{transform:translateY(-10vh)rotate(0)}to{transform:translateY(110vh)rotate(720deg)}}@keyframes cq-crystal-rise{0%{opacity:0;transform:translateY(120px)scale(.3)}60%{opacity:1;transform:translateY(-10px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cq-restore{0%{filter:grayscale()brightness(.45)}to{filter:grayscale(0)brightness()}}@keyframes cq-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes cq-flash{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes cq-banner{0%{opacity:0;transform:translateY(-20px)scale(.9)}12%,80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)}}