.netrun-theme{--neon-cyan:#00ffff;--neon-magenta:#ff00ff;--neon-green:#00ff41;--neon-yellow:#ffff00;--neon-red:#ff0044;--neon-blue:#4488ff;--neon-orange:#ff8800;--cyber-bg:#050510;--cyber-bg-dark:#020208;--cyber-surface:#12122a;--cyber-border:#1a1a3e;--cyber-text:#e0e0ff;--cyber-muted:#6666aa}.netrun-theme,.netrun-theme *{font-family:var(--font-michroma),"Michroma",sans-serif!important}.game-board,.game-board *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.netrun-theme div,.netrun-theme p,.netrun-theme span{font-family:var(--font-michroma),"Michroma",sans-serif}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes card-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.perspective-1000{perspective:1000px}.perspective-500{perspective:500px}@keyframes attack-lunge{0%{transform:translate(0) scale(1)}55%{transform:translate(var(--attack-x,80px),var(--attack-y,-8px)) scale(1.14) rotate(4deg)}72%{transform:translate(calc(var(--attack-x, 80px) * 1.05),calc(var(--attack-y, -8px) * 1.05)) scale(1.06)}85%{transform:translate(calc(var(--attack-x, 80px) * .95),calc(var(--attack-y, -8px) * .95)) scale(1.03)}to{transform:translate(0) scale(1)}}@keyframes attack-lunge-right{0%{transform:translate(0) scale(1)}55%{transform:translate(var(--attack-x,-80px),var(--attack-y,8px)) scale(1.14) rotate(-4deg)}72%{transform:translate(calc(var(--attack-x, -80px) * 1.05),calc(var(--attack-y, 8px) * 1.05)) scale(1.06)}85%{transform:translate(calc(var(--attack-x, -80px) * .95),calc(var(--attack-y, 8px) * .95)) scale(1.03)}to{transform:translate(0) scale(1)}}@keyframes damage-hit{0%,to{filter:brightness(1) contrast(1)}10%{filter:brightness(3) contrast(1.5) sepia(1) hue-rotate(-50deg);transform:scale(1.05)}30%{filter:brightness(.5) contrast(1.2);transform:scale(.95)}50%{filter:brightness(2) contrast(1.3) sepia(.5)}70%{filter:brightness(.8)}}@keyframes critical-hit{0%,to{transform:translateX(0)}10%{transform:translateX(-8px) rotate(-2deg)}20%{transform:translateX(8px) rotate(2deg)}30%{transform:translateX(-6px) rotate(-1deg)}40%{transform:translateX(6px) rotate(1deg)}50%{transform:translateX(-4px)}60%{transform:translateX(4px)}}@keyframes death-explode{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}30%{transform:scale(1.2) rotate(10deg);opacity:.9;filter:brightness(2) sepia(1) hue-rotate(-30deg)}60%{transform:scale(1.4) rotate(20deg);opacity:.6;filter:brightness(3) contrast(2)}to{transform:scale(0) rotate(45deg);opacity:0;filter:brightness(0)}}@keyframes card-draw{0%{transform:translateY(-80px) translateX(120px) rotate(-20deg) scale(.6);opacity:0}70%{transform:translateY(10px) translateX(-10px) rotate(5deg) scale(1.05);opacity:1}to{transform:translateY(0) translateX(0) rotate(0) scale(1);opacity:1}}@keyframes card-summon{0%{transform:scale(.8) translateY(50px);opacity:0;filter:brightness(0) blur(10px)}50%{transform:scale(1.1) translateY(-10px);opacity:1;filter:brightness(2) blur(0)}to{transform:scale(1) translateY(0);opacity:1;filter:brightness(1) blur(0)}}@keyframes power-surge{0%,to{box-shadow:0 0 10px currentColor;filter:brightness(1)}50%{box-shadow:0 0 40px currentColor,0 0 80px currentColor;filter:brightness(1.5);transform:scale(1.05)}}@keyframes shield-activate{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 30px rgba(68,136,255,.8)}to{opacity:.7;transform:scale(1)}}@keyframes hp-drain{0%,to{filter:brightness(1)}25%{filter:brightness(3) hue-rotate(0deg)}50%{filter:brightness(.5) hue-rotate(50deg)}75%{filter:brightness(2) hue-rotate(-30deg)}}@keyframes turn-start{0%{transform:scale(1);box-shadow:0 0 20px currentColor}50%{transform:scale(1.1);box-shadow:0 0 60px currentColor,0 0 100px currentColor}to{transform:scale(1);box-shadow:0 0 20px currentColor}}@keyframes energy-flow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes legendary-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes typing{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.anim-attacking{animation:attack-lunge .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.anim-attacking-right{animation:attack-lunge-right .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.anim-damage{animation:damage-hit .6s ease-out forwards;position:relative;overflow:visible}.anim-damage:after,.anim-damage:before{content:"";position:absolute;inset:-18%;pointer-events:none;z-index:25;opacity:0}.anim-damage:before{background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.95) 0 7%,rgba(255,204,80,.9) 8% 14%,transparent 24%),radial-gradient(circle at 34% 30%,rgba(255,220,120,.85) 0 5%,transparent 12%),radial-gradient(circle at 68% 34%,rgba(255,180,70,.8) 0 4%,transparent 10%),radial-gradient(circle at 42% 66%,rgba(255,160,60,.75) 0 4%,transparent 10%),radial-gradient(circle at 70% 70%,rgba(255,230,140,.7) 0 3%,transparent 9%);filter:drop-shadow(0 0 6px rgba(255,190,90,.9));animation:spark-burst .52s ease-out forwards}.anim-damage:after{background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(255,235,160,.95) 10% 14%,transparent 16% 28%,rgba(255,196,90,.9) 30% 34%,transparent 36% 48%,rgba(255,235,160,.95) 50% 54%,transparent 56% 68%,rgba(255,196,90,.88) 70% 74%,transparent 76% 88%,rgba(255,235,160,.9) 90% 94%,transparent 96% 100%);mix-blend-mode:screen;filter:blur(.7px) drop-shadow(0 0 8px rgba(255,176,70,.8));animation:spark-ring .56s ease-out forwards}.game-card.anim-damage .game-card-front{overflow:visible}.game-card.anim-damage .game-card-front:after,.game-card.anim-damage .game-card-front:before{content:"";position:absolute;inset:-16%;pointer-events:none;z-index:80;opacity:0}.game-card.anim-damage .game-card-front:before{background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.98) 0 7%,rgba(255,204,80,.9) 8% 14%,transparent 24%),radial-gradient(circle at 34% 30%,rgba(255,220,120,.9) 0 5%,transparent 12%),radial-gradient(circle at 68% 34%,rgba(255,180,70,.86) 0 4%,transparent 10%),radial-gradient(circle at 42% 66%,rgba(255,160,60,.8) 0 4%,transparent 10%),radial-gradient(circle at 70% 70%,rgba(255,230,140,.78) 0 3%,transparent 9%);filter:drop-shadow(0 0 7px rgba(255,190,90,.95));animation:spark-burst .52s ease-out forwards}.game-card.anim-damage .game-card-front:after{background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(255,235,160,.98) 10% 14%,transparent 16% 28%,rgba(255,196,90,.9) 30% 34%,transparent 36% 48%,rgba(255,235,160,.95) 50% 54%,transparent 56% 68%,rgba(255,196,90,.9) 70% 74%,transparent 76% 88%,rgba(255,235,160,.92) 90% 94%,transparent 96% 100%);mix-blend-mode:screen;filter:blur(.7px) drop-shadow(0 0 9px rgba(255,176,70,.85));animation:spark-ring .56s ease-out forwards}@keyframes spark-burst{0%{opacity:0;transform:scale(.55) rotate(-8deg)}18%{opacity:1;transform:scale(1.08) rotate(2deg)}55%{opacity:.9;transform:scale(1.2) rotate(8deg)}to{opacity:0;transform:scale(1.45) rotate(14deg)}}@keyframes spark-ring{0%{opacity:0;transform:scale(.35)}22%{opacity:.85;transform:scale(.9)}60%{opacity:.65;transform:scale(1.15)}to{opacity:0;transform:scale(1.38)}}.anim-critical{animation:critical-hit .5s ease-out}.anim-death{animation:death-explode .7s cubic-bezier(.55,.055,.675,.19) forwards}.anim-draw{animation:card-draw .6s cubic-bezier(.34,1.56,.64,1) forwards}.anim-summon{animation:card-summon .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.anim-power{animation:power-surge 1s ease-in-out infinite}.anim-shield{animation:shield-activate .8s ease-out forwards}.anim-hp-drain{animation:hp-drain .5s ease-out}.anim-turn-start{animation:turn-start .8s ease-out}.anim-glitch{animation:glitch .5s steps(2,start) infinite}@keyframes stat-float-up{0%{opacity:0;transform:translateY(10px) scale(.95)}20%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-22px) scale(1.04)}}@keyframes stat-hit-pulse{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.stat-float-indicator{position:absolute;z-index:30;font-size:10px;font-weight:700;pointer-events:none;animation:stat-float-up .9s ease-out forwards}.stat-hit-flash{animation:stat-hit-pulse .35s ease-out}@keyframes card-draw-from-deck{0%{transform:translateX(180px) translateY(-80px) rotate(-18deg) scale(.65);opacity:0}65%{transform:translateX(-8px) translateY(6px) rotate(2deg) scale(1.04);opacity:1}to{transform:translateX(0) translateY(0) rotate(0deg) scale(1);opacity:1}}@keyframes card-play-to-field{0%{transform:translateY(0) scale(1);opacity:1}45%{transform:translateY(-80px) scale(1.08);opacity:1}to{transform:translateY(-180px) scale(.9);opacity:0}}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 0,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:1}.neon-glow-cyan{box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan),0 0 20px rgba(0,255,255,.3)}.neon-glow-magenta{box-shadow:0 0 5px var(--neon-magenta),0 0 10px var(--neon-magenta),0 0 20px rgba(255,0,255,.3)}.neon-glow-green{box-shadow:0 0 5px var(--neon-green),0 0 10px var(--neon-green),0 0 20px rgba(0,255,65,.3)}.neon-glow-red{box-shadow:0 0 5px var(--neon-red),0 0 10px var(--neon-red),0 0 20px rgba(255,0,68,.3)}.neon-text-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan),0 0 10px rgba(0,255,255,.5)}.neon-text-magenta{color:var(--neon-magenta);text-shadow:0 0 5px var(--neon-magenta),0 0 10px rgba(255,0,255,.5)}.neon-text-green{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green),0 0 10px rgba(0,255,65,.5)}.neon-text-yellow{color:var(--neon-yellow);text-shadow:0 0 5px var(--neon-yellow),0 0 10px rgba(255,255,0,.5)}.neon-text-red{color:var(--neon-red);text-shadow:0 0 5px var(--neon-red),0 0 10px rgba(255,0,68,.5)}.game-card{position:relative;width:154px;height:220px;border-radius:10px;perspective:1000px;cursor:pointer;flex-shrink:0}.game-card-sm{width:97px;height:137px;border-radius:7px}.xl-card{width:400px;height:570px;border-radius:16px;font-size:24px}.xl-card .game-card-front,.xl-card .game-card-inner{border-radius:inherit}.xl-card img{image-rendering:auto;image-rendering:-webkit-optimize-contrast}.game-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;border-radius:inherit;overflow:hidden}.game-card.flipped .game-card-inner{transform:rotateY(180deg)}.game-card-back,.game-card-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:inherit;overflow:hidden}.game-card-back{transform:rotateY(180deg);background:linear-gradient(135deg,#1a1a3e,#0a0a2e);display:flex;align-items:center;justify-content:center}.game-card-back:before{content:"//NR";font-family:monospace;font-size:1.5rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.game-card-sm .game-card-back:before{font-size:1rem}.game-card{transition:transform .3s cubic-bezier(.4,0,.2,1)}.game-card.flipped:hover,.game-card:hover{transform:translateY(-4px)}.rarity-common{border:1px solid #444466}.rarity-uncommon{border:1px solid var(--neon-green);box-shadow:0 0 5px rgba(0,255,65,.2)}.rarity-rare{border:1px solid var(--neon-blue);box-shadow:0 0 8px rgba(68,136,255,.3)}.rarity-legendary{border:2px solid var(--neon-yellow);box-shadow:0 0 10px rgba(255,255,0,.3),0 0 20px rgba(255,255,0,.1);animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,to{box-shadow:0 0 10px rgba(255,255,0,.3),0 0 20px rgba(255,255,0,.1)}50%{box-shadow:0 0 15px rgba(255,255,0,.5),0 0 30px rgba(255,255,0,.2)}}.card-playable{animation:playable-glow 1.5s ease-in-out infinite}@keyframes playable-glow{0%,to{box-shadow:0 0 5px rgba(0,255,255,.3)}50%{box-shadow:0 0 15px rgba(0,255,255,.6),0 0 25px rgba(0,255,255,.3)}}.card-exhausted{opacity:.6;filter:grayscale(.5)}.rarity-legendary{position:relative}.rarity-legendary:before{content:"";position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(45deg,#ffec8b,#ffd700 10%,#ffec8b 20%,#b8860b 30%,#ffd700 40%,#ffec8b 50%,#b8860b 60%,#ffd700 70%,#ffec8b 80%,#b8860b 90%,#ffd700);background-size:200% 200%;animation:metallic-flow 3s linear infinite;z-index:-1;filter:blur(.5px);box-shadow:0 0 15px rgba(255,215,0,.5)}.rarity-legendary:after{content:"";position:absolute;inset:-2px;border-radius:11px;background:linear-gradient(45deg,#ffd700,#ffec8b 25%,#b8860b 50%,#ffd700 75%,#ffec8b);background-size:200% 200%;animation:metallic-flow 4s linear infinite reverse;z-index:-1}.rarity-rare{position:relative}.rarity-rare:before{inset:-3px;border-radius:12px;background:linear-gradient(45deg,#87ceeb,#4169e1 10%,#87ceeb 20%,#1e3a8a 30%,#4169e1 40%,#87ceeb 50%,#1e3a8a 60%,#4169e1 70%,#87ceeb 80%,#1e3a8a 90%,#4169e1);background-size:200% 200%;animation:metallic-flow 3s linear infinite;filter:blur(.5px);box-shadow:0 0 12px rgba(65,105,225,.5)}.rarity-rare:after,.rarity-rare:before{content:"";position:absolute;z-index:-1}.rarity-rare:after{inset:-2px;border-radius:11px;background:linear-gradient(45deg,#4169e1,#87ceeb 25%,#1e3a8a 50%,#4169e1 75%,#87ceeb);background-size:200% 200%;animation:metallic-flow 4s linear infinite reverse}.rarity-uncommon{position:relative}.rarity-uncommon:before{content:"";position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(45deg,#90ee90,#32cd32 10%,#90ee90 20%,#228b22 30%,#32cd32 40%,#90ee90 50%,#228b22 60%,#32cd32 70%,#90ee90 80%,#228b22 90%,#32cd32);background-size:200% 200%;animation:metallic-flow 3s linear infinite;z-index:-1;filter:blur(.5px);box-shadow:0 0 10px rgba(50,205,50,.4)}.rarity-uncommon:after{content:"";position:absolute;inset:-2px;border-radius:11px;background:linear-gradient(45deg,#32cd32,#90ee90 25%,#228b22 50%,#32cd32 75%,#90ee90);background-size:200% 200%;animation:metallic-flow 4s linear infinite reverse;z-index:-1}.card-has-defense{position:relative}.card-has-defense:before{content:"";position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(45deg,#e8e8e8,#c0c0c0 10%,#e8e8e8 20%,#808080 30%,#c0c0c0 40%,#e8e8e8 50%,#808080 60%,#c0c0c0 70%,#e8e8e8 80%,#808080 90%,#c0c0c0);background-size:200% 200%;animation:metallic-flow 3s linear infinite;z-index:-1;filter:blur(.5px);box-shadow:0 0 10px rgba(192,192,192,.4)}.card-has-defense:after{content:"";position:absolute;inset:-2px;border-radius:11px;background:linear-gradient(45deg,#c0c0c0,#e8e8e8 25%,#808080 50%,#c0c0c0 75%,#e8e8e8);background-size:200% 200%;animation:metallic-flow 4s linear infinite reverse;z-index:-1}.card-direct-attack-ready{position:relative}.card-direct-attack-ready:before{content:"";position:absolute;inset:-3px;border-radius:12px;background:linear-gradient(45deg,#ff9aa5,#ff334f 10%,#ff9aa5 20%,#7f0018 30%,#ff334f 40%,#ff9aa5 50%,#7f0018 60%,#ff334f 70%,#ff9aa5 80%,#7f0018 90%,#ff334f);background-size:220% 220%;animation:metallic-flow 2.2s linear infinite;z-index:-1;filter:blur(.5px);box-shadow:0 0 12px rgba(255,51,79,.45),0 0 22px rgba(255,51,79,.3)}.card-direct-attack-ready:after{content:"";position:absolute;inset:-2px;border-radius:11px;background:linear-gradient(45deg,#ff334f,#ff9aa5 25%,#7f0018 50%,#ff334f 75%,#ff9aa5);background-size:220% 220%;animation:metallic-flow 3.2s linear infinite reverse;z-index:-1}@keyframes metallic-flow{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-text{animation:glitch .3s ease-in-out}.game-board{background:radial-gradient(1200px 560px at 15% 10%,rgba(0,255,255,.1) 0,rgba(0,255,255,.03) 32%,transparent 62%),radial-gradient(900px 460px at 85% 14%,rgba(255,0,255,.08) 0,rgba(255,0,255,.025) 35%,transparent 65%),radial-gradient(900px 400px at 50% 82%,rgba(0,255,180,.06) 0,transparent 60%),linear-gradient(180deg,#060813,#080b17 42%,#060712);position:relative;overflow:hidden}.game-board:before{inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,255,255,.06) 0,transparent 38%),radial-gradient(ellipse at 50% 50%,rgba(255,0,255,.04) 0,transparent 48%);mix-blend-mode:screen;opacity:.75}.game-board:after,.game-board:before{content:"";position:absolute;pointer-events:none;z-index:0}.game-board:after{inset:-20% -10%;background:radial-gradient(circle at 25% 30%,rgba(0,255,255,.05),transparent 20%),radial-gradient(circle at 75% 35%,rgba(255,0,255,.05),transparent 22%),radial-gradient(circle at 55% 75%,rgba(0,210,255,.04),transparent 24%);filter:blur(40px);animation:atmospheric-drift 18s ease-in-out infinite alternate}@keyframes atmospheric-drift{0%{transform:translate3d(-1%,-1%,0) scale(1)}to{transform:translate3d(1%,1%,0) scale(1.02)}}.field-zone{min-height:140px;border:1px dashed rgba(0,255,255,.2);border-radius:12px;background:linear-gradient(180deg,rgba(0,255,255,.03),rgba(0,255,255,.01)),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,255,255,.02) 0,rgba(0,255,255,.02) 40px);box-shadow:inset 0 0 30px rgba(0,255,255,.05),0 0 20px rgba(0,255,255,.02);transition:all .3s ease;position:relative}.field-zone:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1) 20%,rgba(0,255,255,.2) 50%,rgba(0,255,255,.1) 80%,transparent);border-radius:12px;z-index:-1;animation:energy-flow 3s linear infinite}.field-zone-compact{border:1px dashed rgba(0,255,255,.2);border-radius:8px;background:linear-gradient(180deg,rgba(0,255,255,.03),rgba(0,255,255,.01)),repeating-linear-gradient(90deg,transparent,transparent 20px,rgba(0,255,255,.02) 0,rgba(0,255,255,.02) 40px);box-shadow:inset 0 0 30px rgba(0,255,255,.05),0 0 20px rgba(0,255,255,.02);transition:all .3s ease;min-height:0;position:relative}.field-zone-compact:before{content:"";position:absolute;inset:-1px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1) 20%,rgba(0,255,255,.2) 50%,rgba(0,255,255,.1) 80%,transparent);border-radius:8px;z-index:-1;animation:energy-flow 3s linear infinite}.field-zone-compact.active,.field-zone.active{border-color:rgba(0,255,255,.4);background:rgba(0,255,255,.08);box-shadow:inset 0 0 40px rgba(0,255,255,.1),0 0 30px rgba(0,255,255,.15)}.field-zone-compact.drop-target,.field-zone.drop-target{border-color:var(--neon-green);background:rgba(0,255,65,.1);box-shadow:inset 0 0 40px rgba(0,255,65,.2),0 0 30px rgba(0,255,65,.3);animation:power-surge 1s ease-in-out infinite}.field-drop-active .field-zone,.field-drop-active .field-zone-compact{border-color:var(--neon-green);box-shadow:inset 0 0 35px rgba(0,255,65,.2),0 0 25px rgba(0,255,65,.35)}.field-row{display:flex;justify-content:center;gap:6px;padding:2px 0}.field-row .game-card{transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 6px}.field-row .game-card:hover{z-index:10;margin:0 10px}.attack-target{animation:attack-pulse .8s ease-in-out infinite}@keyframes attack-pulse{0%,to{box-shadow:0 0 5px rgba(255,0,68,.3)}50%{box-shadow:0 0 15px rgba(255,0,68,.6),0 0 25px rgba(255,0,68,.3)}}.opponent-hand-indicator{width:36px;height:50px;border-radius:5px;background:linear-gradient(135deg,#1a1a3e,#0a0a2e);border:1px solid rgba(0,255,255,.3);flex-shrink:0;position:relative}.opponent-hand-indicator:after{content:"//NR";position:absolute;inset:3px;border:1px solid rgba(0,255,255,.15);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:8px;color:rgba(0,255,255,.3)}@keyframes attack-slash{0%{transform:translateX(0) scale(1);opacity:1}50%{transform:translateX(30px) scale(1.1);opacity:.8}to{transform:translateX(0) scale(1);opacity:1}}.attacking{animation:attack-slash .4s ease-in-out}@keyframes damage-flash{0%,to{filter:brightness(1)}25%{filter:brightness(2) hue-rotate(30deg)}50%{filter:brightness(.5)}75%{filter:brightness(1.5) hue-rotate(-30deg)}}.damage-flash{animation:damage-flash .5s ease-in-out}@keyframes card-play{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-40px) scale(1.2);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}.card-playing{animation:card-play .5s ease-out}@keyframes card-destroy{0%{transform:scale(1) rotate(0);opacity:1;filter:brightness(1)}50%{transform:scale(1.2) rotate(5deg);opacity:.8;filter:brightness(3)}to{transform:scale(0) rotate(45deg);opacity:0;filter:brightness(0)}}.card-destroying{animation:card-destroy .6s ease-in forwards}.hp-bar{height:10px;border-radius:2px;background:rgba(0,0,0,.5);overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 10px rgba(0,0,0,.8)}.hp-bar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 10px);z-index:2;pointer-events:none}.hp-bar-fill{height:100%;border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px currentColor}.hp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent);animation:energy-flow 2s linear infinite}.hp-bar-fill.hp-high{background:linear-gradient(90deg,#00ff41,#00cc33);box-shadow:0 0 15px rgba(0,255,65,.5),0 0 30px rgba(0,255,65,.3)}.hp-bar-fill.hp-medium{background:linear-gradient(90deg,#ffff00,#ccaa00);box-shadow:0 0 15px rgba(255,255,0,.5),0 0 30px rgba(255,255,0,.3)}.hp-bar-fill.hp-low{background:linear-gradient(90deg,#ff0044,#cc0033);box-shadow:0 0 15px rgba(255,0,68,.5),0 0 30px rgba(255,0,68,.3);animation:hp-critical .8s ease-in-out infinite}@keyframes hp-critical{0%,to{opacity:1}50%{opacity:.7}}.ram-pip{width:12px;height:16px;border-radius:2px;transition:all .3s ease}.ram-pip.filled{background:var(--neon-cyan);box-shadow:0 0 4px var(--neon-cyan)}.ram-pip.empty{background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.2)}.ram-pip.max{background:rgba(0,255,255,.05);border:1px dashed rgba(0,255,255,.1)}.combat-log{font-family:Courier New,monospace;font-size:.65rem;line-height:1.3;max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.combat-log::-webkit-scrollbar{width:3px}.combat-log::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}@keyframes turn-glow{0%,to{text-shadow:0 0 5px currentColor}50%{text-shadow:0 0 15px currentColor,0 0 25px currentColor}}.turn-indicator{animation:turn-glow 2s ease-in-out infinite}.cyber-btn{position:relative;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:monospace;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.cyber-btn:hover{background:rgba(0,255,255,.1);box-shadow:0 0 10px rgba(0,255,255,.3),inset 0 0 10px rgba(0,255,255,.1)}.cyber-btn:active{transform:scale(.95)}.cyber-btn-magenta{border-color:var(--neon-magenta);color:var(--neon-magenta)}.cyber-btn-magenta:hover{background:rgba(255,0,255,.1);box-shadow:0 0 10px rgba(255,0,255,.3),inset 0 0 10px rgba(255,0,255,.1)}.cyber-btn-red{border-color:var(--neon-red);color:var(--neon-red)}.cyber-btn-red:hover{background:rgba(255,0,68,.1);box-shadow:0 0 10px rgba(255,0,68,.3)}.cyber-btn-green{border-color:var(--neon-green);color:var(--neon-green)}.cyber-btn-green:hover{background:rgba(0,255,65,.1);box-shadow:0 0 10px rgba(0,255,65,.3)}.hand-area{display:flex;gap:2px;justify-content:center;padding:2px 8px;overflow-x:auto;scrollbar-width:none}.hand-fan{overflow:visible}.hand-area::-webkit-scrollbar{display:none}.hand-area .game-card{transition:all .3s cubic-bezier(.4,0,.2,1);margin:0}.hand-area .game-card:hover{z-index:10;margin:0}.hand-fan .game-card:hover{transform:translateY(-6px)}.type-badge{font-family:monospace;font-size:.55rem;padding:1px 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.board-divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--neon-cyan) 20%,var(--neon-magenta) 50%,var(--neon-cyan) 80%,transparent 100%);opacity:.4}.lobby-room{border:1px solid rgba(0,255,255,.2);background:rgba(0,255,255,.03);transition:all .3s ease}.lobby-room:hover{border-color:rgba(0,255,255,.4);background:rgba(0,255,255,.06);box-shadow:0 0 15px rgba(0,255,255,.1)}@keyframes cyber-spin{0%{transform:rotate(0deg);border-color:var(--neon-cyan) transparent transparent transparent}25%{border-color:var(--neon-magenta) transparent transparent transparent}50%{border-color:var(--neon-green) transparent transparent transparent}75%{border-color:var(--neon-yellow) transparent transparent transparent}to{transform:rotate(1turn);border-color:var(--neon-cyan) transparent transparent transparent}}.cyber-spinner{width:48px;height:48px;border:3px solid transparent;border-radius:50%;animation:cyber-spin 1.5s linear infinite}.cyber-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.cyber-modal{background:linear-gradient(135deg,#12122a,#1a1a3e);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:1.5rem;max-width:400px;width:90%;position:relative}.floating-log-toggle{z-index:40;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:monospace;background:rgba(0,0,0,.85);border:1px solid var(--neon-green);color:var(--neon-green);cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px)}.floating-log-toggle:hover{background:rgba(0,255,65,.15);box-shadow:0 0 8px rgba(0,255,65,.3)}.floating-log-panel{z-index:40;width:280px;max-width:calc(100vw - 1rem);backdrop-filter:blur(8px)}@media (max-width:768px){.game-card{width:99px;height:143px}.game-card-sm{width:77px;height:110px}.hand-area .game-card{margin:0 -14px}.field-row .game-card{margin:0 3px}.field-zone{min-height:80px}.opponent-hand-indicator{width:28px;height:38px}.ram-pip{width:10px;height:14px}.anim-damage:after,.anim-damage:before{inset:-14%}.game-card.anim-damage .game-card-front:after,.game-card.anim-damage .game-card-front:before{inset:-12%}.anim-damage:before{filter:drop-shadow(0 0 4px rgba(255,190,90,.75));animation-duration:.46s}.anim-damage:after{filter:blur(.6px) drop-shadow(0 0 6px rgba(255,176,70,.7));animation-duration:.5s}}@media (max-width:480px){.game-card{width:79px;height:114px}.game-card-sm{width:64px;height:91px}.hand-area .game-card{margin:0 -18px}.field-row .game-card{margin:0 2px}.opponent-hand-indicator{width:24px;height:32px}.ram-pip{width:8px;height:11px}.hp-bar{height:5px}.cyber-modal{padding:1rem}.combat-log{font-size:.6rem;max-height:150px}.anim-damage:after,.anim-damage:before{inset:-10%}.game-card.anim-damage .game-card-front:after,.game-card.anim-damage .game-card-front:before{inset:-9%}.anim-damage:before{filter:drop-shadow(0 0 3px rgba(255,190,90,.6));animation-duration:.42s}.anim-damage:after{filter:blur(.55px) drop-shadow(0 0 5px rgba(255,176,70,.58));animation-duration:.46s}}@media (max-width:1199px){.game-card.scale-\[1\.3\]{transform:scale(1.15)}}@media (max-width:768px){h1{font-size:2.5rem!important}h2{font-size:2rem!important}}@media (max-width:480px){h1{font-size:2rem!important}h2{font-size:1.5rem!important}.stats-number{font-size:2rem!important}}