:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a1a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#fff}#root{width:100%;height:100%}.page-bg{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a2e,#0d0d1a)}.card{width:350px;height:490px;border-radius:12px;padding:6px;flex-shrink:0;position:relative;background:linear-gradient(160deg,#e8d44d,#d4a017);box-shadow:0 0 40px #f5d44226,0 16px 48px #0009}.card:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(var(--holo-angle, 135deg),rgba(255,0,128,.5),rgba(255,200,0,.45),rgba(0,255,128,.5),rgba(0,180,255,.55),rgba(180,0,255,.5),rgba(255,0,128,.5));animation:holo-rotate 3s linear infinite;pointer-events:none;z-index:3;mix-blend-mode:screen}@keyframes holo-rotate{0%{--holo-angle: 0deg}to{--holo-angle: 360deg}}@property --holo-angle{syntax: "<angle>"; inherits: false; initial-value: 135deg;}.card-inner{width:100%;height:100%;border-radius:7px;background:linear-gradient(180deg,#4a9ec9,#3a82ad 6%,#e2ecf2 6% 100%);display:flex;flex-direction:column;padding:6px 10px 8px;position:relative;overflow:hidden;box-sizing:border-box;z-index:2}.card-top-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 0 4px;position:relative;overflow:hidden;border-radius:4px}.card-top-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--holo-header, 90deg),transparent 0%,rgba(140,80,255,.3) 30%,rgba(80,200,255,.35) 50%,rgba(200,80,255,.3) 70%,transparent 100%);animation:holo-header-sweep 3s ease-in-out infinite;pointer-events:none}@keyframes holo-header-sweep{0%{--holo-header: -30deg}50%{--holo-header: 210deg}to{--holo-header: 330deg}}@property --holo-header{syntax: "<angle>"; inherits: false; initial-value: 90deg;}.card-name-group{display:flex;align-items:baseline;gap:6px}.stage-badge{font-size:7px;font-weight:700;color:#ffffffb3;text-transform:uppercase;letter-spacing:.6px}.card-name{font-family:Georgia,serif;font-size:17px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card-hp{display:flex;align-items:baseline;gap:2px}.hp-number{font-family:Georgia,serif;font-size:16px;font-weight:700;color:#e02020}.hp-label{font-family:Georgia,serif;font-size:9px;font-weight:700;color:#e02020}.type-icon{font-size:12px;margin-left:2px}.art-window{width:100%;height:180px;border:2px solid rgba(180,155,60,.5);border-radius:3px;background:linear-gradient(180deg,#b5ddf0,#7ec4e2,#5aafcf);overflow:hidden;box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d;position:relative}.art-window:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--holo-art-angle, 45deg),transparent 0%,rgba(255,100,200,.12) 20%,rgba(100,255,200,.12) 40%,transparent 50%,rgba(100,200,255,.15) 65%,rgba(255,200,100,.12) 80%,transparent 100%);animation:holo-art-sweep 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes holo-art-sweep{0%{--holo-art-angle: -45deg;opacity:.4}50%{--holo-art-angle: 200deg;opacity:.8}to{--holo-art-angle: 315deg;opacity:.4}}@property --holo-art-angle{syntax: "<angle>"; inherits: false; initial-value: 45deg;}.dex-info{font-size:7px;color:#555;text-align:center;margin:3px 0;font-style:italic;letter-spacing:.2px}.attacks{background:#f5f2e6b3;border:1px solid rgba(0,0,0,.08);border-radius:3px;padding:4px 8px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:0;position:relative;overflow:hidden}.attacks:before{content:"";position:absolute;inset:-80%;background:conic-gradient(from var(--holo-attacks, 0deg) at 50% 50%,transparent,rgba(255,180,50,.25),rgba(255,100,150,.2),transparent,rgba(255,220,80,.25),rgba(255,120,80,.2),transparent);animation:holo-attacks-spin 4s linear infinite;pointer-events:none;z-index:0}@keyframes holo-attacks-spin{0%{--holo-attacks: 0deg}to{--holo-attacks: 360deg}}@property --holo-attacks{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.attack-row{display:flex;align-items:center;gap:8px;padding:4px 0;transition:background .15s,transform .1s;position:relative;z-index:1}.attack-clickable{cursor:pointer;border-radius:3px;padding:4px;margin:0 -4px}.attack-clickable:hover{background:#4a9ec91a}.attack-clickable:active{transform:scale(.98)}.attack-active{background:#4a9ec933}.attack-divider{height:1px;background:#0000001a;position:relative;z-index:1}.energy-cost{display:flex;gap:1px;min-width:44px;justify-content:center}.energy-icon{font-size:13px;line-height:1}.attack-info{flex:1}.attack-name{font-family:Georgia,serif;font-size:12px;font-weight:700;color:#1a1a1a}.attack-desc{font-size:7.5px;color:#666;margin:1px 0 0;line-height:1.3}.attack-damage{font-family:Georgia,serif;font-size:20px;font-weight:700;color:#1a1a1a;min-width:28px;text-align:right}.stats-bar{display:flex;justify-content:space-around;border-top:1px solid rgba(0,0,0,.1);padding:5px 0 3px;margin-top:3px;position:relative;overflow:hidden;border-radius:3px}.stats-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--holo-stats, 90deg),transparent 0%,rgba(200,220,255,.35) 40%,rgba(255,255,255,.5) 50%,rgba(200,220,255,.35) 60%,transparent 100%);animation:holo-stats-slide 2s ease-in-out infinite;pointer-events:none}@keyframes holo-stats-slide{0%{--holo-stats: -30deg}50%{--holo-stats: 210deg}to{--holo-stats: 330deg}}@property --holo-stats{syntax: "<angle>"; inherits: false; initial-value: 90deg;}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:6px;text-transform:uppercase;color:#888;letter-spacing:.5px;font-weight:600}.stat-value{font-size:10px;font-weight:600;color:#333;display:flex;align-items:center;gap:2px;margin-top:1px}.stat-value .energy-icon{font-size:11px}.flavor-text{font-size:7px;font-style:italic;color:#666;text-align:center;margin:0 6px;line-height:1.4;border-top:1px solid rgba(0,0,0,.08);padding-top:3px;position:relative;overflow:hidden;border-radius:2px}.flavor-text:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--holo-flavor, 120deg),transparent 0%,rgba(0,255,180,.2) 35%,rgba(80,255,220,.3) 50%,rgba(0,200,255,.2) 65%,transparent 100%);animation:holo-flavor-glint 3.5s ease-in-out infinite;pointer-events:none}@keyframes holo-flavor-glint{0%{--holo-flavor: -20deg}50%{--holo-flavor: 200deg}to{--holo-flavor: 340deg}}@property --holo-flavor{syntax: "<angle>"; inherits: false; initial-value: 120deg;}.card-footer{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 0;margin-top:auto}.illustrator{font-size:6px;color:#999}.card-number{font-size:7px;font-weight:700;color:#666}.card-ice-slide{animation:ice-sway .6s ease-out;box-shadow:0 0 30px #64c8ff99,0 0 60px #64c8ff4d,0 16px 48px #0009}@keyframes ice-sway{0%{transform:translate(0) rotate(0)}15%{transform:translate(-6px) rotate(-1deg)}30%{transform:translate(6px) rotate(1deg)}45%{transform:translate(-4px) rotate(-.5deg)}60%{transform:translate(4px) rotate(.5deg)}80%{transform:translate(-1px) rotate(0)}to{transform:translate(0) rotate(0)}}.card-glacier-crush{animation:crush-shake .7s ease-out;box-shadow:0 0 40px #ffffff80,0 0 80px #64b4ff4d,0 16px 48px #0009}@keyframes crush-shake{0%{transform:translateY(0)}10%{transform:translateY(-4px)}20%{transform:translateY(0)}25%{transform:translate(-5px) translateY(2px)}30%{transform:translate(5px) translateY(-1px)}35%{transform:translate(-4px) translateY(2px)}40%{transform:translate(4px) translateY(-1px)}50%{transform:translate(-2px) translateY(1px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.art-ice-flash{animation:ice-flash .5s ease-out}@keyframes ice-flash{0%{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}20%{box-shadow:inset 0 0 40px #96dcffb3,0 1px #ffffff4d}to{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}}.art-crush-flash{animation:crush-flash .6s ease-out}@keyframes crush-flash{0%{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}15%{box-shadow:inset 0 0 20px #fffc,0 1px #ffffff4d}30%{box-shadow:inset 0 0 50px #64b4ff99,0 1px #ffffff4d}to{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}}.card-inferno{animation:inferno-rage 1.6s ease-out;box-shadow:0 0 50px #ff5000cc,0 0 100px #ff1e0080,0 0 150px #ffc8004d,0 0 200px #ff320026,0 16px 48px #0009}@keyframes inferno-rage{0%{transform:scale(1) rotate(0)}5%{transform:scale(1.04) rotate(-1.5deg)}10%{transform:scale(.97) rotate(2deg)}15%{transform:scale(1.05) rotate(-2deg)}20%{transform:scale(.96) rotate(1.5deg)}25%{transform:scale(1.03) rotate(-1deg)}30%{transform:scale(.98) rotate(1.5deg)}35%{transform:scale(1.04) rotate(-1.5deg)}40%{transform:scale(.97) rotate(1deg)}50%{transform:scale(1.02) rotate(-.5deg)}60%{transform:scale(.99) rotate(.5deg)}75%{transform:scale(1.01) rotate(-.2deg)}to{transform:scale(1) rotate(0)}}.art-fire-flash{animation:fire-flash 1.6s ease-out}@keyframes fire-flash{0%{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}5%{box-shadow:inset 0 0 60px #ffc800cc,inset 0 -30px 50px #ff3200b3,0 1px #ffffff4d}15%{box-shadow:inset 0 0 80px #ff5000e6,inset 0 -40px 60px #ff0000b3,inset 0 0 20px #ffffc866,0 1px #ffffff4d}30%{box-shadow:inset 0 0 60px #ff6400cc,inset 0 -30px 50px #ff1e0099,0 1px #ffffff4d}50%{box-shadow:inset 0 0 40px #ff500080,inset 0 -20px 40px #ff320066,0 1px #ffffff4d}75%{box-shadow:inset 0 0 20px #ff3c004d,inset 0 -10px 20px #ff1e0033,0 1px #ffffff4d}to{box-shadow:inset 0 1px 6px #00000026,0 1px #ffffff4d}}#root{width:100%;min-height:100vh;margin:0;padding:0}