.magic-float-btn{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e2cc0,#9b59b6,#8e44ad);box-shadow:0 4px 20px #6e2cc080,0 0 40px #9b59b64d;animation:magic-btn-pulse 2s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease}.magic-float-btn:hover{transform:scale(1.12);box-shadow:0 6px 30px #6e2cc0b3,0 0 60px #9b59b680}.magic-float-btn svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.magic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140032eb,#000000f7);animation:magic-fade-in .4s ease-out}.magic-circle-container{position:relative;width:340px;height:340px;animation:magic-scale-in .6s cubic-bezier(.34,1.56,.64,1)}@media(min-width:640px){.magic-circle-container{width:450px;height:450px}}.magic-ring-outer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(168,130,255,.5);box-shadow:0 0 20px #a882ff4d,inset 0 0 20px #a882ff26;animation:magic-spin 12s linear infinite}.magic-ring-middle{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;border:1.5px solid rgba(100,200,255,.4);box-shadow:0 0 15px #64c8ff40,inset 0 0 15px #64c8ff1a;animation:magic-spin-reverse 8s linear infinite}.magic-ring-inner{position:absolute;top:65px;right:65px;bottom:65px;left:65px;border-radius:50%;border:1px solid rgba(255,200,100,.4);box-shadow:0 0 12px #ffc86433,inset 0 0 12px #ffc8641a;animation:magic-spin 6s linear infinite}.magic-core{position:absolute;top:110px;right:110px;bottom:110px;left:110px;border-radius:50%;background:radial-gradient(circle,rgba(168,130,255,.35) 0%,rgba(100,200,255,.15) 50%,transparent 70%);animation:magic-core-pulse 2.5s ease-in-out infinite}.magic-symbols{position:absolute;top:0;right:0;bottom:0;left:0;animation:magic-spin-reverse 20s linear infinite}.magic-symbols svg{width:100%;height:100%}.magic-inner-symbols{position:absolute;top:25px;right:25px;bottom:25px;left:25px;animation:magic-spin 15s linear infinite}.magic-inner-symbols svg{width:100%;height:100%}.magic-rune-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;animation:magic-spin 25s linear infinite}.magic-rune-ring svg{width:100%;height:100%}.magic-particles{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none}.magic-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#a882ffe6;box-shadow:0 0 8px #a882ff99}.magic-particle:nth-child(1){top:50%;left:0;animation:magic-particle-float 3s ease-in-out infinite 0s}.magic-particle:nth-child(2){top:15%;left:15%;animation:magic-particle-float 2.5s ease-in-out infinite .3s}.magic-particle:nth-child(3){top:0;left:50%;animation:magic-particle-float 3.2s ease-in-out infinite .6s}.magic-particle:nth-child(4){top:15%;right:15%;animation:magic-particle-float 2.8s ease-in-out infinite .9s}.magic-particle:nth-child(5){top:50%;right:0;animation:magic-particle-float 3s ease-in-out infinite 1.2s}.magic-particle:nth-child(6){bottom:15%;right:15%;animation:magic-particle-float 2.6s ease-in-out infinite 1.5s}.magic-particle:nth-child(7){bottom:0;left:50%;animation:magic-particle-float 3.1s ease-in-out infinite 1.8s}.magic-particle:nth-child(8){bottom:15%;left:15%;animation:magic-particle-float 2.7s ease-in-out infinite 2.1s}.magic-particle:nth-child(9){top:35%;left:5%;animation:magic-particle-float 3.4s ease-in-out infinite .4s;background:#64c8ffcc;box-shadow:0 0 8px #64c8ff99}.magic-particle:nth-child(10){top:5%;left:35%;animation:magic-particle-float 2.9s ease-in-out infinite 1.1s;background:#ffc864cc;box-shadow:0 0 8px #ffc86499}.magic-particle:nth-child(11){top:35%;right:5%;animation:magic-particle-float 3.3s ease-in-out infinite 1.7s;background:#64c8ffcc;box-shadow:0 0 8px #64c8ff99}.magic-particle:nth-child(12){bottom:5%;right:35%;animation:magic-particle-float 2.4s ease-in-out infinite 2.3s;background:#ffc864cc;box-shadow:0 0 8px #ffc86499}.magic-close-btn{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(168,130,255,.4);background:#a882ff1a;color:#c8b4ffe6;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.magic-close-btn:hover{background:#a882ff4d;border-color:#a882ffb3;transform:rotate(90deg)}.magic-circle-completing{animation:magic-complete-flash .8s ease-out forwards}.magic-overlay-closing{animation:magic-fade-out .35s ease-in forwards}.magic-overlay-closing .magic-circle-container{animation:magic-scale-out .35s ease-in forwards}.magic-scroll-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;animation:magic-scroll-appear .8s cubic-bezier(.34,1.56,.64,1)}.magic-scroll{position:relative;width:92%;max-width:520px;max-height:80vh;overflow-y:auto;background:linear-gradient(180deg,#2a1810,#3d2518,#f5e6c8 6%,#f8ecd4 12%,#f2deb8 88%,#f5e6c8 94%,#3d2518,#2a1810);border-radius:8px;padding:48px 32px;box-shadow:0 0 40px #a882ff4d,0 0 80px #6e2cc026,inset 0 0 30px #8b5a2b26;border:2px solid #8b5a2b}.magic-scroll:before,.magic-scroll:after{content:"";position:absolute;left:4%;right:4%;height:10px;background:linear-gradient(90deg,#5c3a1e,#8b5a2b,#a0724e,#8b5a2b,#5c3a1e);border-radius:5px;box-shadow:0 2px 8px #0000004d}.magic-scroll:before{top:14px}.magic-scroll:after{bottom:14px}.magic-scroll-inner{border:1px solid rgba(139,90,43,.3);padding:24px 16px;border-radius:4px;min-height:200px}.magic-scroll-title{font-family:Georgia,Times New Roman,serif;font-size:14px;color:#5c3a1e;text-align:center;margin-bottom:20px;letter-spacing:3px;text-transform:uppercase;opacity:.6}.magic-scroll-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed rgba(139,90,43,.25)}.magic-scroll-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.magic-scroll-label{font-family:Georgia,Times New Roman,serif;font-size:11px;color:#8b5a2b;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.magic-scroll-label:before{content:"◈";font-size:10px;color:#a0724e}.magic-scroll-value{font-family:Georgia,Times New Roman,serif;font-size:17px;color:#2a1810;line-height:1.6;font-weight:700}.magic-scroll-desc{font-family:Georgia,Times New Roman,serif;font-size:14px;color:#5c3a1e;line-height:1.6;margin-top:4px;font-style:italic}.magic-rarity-badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:1px;margin-left:8px;vertical-align:middle}.magic-rarity-SSS{background:linear-gradient(135deg,#ff6b35,gold);color:#2a1810;box-shadow:0 0 12px #ffd70080;animation:magic-rarity-glow 1.5s ease-in-out infinite}.magic-rarity-SR{background:linear-gradient(135deg,#9b59b6,#e74c8b);color:#fff;box-shadow:0 0 8px #9b59b666}.magic-rarity-A{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff}.magic-rarity-B{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff}.magic-rarity-C{background:#7f8c8d;color:#fff}.magic-rarity-F{background:#95a5a6;color:#fff}.magic-typing-cursor{display:inline-block;width:2px;height:1em;background:#5c3a1e;margin-left:2px;vertical-align:text-bottom;animation:magic-cursor-blink .6s step-end infinite}.magic-resummon-btn{display:block;margin:24px auto 0;padding:10px 28px;font-family:Georgia,Times New Roman,serif;font-size:14px;color:#f5e6c8;background:linear-gradient(135deg,#6e2cc0,#8e44ad);border:1px solid rgba(168,130,255,.5);border-radius:6px;cursor:pointer;letter-spacing:1px;transition:all .3s ease;box-shadow:0 2px 12px #6e2cc04d}.magic-resummon-btn:hover{background:linear-gradient(135deg,#7e3cd0,#9e54bd);box-shadow:0 4px 20px #6e2cc080;transform:translateY(-1px)}@keyframes magic-btn-pulse{0%,to{box-shadow:0 4px 20px #6e2cc080,0 0 40px #9b59b64d}50%{box-shadow:0 4px 30px #6e2cc0b3,0 0 60px #9b59b680,0 0 80px #a882ff33}}@keyframes magic-fade-in{0%{opacity:0}to{opacity:1}}@keyframes magic-fade-out{0%{opacity:1}to{opacity:0}}@keyframes magic-scale-in{0%{opacity:0;transform:scale(.3) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes magic-scale-out{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.3) rotate(180deg)}}@keyframes magic-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes magic-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes magic-core-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes magic-particle-float{0%,to{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-12px) scale(1.6)}}@keyframes magic-complete-flash{0%{opacity:1;transform:scale(1);filter:brightness(1)}40%{opacity:1;transform:scale(1.15);filter:brightness(2.5)}to{opacity:0;transform:scale(.1);filter:brightness(3)}}@keyframes magic-scroll-appear{0%{opacity:0;transform:scale(.5) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes magic-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes magic-rarity-glow{0%,to{box-shadow:0 0 12px #ffd70080}50%{box-shadow:0 0 24px #ffd700e6,0 0 40px #ff6b3566}}