@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Zhi+Mang+Xing&family=Ma+Shan+Zheng&display=swap";:root{--bg-color:#0a0d14;--glass-bg:#12192bb3;--glass-border:#ffffff1a;--primary:#00f2fe;--primary-glow:#00f2fe66;--secondary:#4facfe;--text-main:#f0f4f8;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--warn:#f59e0b;--gold:#d4af37;--gold-glow:#d4af3766;--ink:#1a1a2e;--jade:#00a86b;--crimson:#dc143c}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 10% 20%,#00a86b14,#0000 40%),radial-gradient(at 90% 80%,#dc143c0f,#0000 40%),radial-gradient(circle,#d4af370d,#0000 50%),radial-gradient(circle at 15%,#4facfe1f,#0000 25%),radial-gradient(circle at 85% 30%,#00f2fe1f,#0000 25%);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23ffffff' stroke-opacity='0.02' stroke-width='1'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 30%,#d4af3766,#0000),radial-gradient(2px 2px at 40% 70%,#00f2fe4d,#0000),radial-gradient(1px 1px at 60% 20%,#ffffff80,#0000),radial-gradient(2px 2px at 80% 60%,#d4af374d,#0000),radial-gradient(1px 1px at 10% 80%,#00a86b66,#0000),radial-gradient(2px 2px at 90% 10%,#dc143c4d,#0000);background-size:200px 200px;animation:20s linear infinite floatParticles;position:fixed;inset:0}@keyframes floatParticles{0%{transform:translateY(0)translate(0)}to{transform:translateY(-100px)translate(50px)}}.app-container{z-index:1;flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.wuxia-border{position:relative}.wuxia-border:before,.wuxia-border:after{content:"❖";color:var(--gold);opacity:.6;font-size:1.2rem;position:absolute}.wuxia-border:before{top:-8px;left:50%;transform:translate(-50%)}.wuxia-border:after{bottom:-8px;left:50%;transform:translate(-50%)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.wuxia-title{background:linear-gradient(135deg, var(--gold) 0%, #fff5d4 50%, var(--gold) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px var(--gold-glow));text-align:center;letter-spacing:8px;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-family:Ma Shan Zheng,Zhi Mang Xing,cursive;font-size:3.5rem;position:relative}.wuxia-title:before,.wuxia-title:after{content:"═══";color:var(--gold);opacity:.5;letter-spacing:0;font-size:1rem;position:absolute;top:50%;transform:translateY(-50%)}.wuxia-title:before{left:-80px}.wuxia-title:after{right:-80px}button.btn-primary{border:1px solid var(--gold);color:#1a1a2e;cursor:pointer;letter-spacing:2px;background:linear-gradient(135deg,#d4af37e6 0%,#b48c28e6 100%);border-radius:6px;padding:.75rem 1.5rem;font-family:Ma Shan Zheng,cursive;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #d4af374d,inset 0 1px #fff3}button.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}button.btn-primary:hover:not(:disabled):before{left:100%}button.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #d4af3780,inset 0 1px #ffffff4d}button.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.btn-secondary{border:1px solid var(--gold);color:var(--gold);cursor:pointer;letter-spacing:2px;background:0 0;border-radius:6px;padding:.75rem 1.5rem;font-family:Ma Shan Zheng,cursive;font-size:1.1rem;font-weight:600;transition:all .3s}button.btn-secondary:hover{background:#d4af371a;box-shadow:0 0 15px #d4af374d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--gold-glow)}70%{box-shadow:0 0 25px 12px #d4af3700}to{box-shadow:0 0 #d4af3700}}.glow-effect{animation:2s infinite pulse-glow}@keyframes swordQi{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.1)}}.sword-qi{animation:3s ease-in-out infinite swordQi}@keyframes inkFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.ink-flow{background-size:200% 200%;animation:8s infinite inkFlow}@keyframes goldShimmer{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.gold-shimmer{animation:2s ease-in-out infinite goldShimmer}.wuxia-divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;margin:1.5rem 0;position:relative}.wuxia-divider:before{content:"✦";color:var(--gold);background:var(--bg-color);padding:0 .5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wuxia-tag{border:1px solid var(--gold);color:var(--gold);letter-spacing:1px;background:#d4af371a;border-radius:2px;padding:2px 10px;font-family:Ma Shan Zheng,cursive;font-size:.8rem;display:inline-block}input.wuxia-input,select.wuxia-select{border:1px solid var(--glass-border);color:var(--text-main);background:#0009;border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}input.wuxia-input:focus,select.wuxia-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 10px #d4af374d}.wuxia-progress{background:#00000080;border:1px solid #ffffff1a;border-radius:4px;height:8px;overflow:hidden}.wuxia-progress-bar{background:linear-gradient(90deg, var(--jade), var(--gold));height:100%;transition:width .3s;position:relative}.wuxia-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes auraPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:.9;transform:translate(-50%)scale(1.1)}}.wuxia-card{transition:all .3s}.wuxia-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 20px #d4af3733}@media screen and (width<=768px){.app-container{padding:1rem}.wuxia-title{letter-spacing:4px;font-size:2rem}.wuxia-title:before,.wuxia-title:after{display:none}.glass-panel{border-radius:8px;padding:1rem}button.btn-primary{letter-spacing:1px;padding:.6rem 1rem;font-size:.95rem}input.wuxia-input,select.wuxia-select{padding:.6rem .8rem;font-size:.9rem}.corner-decoration{display:none}.wuxia-tag{padding:2px 6px;font-size:.7rem}.wuxia-progress{height:6px}.wuxia-card{padding:.8rem!important}body{font-size:14px}details summary{-webkit-tap-highlight-color:transparent;outline:none}details summary::-webkit-details-marker{display:none}details[open] summary:after{content:" ▼";font-size:.7rem}details:not([open]) summary:after{content:" ▶";font-size:.7rem}}@media screen and (width<=480px){.app-container{padding:.8rem}.wuxia-title{font-size:1.6rem}button.btn-primary{padding:.5rem .8rem;font-size:.9rem}.sword-decoration-left,.sword-decoration-right{display:none!important}}.corner-decoration{border:2px solid var(--gold);opacity:.5;width:20px;height:20px;position:absolute}.corner-decoration.top-left{border-bottom:none;border-right:none;top:8px;left:8px}.corner-decoration.top-right{border-bottom:none;border-left:none;top:8px;right:8px}.corner-decoration.bottom-left{border-top:none;border-right:none;bottom:8px;left:8px}.corner-decoration.bottom-right{border-top:none;border-left:none;bottom:8px;right:8px}@keyframes slashDraw{0%{stroke-dasharray:0 600;stroke-dashoffset:0}to{stroke-dasharray:600 0;stroke-dashoffset:-600px}}@keyframes slashFade{0%{opacity:.8}to{opacity:0;transform:translate(50px)}}@keyframes heavyShake{0%,to{transform:translate(0)}10%{transform:translate(-10px)}20%{transform:translate(10px)}30%{transform:translate(-8px)}40%{transform:translate(8px)}50%{transform:translate(-5px)}60%{transform:translate(5px)}}@keyframes burstExpand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes criticalPop{0%{opacity:0;transform:scale(0)rotate(-10deg)}50%{opacity:1;transform:scale(1.5)rotate(5deg)}to{opacity:0;transform:translateY(-30px)}}@keyframes rayShoot{0%{opacity:1;transform:scaleX(0)}to{opacity:0;transform:scaleX(2)}}@keyframes dodgeFade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes dodgeText{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)translateY(-20px)}}@keyframes healPulse{0%{opacity:.8;transform:scale(0)}50%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes healFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes healNumber{0%{opacity:0;transform:translateY(0)scale(0)}50%{opacity:1;transform:translateY(-20px)scale(1.2)}to{opacity:0;transform:translateY(-40px)scale(1)}}@keyframes buffRing{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes buffRise{0%{opacity:0;transform:translateY(50px)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)}}@keyframes debuffPulse{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}@keyframes debuffFall{0%{opacity:0;transform:translateY(-30px)}50%{opacity:1}to{opacity:0;transform:translateY(30px)}}@keyframes reviveGlow{0%{opacity:0;transform:scale(0)}30%{opacity:.8;transform:scale(1)}60%{opacity:.6;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}@keyframes reviveRay{0%{opacity:0;transform:scaleY(0)}50%{opacity:1}to{opacity:0;transform:scaleY(1.5)}}@keyframes reviveText{0%{opacity:0;transform:scale(0)translateY(20px)}30%{opacity:1;transform:scale(1.2)translateY(0)}70%{opacity:1;transform:scale(1)translateY(-10px)}to{opacity:0;transform:scale(.8)translateY(-30px)}}@keyframes inkExpand{0%{r:5;opacity:1}to{r:80;opacity:0}}@keyframes inkSpread{0%{r:10;opacity:.8}to{r:100;opacity:0}}@keyframes inkSplash{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes poisonCloud{0%{opacity:.4;transform:scale(.5)}50%{opacity:.6;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes poisonBubble{0%{opacity:.6;transform:translateY(0)scale(.5)}50%{opacity:.8;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(.5)}}@keyframes poisonText{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)translateY(-20px)}}@keyframes stunStar{0%,to{opacity:.8;transform:rotate(0)scale(1)}50%{opacity:1;transform:rotate(180deg)scale(1.5)}}@keyframes stunText{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)translateY(-10px)}}@keyframes internalText{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1)translateY(-15px)}}@keyframes hitStop{0%{transform:scale(1)}10%{transform:scale(.98)}30%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes characterHit{0%,to{filter:brightness();transform:translate(0)}20%{filter:brightness(1.5)saturate(1.2);transform:translate(-5px)}40%{filter:brightness(1.2);transform:translate(5px)}60%{filter:brightness();transform:translate(-3px)}}@keyframes characterAttack{0%{filter:brightness()drop-shadow(0 0 #0000)}30%{filter:brightness(1.3) drop-shadow(0 0 15px var(--gold))}60%{filter:brightness(1.1) drop-shadow(0 0 8px var(--gold))}to{filter:brightness()drop-shadow(0 0 #0000)}}@keyframes characterDodge{0%{opacity:1;transform:translate(0)}30%{opacity:.5;transform:translate(-10px)}60%{opacity:.3;transform:translate(5px)}to{opacity:1;transform:translate(0)}}@keyframes characterWounded{0%{filter:grayscale(0)brightness()}to{filter:grayscale(.5)brightness(.7)}}@keyframes characterDeath{0%{opacity:1;transform:translateY(0)rotate(0)}50%{opacity:.5;transform:translateY(10px)rotate(-5deg)}to{opacity:0;transform:translateY(20px)rotate(-10deg)}}@keyframes damageFloat{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}50%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-60px)scale(.8)}}@keyframes hpBarChange{0%{transition:width .1s ease-out}50%{filter:brightness(1.5)}to{filter:brightness()}}@keyframes shieldGlow{0%,to{box-shadow:0 0 10px #4facfe4d}50%{box-shadow:0 0 25px #4facfe99}}@keyframes buffIndicator{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes debuffIndicator{0%,to{opacity:.5;transform:rotate(0)}50%{opacity:.8;transform:rotate(5deg)}}input[type=range]{appearance:none;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#4facfe;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 0 8px #4facfe99}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 12px #4facfecc}input[type=range]::-moz-range-track{background:#ffffff1a;border-radius:3px;height:6px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#4facfe;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #4facfe99}input[type=range]:disabled{opacity:.5;cursor:not-allowed}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}.attribute-slider{appearance:none;background:linear-gradient(to right, var(--slider-color,#4facfe) var(--slider-percent,50%), #ffffff1a var(--slider-percent,50%));cursor:pointer;border-radius:3px;outline:none;height:6px}.attribute-slider::-webkit-slider-thumb{appearance:none;background:var(--slider-color,#4facfe);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--slider-color,#4facfe);border-radius:50%;transition:transform .1s}.attribute-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.attribute-slider::-moz-range-thumb{background:var(--slider-color,#4facfe);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--slider-color,#4facfe);border:none;border-radius:50%}.attribute-slider:disabled{opacity:.5;cursor:not-allowed}.attribute-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}