.game-board[data-v-9989d440]{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 8px 30px #0003;position:relative}.grid[data-v-9989d440]{display:grid;gap:2px;background:#dee2e6;padding:2px;border-radius:8px}.cell[data-v-9989d440]{width:40px;height:40px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:1.2rem;position:relative;border-radius:4px;transition:all .2s}.cell[data-v-9989d440]:hover{background:#e9ecef}.cell.obstacle[data-v-9989d440]{background:#343a40}.cell.highlight[data-v-9989d440]{background:#ffe066;animation:highlight-pulse-9989d440 1s infinite}.obstacle-mark[data-v-9989d440]{color:#fff;font-weight:700}.player-mark[data-v-9989d440]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1rem;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;z-index:5}.player1-mark[data-v-9989d440]{background:#1971c2}.player2-mark[data-v-9989d440]{background:#c92a2a}.player-mark.on-portal-exit[data-v-9989d440]{opacity:.75;z-index:6;box-shadow:0 0 12px #fff9,0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.7)}@keyframes highlight-pulse-9989d440{0%,to{opacity:1}50%{opacity:.6}}.cell.attack-path[data-v-9989d440]{background:#ff64644d}.cell.attack-hit[data-v-9989d440]{background:#ff000080;animation:attack-hit-anim-9989d440 .3s ease-out}.cell.attack-miss[data-v-9989d440]{background:#96969666;animation:attack-miss-anim-9989d440 .3s ease-out}@keyframes attack-hit-anim-9989d440{0%{transform:scale(1)}50%{transform:scale(1.2);background:#f00c}to{transform:scale(1)}}@keyframes attack-miss-anim-9989d440{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.player-mark.attacked[data-v-9989d440]{animation:shake-9989d440 .3s ease-out;background:#c92a2a!important}@keyframes shake-9989d440{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.attack-effect-layer[data-v-9989d440]{position:absolute;width:42px;height:42px;pointer-events:none;z-index:25}.energy-beam[data-v-9989d440]{position:absolute;height:4px;border-radius:2px;box-shadow:0 0 10px #ffc864cc,0 0 20px #ff963280}.energy-beam.right[data-v-9989d440]{left:50%;top:50%;transform-origin:left center;transform:translateY(-50%);background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,200,100,.8) 30%,rgba(255,150,50,.6) 60%,transparent 100%)}.energy-beam.right.range-1[data-v-9989d440]{width:40px;animation:beam-right-9989d440 .4s ease-out forwards}.energy-beam.right.range-2[data-v-9989d440]{width:84px;animation:beam-right-long-9989d440 .5s ease-out forwards}@keyframes beam-right-9989d440{0%{transform:translateY(-50%) scaleX(0);opacity:0}20%{transform:translateY(-50%) scaleX(1);opacity:1}50%{transform:translateY(-50%) scaleX(1);opacity:1}to{transform:translateY(-50%) scaleX(1);opacity:0}}@keyframes beam-right-long-9989d440{0%{transform:translateY(-50%) scaleX(0);opacity:0}15%{transform:translateY(-50%) scaleX(.5);opacity:1}35%{transform:translateY(-50%) scaleX(1);opacity:1}60%{transform:translateY(-50%) scaleX(1);opacity:1}to{transform:translateY(-50%) scaleX(1);opacity:0}}.energy-beam.left[data-v-9989d440]{right:50%;top:50%;transform-origin:right center;transform:translateY(-50%);background:linear-gradient(270deg,rgba(255,255,255,.9) 0%,rgba(255,200,100,.8) 30%,rgba(255,150,50,.6) 60%,transparent 100%)}.energy-beam.left.range-1[data-v-9989d440]{width:40px;animation:beam-left-9989d440 .4s ease-out forwards}.energy-beam.left.range-2[data-v-9989d440]{width:84px;animation:beam-left-long-9989d440 .5s ease-out forwards}@keyframes beam-left-9989d440{0%{transform:translateY(-50%) scaleX(0);opacity:0}20%{transform:translateY(-50%) scaleX(1);opacity:1}50%{transform:translateY(-50%) scaleX(1);opacity:1}to{transform:translateY(-50%) scaleX(1);opacity:0}}@keyframes beam-left-long-9989d440{0%{transform:translateY(-50%) scaleX(0);opacity:0}15%{transform:translateY(-50%) scaleX(.5);opacity:1}35%{transform:translateY(-50%) scaleX(1);opacity:1}60%{transform:translateY(-50%) scaleX(1);opacity:1}to{transform:translateY(-50%) scaleX(1);opacity:0}}.energy-beam.up[data-v-9989d440]{left:50%;bottom:50%;width:4px;transform-origin:center bottom;transform:translate(-50%);background:linear-gradient(0deg,transparent 0%,rgba(255,150,50,.6) 40%,rgba(255,200,100,.8) 70%,rgba(255,255,255,.9) 100%)}.energy-beam.up.range-1[data-v-9989d440]{height:40px;animation:beam-up-9989d440 .4s ease-out forwards}.energy-beam.up.range-2[data-v-9989d440]{height:84px;animation:beam-up-long-9989d440 .5s ease-out forwards}@keyframes beam-up-9989d440{0%{transform:translate(-50%) scaleY(0);opacity:0}20%{transform:translate(-50%) scaleY(1);opacity:1}50%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}@keyframes beam-up-long-9989d440{0%{transform:translate(-50%) scaleY(0);opacity:0}15%{transform:translate(-50%) scaleY(.5);opacity:1}35%{transform:translate(-50%) scaleY(1);opacity:1}60%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}.energy-beam.down[data-v-9989d440]{left:50%;top:50%;width:4px;transform-origin:center top;transform:translate(-50%);background:linear-gradient(180deg,transparent 0%,rgba(255,150,50,.6) 40%,rgba(255,200,100,.8) 70%,rgba(255,255,255,.9) 100%)}.energy-beam.down.range-1[data-v-9989d440]{height:40px;animation:beam-down-9989d440 .4s ease-out forwards}.energy-beam.down.range-2[data-v-9989d440]{height:84px;animation:beam-down-long-9989d440 .5s ease-out forwards}@keyframes beam-down-9989d440{0%{transform:translate(-50%) scaleY(0);opacity:0}20%{transform:translate(-50%) scaleY(1);opacity:1}50%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}@keyframes beam-down-long-9989d440{0%{transform:translate(-50%) scaleY(0);opacity:0}15%{transform:translate(-50%) scaleY(.5);opacity:1}35%{transform:translate(-50%) scaleY(1);opacity:1}60%{transform:translate(-50%) scaleY(1);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}.explosion-flash[data-v-9989d440]{position:absolute;left:var(--explosion-x, 21px);top:var(--explosion-y, 21px);width:42px;height:42px;transform:translate(-50%,-50%);z-index:30;border-radius:4px;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,200,100,.7) 30%,rgba(255,150,50,.4) 60%,transparent 100%);animation:flash-expand-9989d440 .4s ease-out forwards}@keyframes flash-expand-9989d440{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.move-trail-overlay[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.move-trail[data-v-9989d440]{position:absolute;width:30px;height:30px;border-radius:6px;transform:translate(-50%,-50%);animation:trail-fade-9989d440 .6s ease-out forwards}.move-trail.player1-trail[data-v-9989d440]{background:#1971c280;box-shadow:0 0 8px #4aabf766}.move-trail.player2-trail[data-v-9989d440]{background:#c92a2a80;box-shadow:0 0 8px #ff6b6b66}.move-trail.trail-0[data-v-9989d440]{animation-delay:0s}.move-trail.trail-1[data-v-9989d440]{animation-delay:.05s}.move-trail.trail-2[data-v-9989d440]{animation-delay:.1s}.move-trail.trail-3[data-v-9989d440]{animation-delay:.15s}@keyframes trail-fade-9989d440{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(.3);opacity:0}}.shield-overlay[data-v-9989d440]{position:absolute;width:42px;height:42px;pointer-events:none;z-index:20}.shield-shape[data-v-9989d440]{position:absolute;top:50%;left:50%;width:48px;height:56px;transform:translate(-50%,-50%);clip-path:polygon(50% 0%,100% 8%,100% 55%,85% 100%,50% 100%,15% 100%,0% 55%,0% 8%);background:linear-gradient(180deg,#ffd70080,#ffc12573,#ffb80c66 30%,#ffa50059,#ff8c0066 70%,#ff7f0073,#ff660080);border:2px solid rgba(255,248,220,.6);box-shadow:0 0 20px #ffd70080,0 0 40px #ffa5004d,0 0 60px #ff8c0033,inset 0 0 15px #fff3;animation:shield-breathe-9989d440 2.5s ease-in-out infinite}.shield-inner[data-v-9989d440]{position:absolute;top:50%;left:50%;width:24px;height:28px;transform:translate(-50%,-50%);clip-path:polygon(50% 5%,90% 12%,90% 50%,78% 88%,50% 95%,22% 88%,10% 50%,10% 12%);background:linear-gradient(180deg,#ffffff40,#fff8dc26,#ffd7001a)}.shield-sun-pattern[data-v-9989d440]{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,215,0,.3) 40%,transparent 70%);border-radius:50%}.shield-sun-pattern[data-v-9989d440]:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-50%,-50%)}.shield-sun-pattern[data-v-9989d440]:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-50%,-50%)}.shield-highlight[data-v-9989d440]{position:absolute;top:6px;left:6px;width:10px;height:8px;background:#ffffff80;border-radius:50%;filter:blur(3px)}.shield-glass[data-v-9989d440]{position:absolute;top:50%;left:50%;width:36px;height:42px;transform:translate(-50%,-50%);clip-path:polygon(50% 0%,100% 8%,100% 55%,85% 100%,50% 100%,15% 100%,0% 55%,0% 8%);background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 30%,transparent 50%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.15) 100%);opacity:.7}.shield-ripple[data-v-9989d440]{position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid rgba(255,215,0,.5);border-radius:50%;transform:translate(-50%,-50%);animation:ripple-expand-9989d440 2s ease-out infinite}.shield-ripple.ripple-2[data-v-9989d440]{animation-delay:1s}@keyframes ripple-expand-9989d440{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes shield-breathe-9989d440{0%,to{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.03);filter:brightness(1.15)}}.shield-overlay.breaking .shield-shape[data-v-9989d440]{animation:shield-shatter-9989d440 .8s ease-out forwards}.shield-overlay.breaking .shield-glass[data-v-9989d440]{animation:glass-shatter-9989d440 .6s ease-out forwards}@keyframes shield-shatter-9989d440{0%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:brightness(1)}20%{transform:translate(-50%,-50%) scale(1.1);filter:brightness(2)}to{transform:translate(-50%,-50%) scale(1.3);opacity:0;filter:brightness(.5)}}@keyframes glass-shatter-9989d440{0%{opacity:.7}to{opacity:0}}.shield-break-particles[data-v-9989d440]{position:absolute;top:50%;left:50%;width:0;height:0;z-index:25}.gold-particle[data-v-9989d440]{position:absolute;width:2px;height:2px;background:gold;border-radius:50%;box-shadow:0 0 3px gold,0 0 6px orange;animation:particle-scatter-9989d440 .6s ease-out forwards}.particle-1[data-v-9989d440]{--angle: 0deg;--dist: 45px;animation-delay:0s}.particle-2[data-v-9989d440]{--angle: 30deg;--dist: 38px;animation-delay:.02s}.particle-3[data-v-9989d440]{--angle: 60deg;--dist: 52px;animation-delay:.04s}.particle-4[data-v-9989d440]{--angle: 90deg;--dist: 42px;animation-delay:.06s}.particle-5[data-v-9989d440]{--angle: 120deg;--dist: 48px;animation-delay:.08s}.particle-6[data-v-9989d440]{--angle: 150deg;--dist: 35px;animation-delay:.1s}.particle-7[data-v-9989d440]{--angle: 180deg;--dist: 55px;animation-delay:.12s}.particle-8[data-v-9989d440]{--angle: 210deg;--dist: 40px;animation-delay:.14s}.particle-9[data-v-9989d440]{--angle: 240deg;--dist: 50px;animation-delay:.16s}.particle-10[data-v-9989d440]{--angle: 270deg;--dist: 44px;animation-delay:.18s}.particle-11[data-v-9989d440]{--angle: 300deg;--dist: 58px;animation-delay:.2s}.particle-12[data-v-9989d440]{--angle: 330deg;--dist: 36px;animation-delay:.22s}@keyframes particle-scatter-9989d440{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0)}80%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--dist))}}.flash-ring[data-v-9989d440]{position:absolute;top:50%;left:50%;width:20px;height:20px;border:3px solid #FFD700;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px gold,0 0 20px orange,inset 0 0 10px #ffd70080;animation:ring-flash-9989d440 .5s ease-out forwards}.flash-ring.ring-2[data-v-9989d440]{animation-delay:.1s;border-color:orange}@keyframes ring-flash-9989d440{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.fog-layer[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;overflow:hidden;border-radius:4px}.fog-clouds[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%}.fog-particle[data-v-9989d440]{position:absolute;border-radius:50%;filter:blur(3px);animation:fog-float-9989d440 4s ease-in-out infinite}.fog-particle[data-v-9989d440]:nth-child(1){width:20px;height:15px;top:-5px;left:-5px;animation-delay:0s}.fog-particle[data-v-9989d440]:nth-child(2){width:25px;height:18px;top:10px;left:15px;animation-delay:-1.3s}.fog-particle[data-v-9989d440]:nth-child(3){width:18px;height:20px;top:20px;left:-3px;animation-delay:-2.6s}@keyframes fog-float-9989d440{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(3px,-2px) scale(1.1);opacity:.8}50%{transform:translate(-2px,2px) scale(.95);opacity:.5}75%{transform:translate(2px,1px) scale(1.05);opacity:.7}}.fog-level-1[data-v-9989d440]{background:linear-gradient(135deg,#b4bec840,#a0afb959,#8c9baa4d);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.fog-level-1 .fog-particle[data-v-9989d440]{background:radial-gradient(ellipse,rgba(200,210,220,.4) 0%,rgba(180,195,205,.2) 50%,transparent 70%)}.fog-level-1 .fog-clouds[data-v-9989d440]{animation:fog-drift-slow-9989d440 8s ease-in-out infinite}.fog-level-2[data-v-9989d440]{background:linear-gradient(135deg,#78879b80,#64788c99,#5a6e828c);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.fog-level-2 .fog-particle[data-v-9989d440]{background:radial-gradient(ellipse,rgba(140,160,180,.6) 0%,rgba(120,145,165,.3) 50%,transparent 70%)}.fog-level-2 .fog-clouds[data-v-9989d440]{animation:fog-drift-9989d440 6s ease-in-out infinite}.fog-level-3[data-v-9989d440]{background:linear-gradient(135deg,#3c465ad9,#324155e6,#2d3c50e0);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 0 15px #1e283c80}.fog-level-3 .fog-particle[data-v-9989d440]{background:radial-gradient(ellipse,rgba(80,100,130,.7) 0%,rgba(60,85,110,.4) 50%,transparent 70%)}.fog-level-3 .fog-clouds[data-v-9989d440]{animation:fog-drift-9989d440 5s ease-in-out infinite,fog-pulse-9989d440 3s ease-in-out infinite}@keyframes fog-drift-9989d440{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}75%{transform:translate(1px,1px) rotate(.5deg)}}@keyframes fog-drift-slow-9989d440{0%,to{transform:translate(0)}50%{transform:translate(1px,-1px)}}@keyframes fog-pulse-9989d440{0%,to{opacity:.9}50%{opacity:1}}.cell.fog-clear[data-v-9989d440]{box-shadow:inset 0 0 8px #64c8ff26}.cell.fog-light[data-v-9989d440]{filter:brightness(.95)}.cell.fog-medium[data-v-9989d440]{filter:brightness(.8)}.cell.fog-medium .obstacle-mark[data-v-9989d440],.cell.fog-medium .player-mark[data-v-9989d440]{opacity:.5;filter:blur(1px)}.cell.fog-heavy[data-v-9989d440]{filter:brightness(.6)}.cell.fog-heavy .obstacle-mark[data-v-9989d440],.cell.fog-heavy .player-mark[data-v-9989d440]{opacity:0}.fog-level-1[data-v-9989d440]:before,.fog-level-2[data-v-9989d440]:before,.fog-level-3[data-v-9989d440]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:6px;background:radial-gradient(circle at center,transparent 40%,rgba(100,120,150,.2) 100%);pointer-events:none}.fog-level-2[data-v-9989d440]:after,.fog-level-3[data-v-9989d440]:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.03) 0%,transparent 40%);animation:fog-texture-move-9989d440 10s linear infinite;pointer-events:none}@keyframes fog-texture-move-9989d440{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.cell:hover .fog-layer[data-v-9989d440]{opacity:.85}.cell:hover .fog-level-3[data-v-9989d440]{filter:brightness(1.1)}.global-fog-container[data-v-9989d440]{position:absolute;pointer-events:none;z-index:100;border-radius:8px;overflow:hidden}.global-fog-base[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;background:#4a5568;z-index:0}.fog-noise-layer[data-v-9989d440]{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#4a5568;z-index:1}.fog-layer-large[data-v-9989d440]{filter:url(#fog-noise-large);animation:fog-drift-large-9989d440 40s ease-in-out infinite;opacity:.9}.fog-layer-medium[data-v-9989d440]{filter:url(#fog-noise-medium);animation:fog-drift-medium-9989d440 30s ease-in-out infinite;opacity:.85}.fog-layer-small[data-v-9989d440]{filter:url(#fog-noise-small);animation:fog-drift-small-9989d440 20s ease-in-out infinite;opacity:.7}@keyframes fog-drift-large-9989d440{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-8%,5%) scale(1.03)}50%{transform:translate(-12%,-8%) scale(1.05)}75%{transform:translate(5%,-10%) scale(1.02)}}@keyframes fog-drift-medium-9989d440{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(6%,-4%) rotate(2deg) scale(1.02)}50%{transform:translate(-5%,8%) rotate(-1deg) scale(1.04)}75%{transform:translate(-8%,-6%) rotate(1deg) scale(1.01)}}@keyframes fog-drift-small-9989d440{0%,to{transform:translate(0) scale(1)}20%{transform:translate(4%,6%) scale(1.01)}40%{transform:translate(-6%,3%) scale(1.02)}60%{transform:translate(3%,-5%) scale(1.01)}80%{transform:translate(-3%,-3%) scale(1.02)}}@keyframes fog-noise-drift-9989d440{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-5%,3%) scale(1.02)}50%{transform:translate(-8%,-5%) scale(1.04)}75%{transform:translate(3%,-8%) scale(1.02)}}@keyframes fog-base-shift-9989d440{0%,to{background-position:0% 0%;filter:brightness(1)}50%{background-position:100% 100%;filter:brightness(.95)}}.fog-noise-svg[data-v-9989d440]{position:absolute;width:0;height:0;pointer-events:none}.global-fog-mask[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;background:#4b555feb;z-index:2}.fog-clear-mask[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.game-board-wrapper[data-v-9989d440]{position:relative;border-radius:16px;overflow:hidden}.theme-background[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.theme-particles[data-v-9989d440]{position:absolute;width:100%;height:100%;overflow:hidden}.theme-particle[data-v-9989d440]{position:absolute;width:4px;height:4px;border-radius:50%;opacity:.6;animation:theme-particle-float-9989d440 8s ease-in-out infinite}.theme-particle.particle-1[data-v-9989d440]{left:10%;top:20%;animation-delay:0s}.theme-particle.particle-2[data-v-9989d440]{left:25%;top:60%;animation-delay:-1s}.theme-particle.particle-3[data-v-9989d440]{left:40%;top:30%;animation-delay:-2s}.theme-particle.particle-4[data-v-9989d440]{left:55%;top:70%;animation-delay:-3s}.theme-particle.particle-5[data-v-9989d440]{left:70%;top:40%;animation-delay:-4s}.theme-particle.particle-6[data-v-9989d440]{left:85%;top:80%;animation-delay:-5s}.theme-particle.particle-7[data-v-9989d440]{left:15%;top:85%;animation-delay:-6s}.theme-particle.particle-8[data-v-9989d440]{left:30%;top:15%;animation-delay:-7s}.theme-particle.particle-9[data-v-9989d440]{left:60%;top:55%;animation-delay:-.5s}.theme-particle.particle-10[data-v-9989d440]{left:80%;top:25%;animation-delay:-1.5s}.theme-particle.particle-11[data-v-9989d440]{left:5%;top:50%;animation-delay:-2.5s}.theme-particle.particle-12[data-v-9989d440]{left:45%;top:90%;animation-delay:-3.5s}.theme-particle.particle-13[data-v-9989d440]{left:75%;top:10%;animation-delay:-4.5s}.theme-particle.particle-14[data-v-9989d440]{left:90%;top:60%;animation-delay:-5.5s}.theme-particle.particle-15[data-v-9989d440]{left:35%;top:45%;animation-delay:-6.5s}@keyframes theme-particle-float-9989d440{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-10px) scale(1.2);opacity:.9}}.theme-ambient[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.1) 100%)}.theme-decorations[data-v-9989d440]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.decoration-item[data-v-9989d440]{position:absolute;opacity:.12;font-size:2rem;filter:blur(.5px)}.deco-1[data-v-9989d440]{left:5%;top:10%;transform:rotate(-15deg)}.deco-2[data-v-9989d440]{left:85%;top:15%;transform:rotate(20deg)}.deco-3[data-v-9989d440]{left:15%;top:75%;transform:rotate(10deg)}.deco-4[data-v-9989d440]{left:75%;top:80%;transform:rotate(-25deg)}.deco-5[data-v-9989d440]{left:45%;top:5%;transform:rotate(5deg)}.deco-6[data-v-9989d440]{left:50%;top:90%;transform:rotate(-10deg)}.theme-forest .decoration-item[data-v-9989d440]:before{content:"🌿"}.theme-forest .deco-3[data-v-9989d440]:before{content:"🍂"}.theme-forest .deco-5[data-v-9989d440]:before{content:"🍄"}.theme-desert .decoration-item[data-v-9989d440]:before{content:"☀️";font-size:2.5rem}.theme-desert .deco-2[data-v-9989d440]:before{content:"🐪"}.theme-desert .deco-4[data-v-9989d440]:before{content:"🏜️"}.theme-ice .decoration-item[data-v-9989d440]:before{content:"❄️"}.theme-ice .deco-2[data-v-9989d440]:before{content:"⛄"}.theme-ice .deco-5[data-v-9989d440]:before{content:"🌨️"}.theme-volcano .decoration-item[data-v-9989d440]:before{content:"🔥"}.theme-volcano .deco-3[data-v-9989d440]:before{content:"🌋"}.theme-volcano .deco-5[data-v-9989d440]:before{content:"💨"}.theme-ruins .decoration-item[data-v-9989d440]:before{content:"🪨"}.theme-ruins .deco-2[data-v-9989d440]:before{content:"🏛️"}.theme-ruins .deco-4[data-v-9989d440]:before{content:"🦴"}.theme-ruins .deco-6[data-v-9989d440]:before{content:"📜"}.theme-forest .game-board[data-v-9989d440]{background:linear-gradient(145deg,#e8f5e9,#c8e6c9);border:3px solid #4caf50}.theme-forest .grid[data-v-9989d440]{background:#a5d6a7}.theme-forest .cell[data-v-9989d440]{background:#f1f8e9}.theme-forest .cell[data-v-9989d440]:hover{background:#dcedc8}.theme-forest .cell.obstacle[data-v-9989d440]{background:#2e7d32}.theme-forest .theme-particle[data-v-9989d440]{background:#81c784;box-shadow:0 0 6px #4caf50}.theme-forest .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#8bc34a1a,#2e7d3226)}.theme-forest .obstacle-shape.shape-tree[data-v-9989d440]:before{content:"🌲";font-size:1.5rem}.theme-forest .obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.theme-desert .game-board[data-v-9989d440]{background:linear-gradient(145deg,#fff8e1,#ffecb3);border:3px solid #ff9800}.theme-desert .grid[data-v-9989d440]{background:#ffe082}.theme-desert .cell[data-v-9989d440]{background:#fffde7}.theme-desert .cell[data-v-9989d440]:hover{background:#fff9c4}.theme-desert .cell.obstacle[data-v-9989d440]{background:#e65100}.theme-desert .theme-particle[data-v-9989d440]{background:#ffb74d;box-shadow:0 0 6px #ff9800}.theme-desert .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#ff98001a,#e6510026)}.theme-desert .obstacle-shape.shape-sand[data-v-9989d440]:before{content:"🏜️";font-size:1.5rem}.theme-desert .obstacle-shape.shape-cactus[data-v-9989d440]:before{content:"🌵";font-size:1.5rem}.theme-desert .obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.theme-ice .game-board[data-v-9989d440]{background:linear-gradient(145deg,#e3f2fd,#bbdefb);border:3px solid #2196f3}.theme-ice .grid[data-v-9989d440]{background:#90caf9}.theme-ice .cell[data-v-9989d440]{background:#e1f5fe}.theme-ice .cell[data-v-9989d440]:hover{background:#b3e5fc}.theme-ice .cell.obstacle[data-v-9989d440]{background:#0d47a1}.theme-ice .theme-particle[data-v-9989d440]{background:#64b5f6;box-shadow:0 0 8px #2196f3}.theme-ice .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#2196f31a,#0d47a126)}.theme-ice .obstacle-shape.shape-ice[data-v-9989d440]:before{content:"🧊";font-size:1.5rem}.theme-ice .obstacle-shape.shape-snow[data-v-9989d440]:before{content:"❄️";font-size:1.3rem}.theme-volcano .game-board[data-v-9989d440]{background:linear-gradient(145deg,#ffebee,#ffcdd2);border:3px solid #f44336}.theme-volcano .grid[data-v-9989d440]{background:#ef9a9a}.theme-volcano .cell[data-v-9989d440]{background:#fff5f5}.theme-volcano .cell[data-v-9989d440]:hover{background:#ffcdd2}.theme-volcano .cell.obstacle[data-v-9989d440]{background:#b71c1c}.theme-volcano .theme-particle[data-v-9989d440]{background:#ff8a65;box-shadow:0 0 8px #f44336;animation:theme-particle-float-9989d440 6s ease-in-out infinite}.theme-volcano .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#f443361a,#b71c1c33)}.theme-volcano .obstacle-shape.shape-lava[data-v-9989d440]:before{content:"🔥";font-size:1.5rem}.theme-volcano .obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.theme-ocean .game-board[data-v-9989d440]{background:linear-gradient(145deg,#e0f7fa,#b2ebf2);border:3px solid #00bcd4}.theme-ocean .grid[data-v-9989d440]{background:#80deea}.theme-ocean .cell[data-v-9989d440]{background:#e0f7fa}.theme-ocean .cell[data-v-9989d440]:hover{background:#b2ebf2}.theme-ocean .cell.obstacle[data-v-9989d440]{background:#006064}.theme-ocean .theme-particle[data-v-9989d440]{background:#4dd0e1;box-shadow:0 0 8px #00bcd4}.theme-ocean .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#00bcd41a,#00606426)}.theme-ocean .obstacle-shape.shape-water[data-v-9989d440]:before{content:"🌊";font-size:1.5rem}.theme-ocean .obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.theme-night .game-board[data-v-9989d440]{background:linear-gradient(145deg,#263238,#37474f);border:3px solid #546e7a}.theme-night .grid[data-v-9989d440]{background:#455a64}.theme-night .cell[data-v-9989d440]{background:#37474f}.theme-night .cell[data-v-9989d440]:hover{background:#546e7a}.theme-night .cell.obstacle[data-v-9989d440]{background:#1a1a2e}.theme-night .theme-particle[data-v-9989d440]{background:#90a4ae;box-shadow:0 0 10px #78909c}.theme-night .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#546e7a33,#1a1a2e4d)}.theme-night .obstacle-shape.shape-crystal[data-v-9989d440]:before{content:"💎";font-size:1.5rem}.theme-night .obstacle-shape.shape-mushroom[data-v-9989d440]:before{content:"🍄";font-size:1.5rem}.theme-skull .game-board[data-v-9989d440]{background:linear-gradient(145deg,#424242,#616161);border:3px solid #9e9e9e}.theme-skull .grid[data-v-9989d440]{background:#757575}.theme-skull .cell[data-v-9989d440]{background:#616161}.theme-skull .cell[data-v-9989d440]:hover{background:#757575}.theme-skull .cell.obstacle[data-v-9989d440]{background:#212121}.theme-skull .theme-particle[data-v-9989d440]{background:#bdbdbd;box-shadow:0 0 8px #9e9e9e}.theme-skull .theme-ambient[data-v-9989d440]{background:radial-gradient(ellipse at center,#9e9e9e26,#21212140)}.theme-skull .obstacle-shape.shape-bone[data-v-9989d440]:before{content:"🦴";font-size:1.5rem}.theme-skull .obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.obstacle-shape[data-v-9989d440]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.obstacle-shape.shape-x[data-v-9989d440]:before{content:"✕";font-size:1.2rem;color:#fff;font-weight:700}.obstacle-shape.shape-rock[data-v-9989d440]:before{content:"🪨";font-size:1.3rem}.obstacle-shape.shape-tree[data-v-9989d440]:before{content:"🌲";font-size:1.5rem}.obstacle-shape.shape-water[data-v-9989d440]:before{content:"🌊";font-size:1.5rem}.obstacle-shape.shape-wall[data-v-9989d440]:before{content:"🧱";font-size:1.3rem}.obstacle-shape.shape-ice[data-v-9989d440]:before{content:"🧊";font-size:1.5rem}.obstacle-shape.shape-lava[data-v-9989d440]:before{content:"🔥";font-size:1.5rem}.obstacle-shape.shape-sand[data-v-9989d440]:before{content:"🏜️";font-size:1.5rem}.obstacle-shape.shape-mushroom[data-v-9989d440]:before{content:"🍄";font-size:1.5rem}.obstacle-shape.shape-crystal[data-v-9989d440]:before{content:"💎";font-size:1.5rem}.obstacle-shape.shape-bone[data-v-9989d440]:before{content:"🦴";font-size:1.5rem}.obstacle-shape.shape-snow[data-v-9989d440]:before{content:"❄️";font-size:1.3rem}.obstacle-shape.shape-cactus[data-v-9989d440]:before{content:"🌵";font-size:1.5rem}.portal[data-v-9989d440]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4}.portal.with-player[data-v-9989d440]{opacity:.35;z-index:3}.portal-inner[data-v-9989d440]{position:absolute;width:100%;height:100%;border-radius:50%;animation:portal-pulse-9989d440 1.5s ease-in-out infinite}.portal-arrow[data-v-9989d440],.portal-symbol[data-v-9989d440]{font-size:.9rem;font-weight:700;z-index:2}.portal-entry[data-v-9989d440]{animation:portal-entry-glow-9989d440 2s ease-in-out infinite}.portal-entry .portal-outer-ring[data-v-9989d440]{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed currentColor;opacity:.6;animation:portal-spin-slow-9989d440 4s linear infinite}.portal-entry .portal-inner-ring[data-v-9989d440]{position:absolute;width:75%;height:75%;border-radius:50%;border:2px solid currentColor;opacity:.7;animation:portal-spin-reverse-9989d440 2.5s linear infinite}.portal-entry .portal-core[data-v-9989d440]{position:absolute;width:50%;height:50%;border-radius:50%;background:radial-gradient(circle,currentColor 0%,transparent 70%);opacity:.9;animation:portal-core-pulse-9989d440 1s ease-in-out infinite}.portal-entry .portal-spiral[data-v-9989d440]{position:absolute;width:85%;height:85%;border-radius:50%;background:conic-gradient(from 0deg,transparent,currentColor,transparent,currentColor,transparent);opacity:.4;animation:portal-spiral-spin-9989d440 1.5s linear infinite}.portal-entry .portal-arrow[data-v-9989d440]{font-size:1.1rem;text-shadow:0 0 8px currentColor,0 0 15px currentColor;animation:portal-arrow-pulse-9989d440 .8s ease-in-out infinite}.portal-exit .portal-inner[data-v-9989d440]{border:3px solid currentColor;background:transparent;animation:portal-breathe-9989d440 2s ease-in-out infinite}.portal-exit .portal-symbol[data-v-9989d440]{opacity:.8}.portal-red[data-v-9989d440]{color:#ef4444;box-shadow:0 0 15px #ef444499,inset 0 0 10px #ef44444d}.portal-red .portal-inner[data-v-9989d440]{box-shadow:0 0 20px #ef444480}.portal-red .portal-core[data-v-9989d440]{box-shadow:0 0 15px #ef4444cc,inset 0 0 10px #ef444480}.portal-yellow[data-v-9989d440]{color:#eab308;box-shadow:0 0 15px #eab30899,inset 0 0 10px #eab3084d}.portal-yellow .portal-inner[data-v-9989d440]{box-shadow:0 0 20px #eab30880}.portal-yellow .portal-core[data-v-9989d440]{box-shadow:0 0 15px #eab308cc,inset 0 0 10px #eab30880}.portal-blue[data-v-9989d440]{color:#3b82f6;box-shadow:0 0 15px #3b82f699,inset 0 0 10px #3b82f64d}.portal-blue .portal-inner[data-v-9989d440]{box-shadow:0 0 20px #3b82f680}.portal-blue .portal-core[data-v-9989d440]{box-shadow:0 0 15px #3b82f6cc,inset 0 0 10px #3b82f680}.player-mark.on-portal-exit[data-v-9989d440]{opacity:.6;z-index:6;box-shadow:0 0 10px #ffffff80,0 2px 8px #0000004d;border:2px solid rgba(255,255,255,.6)}@keyframes portal-pulse-9989d440{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes portal-rotate-9989d440{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portal-breathe-9989d440{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes portal-entry-glow-9989d440{0%,to{box-shadow:0 0 20px currentColor,0 0 40px currentColor,inset 0 0 15px #fff3}50%{box-shadow:0 0 30px currentColor,0 0 60px currentColor,inset 0 0 20px #ffffff4d}}@keyframes portal-spin-slow-9989d440{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portal-spin-reverse-9989d440{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes portal-core-pulse-9989d440{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(.7);opacity:1}}@keyframes portal-spiral-spin-9989d440{0%{transform:rotate(0);opacity:.4}50%{opacity:.6}to{transform:rotate(360deg);opacity:.4}}@keyframes portal-arrow-pulse-9989d440{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.cell.player1[data-v-9989d440]{background:#4dabf7!important}.cell.player2[data-v-9989d440]{background:#ff6b6b!important}.avatar-icon[data-v-ed691828]{position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;transition:all .3s ease;overflow:hidden;background:var(--bg-gradient)}.avatar-icon.crop-circle[data-v-ed691828]{border-radius:12px}.avatar-icon.crop-circle.size-small[data-v-ed691828]{width:36px;height:36px}.avatar-icon.crop-circle.size-medium[data-v-ed691828]{width:50px;height:50px}.avatar-icon.crop-circle.size-large[data-v-ed691828]{width:70px;height:70px}.avatar-icon.crop-circle.size-xlarge[data-v-ed691828]{width:90px;height:90px}.avatar-icon.crop-full[data-v-ed691828]{border-radius:12px}.avatar-icon.crop-full.size-small[data-v-ed691828]{width:36px;height:48px}.avatar-icon.crop-full.size-medium[data-v-ed691828]{width:50px;height:66.67px}.avatar-icon.crop-full.size-large[data-v-ed691828]{width:70px;height:93.33px}.avatar-icon.crop-full.size-xlarge[data-v-ed691828]{width:90px;height:120px}.avatar-ring[data-v-ed691828]{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:16px;border:2px solid var(--accent-color);animation:ring-pulse-ed691828 2s ease-in-out infinite;pointer-events:none}@keyframes ring-pulse-ed691828{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.avatar-image[data-v-ed691828]{display:block}.avatar-image.crop-circle[data-v-ed691828]{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-image.crop-full[data-v-ed691828]{width:100%;height:100%;object-fit:contain;object-position:center}.avatar-placeholder[data-v-ed691828]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.placeholder-icon[data-v-ed691828]{font-size:1.5em;font-weight:700;color:#fff}.selected-mark[data-v-ed691828]{position:absolute;bottom:-2px;right:-2px;width:30%;height:30%;min-width:20px;min-height:20px;background:#48bb78;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #0000004d}.check-icon[data-v-ed691828]{color:#fff;font-size:.7em;font-weight:700}.avatar-icon[data-v-ed691828]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.avatar-selector-overlay[data-v-33e271ae]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-33e271ae .3s ease}@keyframes fadeIn-33e271ae{0%{opacity:0}to{opacity:1}}.avatar-selector-modal[data-v-33e271ae]{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp-33e271ae .3s ease}@keyframes slideUp-33e271ae{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.selector-header[data-v-33e271ae]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.selector-header h2[data-v-33e271ae]{margin:0;font-size:1.3rem;font-weight:600}.close-btn[data-v-33e271ae]{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-33e271ae]:hover{background:#ffffff4d;transform:rotate(90deg)}.gender-tabs[data-v-33e271ae]{display:flex;padding:1rem 1.5rem;gap:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.gender-tab[data-v-33e271ae]{flex:1;padding:.8rem 1rem;border:2px solid #dee2e6;border-radius:12px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.gender-tab[data-v-33e271ae]:hover{border-color:#667eea}.gender-tab.active[data-v-33e271ae]{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.tab-icon[data-v-33e271ae]{font-size:1.2rem}.tab-text[data-v-33e271ae]{font-weight:600;color:#333}.avatars-grid[data-v-33e271ae]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1.5rem;overflow-y:auto;flex:1}.avatar-card[data-v-33e271ae]{background:#f8f9fa;border:3px solid transparent;border-radius:16px;padding:1rem;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;align-items:center}.avatar-card[data-v-33e271ae]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.avatar-card.selected[data-v-33e271ae]{border-color:#48bb78;background:linear-gradient(145deg,#e6fffa,#c6f6d5)}.card-avatar[data-v-33e271ae]{margin-bottom:.5rem}.card-info[data-v-33e271ae]{text-align:center}.card-name[data-v-33e271ae]{font-weight:600;color:#333;font-size:.95rem}.card-desc[data-v-33e271ae]{font-size:.75rem;color:#666;margin-top:.25rem}.selected-badge[data-v-33e271ae]{position:absolute;top:8px;right:8px;background:#48bb78;color:#fff;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700}.selector-footer[data-v-33e271ae]{display:flex;gap:1rem;padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.btn-cancel[data-v-33e271ae],.btn-confirm[data-v-33e271ae]{flex:1;padding:.8rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel[data-v-33e271ae]{background:#fff;border:2px solid #dee2e6;color:#666}.btn-cancel[data-v-33e271ae]:hover{border-color:#adb5bd;background:#f8f9fa}.btn-confirm[data-v-33e271ae]{background:linear-gradient(135deg,#48bb78,#38a169);border:none;color:#fff}.btn-confirm[data-v-33e271ae]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #48bb7866}.btn-confirm[data-v-33e271ae]:disabled{background:#adb5bd;cursor:not-allowed}.settings-overlay[data-v-58082e95]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000;z-index:9999;pointer-events:none;transition:background .3s ease}.settings-overlay.visible[data-v-58082e95]{background:#00000080;pointer-events:auto}.settings-panel[data-v-58082e95]{position:fixed;top:0;right:0;width:360px;max-width:90vw;height:100%;background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:-4px 0 20px #0000004d;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;pointer-events:auto}.settings-panel.open[data-v-58082e95]{transform:translate(0)}.settings-header[data-v-58082e95]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header h2[data-v-58082e95]{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.close-btn[data-v-58082e95]{width:36px;height:36px;background:#ff6b6b33;border:none;color:#ff6b6b;font-size:1.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-58082e95]:hover{background:#ff6b6bcc;transform:rotate(90deg)}.settings-content[data-v-58082e95]{flex:1;overflow-y:auto;padding:1rem 1.5rem}.settings-section[data-v-58082e95]{margin-bottom:1.5rem}.section-title[data-v-58082e95]{color:#a0aec0;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.setting-item[data-v-58082e95]{margin-bottom:1.2rem}.setting-label[data-v-58082e95]{display:block;color:#e2e8f0;font-size:.95rem;margin-bottom:.5rem}.nickname-input-wrapper[data-v-58082e95]{position:relative;display:flex;align-items:center}.nickname-input[data-v-58082e95]{flex:1;padding:.7rem 1rem;padding-right:50px;font-size:1rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;transition:all .2s}.nickname-input[data-v-58082e95]:focus{outline:none;border-color:#667eea;background:#ffffff26}.nickname-input[data-v-58082e95]::placeholder{color:#fff6}.char-count[data-v-58082e95]{position:absolute;right:12px;color:#fff6;font-size:.8rem}.error-hint[data-v-58082e95]{color:#ff6b6b;font-size:.8rem;margin-top:.3rem}.volume-control[data-v-58082e95]{display:flex;align-items:center;gap:1rem}.volume-slider[data-v-58082e95]{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer}.volume-slider[data-v-58082e95]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.volume-slider[data-v-58082e95]::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider[data-v-58082e95]::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.volume-value[data-v-58082e95]{min-width:45px;color:#a0aec0;font-size:.9rem;text-align:right}.toggle-switch[data-v-58082e95]{cursor:pointer}.toggle-track[data-v-58082e95]{width:50px;height:26px;background:#fff3;border-radius:13px;position:relative;transition:background .3s}.toggle-track.active[data-v-58082e95]{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-thumb[data-v-58082e95]{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px #0003}.toggle-thumb.active[data-v-58082e95]{transform:translate(24px)}.settings-footer[data-v-58082e95]{display:flex;gap:1rem;padding:1.2rem 1.5rem;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.btn[data-v-58082e95]{flex:1;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-reset[data-v-58082e95]{background:#ffffff1a;color:#a0aec0}.btn-reset[data-v-58082e95]:hover{background:#fff3;color:#fff}.btn-save[data-v-58082e95]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save[data-v-58082e95]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.save-success-toast[data-v-58082e95]{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#48bb78;color:#fff;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #48bb7866}.fade-enter-active[data-v-58082e95],.fade-leave-active[data-v-58082e95]{transition:opacity .3s ease}.fade-enter-from[data-v-58082e95],.fade-leave-to[data-v-58082e95]{opacity:0}@media (max-width: 480px){.settings-panel[data-v-58082e95]{width:100%;max-width:100%}.settings-footer[data-v-58082e95]{flex-direction:column}}[data-v-e61816b0]{margin:0;padding:0;box-sizing:border-box}html[data-v-e61816b0],body[data-v-e61816b0]{margin:0;padding:0;overflow:hidden;height:100%}.game-container[data-v-e61816b0]{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);overflow-y:auto;overflow-x:hidden}.connect-screen[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;color:#fff;padding:2rem}.title[data-v-e61816b0]{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle[data-v-e61816b0]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.connect-form[data-v-e61816b0]{display:flex;gap:1rem;margin-bottom:1rem}.room-input[data-v-e61816b0]{padding:.8rem 1.5rem;font-size:1rem;border:none;border-radius:8px;width:200px}.divider[data-v-e61816b0]{margin:1.5rem 0;opacity:.7}.btn[data-v-e61816b0]{padding:.8rem 2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s;background:#fff;color:#667eea;font-weight:700}.btn[data-v-e61816b0]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.btn-primary[data-v-e61816b0]{background:#48bb78;color:#fff}.btn-confirm[data-v-e61816b0]{background:#48bb78;color:#fff;margin-top:1rem}.btn-confirm[data-v-e61816b0]:disabled{background:#a0a0a0;cursor:not-allowed;transform:none}.error[data-v-e61816b0]{color:#ff6b6b;margin-top:1rem}.status[data-v-e61816b0]{margin-top:1rem;opacity:.8}.waiting-screen[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;color:#fff;padding:2rem}.waiting-text[data-v-e61816b0]{font-size:1.5rem;margin-top:1rem}.loading-spinner[data-v-e61816b0]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-e61816b0 1s linear infinite;margin:1.5rem auto 0}@keyframes spin-e61816b0{to{transform:rotate(360deg)}}.game-screen[data-v-e61816b0]{display:flex;flex-direction:column;height:auto;min-height:100vh;padding:1rem;box-sizing:border-box}.players-bar[data-v-e61816b0]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fffffff2;border-radius:12px;margin-bottom:1rem;box-shadow:0 4px 15px #0000001a}.player-info[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center}.player-info.is-priority .player-name[data-v-e61816b0]{color:#48bb78}.player-name[data-v-e61816b0]{font-weight:700;color:#333}.player-hp[data-v-e61816b0]{font-size:1.2rem}.round-info[data-v-e61816b0]{font-size:1.2rem;color:#667eea;font-weight:700}.game-area[data-v-e61816b0]{display:flex;justify-content:center;align-items:center;gap:1rem;padding:.5rem}.player-side-panel[data-v-e61816b0]{width:120px;background:#fffffffa;border-radius:20px;padding:1.2rem .8rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #00000026;transition:all .3s ease;position:relative;overflow:hidden}.left-panel[data-v-e61816b0]{border:3px solid #4dabf7;background:linear-gradient(180deg,#4dabf726,#fffffffa 40%)}.left-panel[data-v-e61816b0]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4dabf7,#1971c2,#4dabf7)}.right-panel[data-v-e61816b0]{border:3px solid #ff6b6b;background:linear-gradient(180deg,#ff6b6b26,#fffffffa 40%)}.right-panel[data-v-e61816b0]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#c92a2a,#ff6b6b)}.player-side-panel.is-me[data-v-e61816b0]{box-shadow:0 0 25px #48bb7880;transform:scale(1.02)}.left-panel.is-me[data-v-e61816b0],.right-panel.is-me[data-v-e61816b0]{border-color:#48bb78;border-width:4px}.panel-player-label[data-v-e61816b0]{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.left-panel .panel-player-label[data-v-e61816b0]{color:#1971c2}.right-panel .panel-player-label[data-v-e61816b0]{color:#c92a2a}.panel-character[data-v-e61816b0]{margin-bottom:.5rem}.character-avatar[data-v-e61816b0]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:avatarFloat-e61816b0 3s ease-in-out infinite}@keyframes avatarFloat-e61816b0{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.blue-avatar[data-v-e61816b0]{background:linear-gradient(145deg,#4dabf7,#1971c2);box-shadow:0 4px 15px #1971c266;border:3px solid #1971c2}.red-avatar[data-v-e61816b0]{background:linear-gradient(145deg,#ff6b6b,#c92a2a);box-shadow:0 4px 15px #c92a2a66;border:3px solid #c92a2a}.avatar-icon[data-v-e61816b0]{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.panel-identity[data-v-e61816b0]{margin-bottom:.5rem}.identity-badge[data-v-e61816b0]{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.you-badge[data-v-e61816b0]{background:linear-gradient(145deg,#48bb78,#38a169);color:#fff;box-shadow:0 2px 8px #48bb7866;animation:pulseBadge-e61816b0 2s ease-in-out infinite}@keyframes pulseBadge-e61816b0{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.opponent-badge[data-v-e61816b0]{background:linear-gradient(145deg,#868e96,#495057);color:#fff}.panel-hp[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center}.hp-label[data-v-e61816b0]{font-size:.75rem;color:#666;margin-bottom:.25rem}.hp-hearts[data-v-e61816b0]{display:flex;gap:.15rem}.heart[data-v-e61816b0]{font-size:1rem;transition:all .3s}.heart.lost[data-v-e61816b0]{opacity:.5;filter:grayscale(1)}.board-container[data-v-e61816b0]{display:flex;justify-content:center;align-items:center;padding:1rem;overflow:hidden;flex-shrink:0;min-height:320px}.phase-indicator[data-v-e61816b0]{text-align:center;padding:.8rem;background:#fffffff2;border-radius:8px;margin:1rem 0;font-size:1.1rem;color:#333;box-shadow:0 2px 10px #0000001a}.timer-warning[data-v-e61816b0]{color:#ff6b6b!important;font-weight:700;animation:blink-e61816b0 .5s infinite}@keyframes blink-e61816b0{0%,to{opacity:1}50%{opacity:.5}}.cards-area[data-v-e61816b0]{background:#fffffff2;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a}.cards-tip[data-v-e61816b0]{text-align:center;margin-bottom:1rem;color:#333;font-weight:700}.available-cards[data-v-e61816b0],.hand-cards[data-v-e61816b0]{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.card[data-v-e61816b0]{width:100px;height:140px;background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative}.card[data-v-e61816b0]:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card.selected[data-v-e61816b0]{background:linear-gradient(145deg,#a8e6cf,#88d8b0);border-color:#48bb78}.card.current-card[data-v-e61816b0]{background:linear-gradient(145deg,#ffeaa7,#fdcb6e);border-color:#f39c12;animation:pulse-e61816b0 1s infinite}.card.played[data-v-e61816b0]{opacity:.5;background:#dfe6e9}.card.disabled[data-v-e61816b0]{cursor:not-allowed;opacity:.7}.card.first-visible[data-v-e61816b0]{border-color:#667eea;border-width:3px}.card-icon[data-v-e61816b0]{font-size:2rem;margin-bottom:.5rem}.card-name[data-v-e61816b0]{font-size:.75rem;text-align:center;color:#333}.card-index[data-v-e61816b0]{position:absolute;top:5px;right:5px;background:#667eea;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem}.played-badge[data-v-e61816b0]{position:absolute;bottom:5px;background:#a0a0a0;color:#fff;padding:2px 8px;border-radius:4px;font-size:.7rem}.ordering-hint[data-v-e61816b0]{text-align:center;margin-top:.5rem;font-size:.9rem;color:#666}.opponent-first-card[data-v-e61816b0]{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6;text-align:center}.opponent-first-card p[data-v-e61816b0]{color:#667eea;font-weight:700;margin-bottom:.5rem}.opponent-first-card-top[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #667eea}.opponent-first-card-top p[data-v-e61816b0]{color:#667eea;font-weight:700;margin-bottom:.8rem;font-size:1.1rem}.center-card[data-v-e61816b0]{margin:0 auto}.current-action[data-v-e61816b0]{text-align:center;margin-top:1rem}.current-action p[data-v-e61816b0]{margin-bottom:.5rem;color:#333}.game-message[data-v-e61816b0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;background:#000c;color:#fff;border-radius:8px;font-size:1.2rem;z-index:1000;animation:fadeIn-e61816b0 .3s}.game-message.error[data-v-e61816b0]{background:#dc3545e6}.game-message.success[data-v-e61816b0]{background:#28a745e6}.game-message.my-action[data-v-e61816b0]{background:#28a745f2;border:2px solid #28a745;box-shadow:0 0 20px #28a74580}.game-message.opponent-action[data-v-e61816b0]{background:#dc3545f2;border:2px solid #dc3545;box-shadow:0 0 20px #dc354580}.game-message.private[data-v-e61816b0]{background:#667eeaf2;border:2px solid #667eea;box-shadow:0 0 20px #667eea80}@keyframes fadeIn-e61816b0{0%{opacity:0}to{opacity:1}}@keyframes pulse-e61816b0{0%,to{box-shadow:0 0 #f39c1266}50%{box-shadow:0 0 0 10px #f39c1200}}.game-end-screen[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem}.result-title[data-v-e61816b0]{font-size:4rem;margin-bottom:1rem}.disconnect-notice[data-v-e61816b0]{text-align:center;padding:2rem;background:#ffffff1a;border-radius:16px;border:2px solid rgba(255,255,255,.3)}.disconnect-notice p[data-v-e61816b0]{font-size:1.3rem;margin:.5rem 0}.rematch-waiting[data-v-e61816b0]{text-align:center;margin-top:1rem}.rematch-waiting p[data-v-e61816b0]{font-size:1.2rem;margin-bottom:1rem}.rematch-request[data-v-e61816b0]{text-align:center;margin-top:1rem}.rematch-request p[data-v-e61816b0]{font-size:1.3rem;margin-bottom:1rem}.rematch-buttons[data-v-e61816b0]{display:flex;gap:1rem;justify-content:center}.btn-success[data-v-e61816b0]{background:#48bb78;color:#fff}.btn-success[data-v-e61816b0]:hover{background:#38a169}.btn-danger[data-v-e61816b0]{background:#e53e3e;color:#fff}.btn-danger[data-v-e61816b0]:hover{background:#c53030}.rematch-rejected[data-v-e61816b0]{text-align:center;margin-top:1rem;padding:1rem;background:#e53e3e4d;border-radius:8px}.rematch-rejected p[data-v-e61816b0]{font-size:1.1rem}.game-end-buttons[data-v-e61816b0]{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;align-items:center}.game-end-buttons .btn[data-v-e61816b0]{min-width:200px}.configuring-screen[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;color:#fff;padding:2rem}.configuring-screen h3[data-v-e61816b0]{font-size:1.8rem;margin:1rem 0}.map-size-selection[data-v-e61816b0]{text-align:center;margin-top:1rem}.map-size-selection p[data-v-e61816b0]{font-size:1.2rem;margin-bottom:1rem}.map-options[data-v-e61816b0]{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.map-option-btn[data-v-e61816b0]{width:80px;height:80px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;background:#fff;color:#667eea;border:3px solid transparent}.map-option-btn.selected[data-v-e61816b0]{background:#48bb78;color:#fff;border-color:#38a169}.map-option-btn[data-v-e61816b0]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.fog-selection[data-v-e61816b0]{margin:1.5rem 0;padding:1rem;background:#ffffff1a;border-radius:12px}.fog-selection p[data-v-e61816b0]{font-size:1.2rem;margin-bottom:.8rem}.fog-options[data-v-e61816b0]{display:flex;gap:1rem;justify-content:center}.fog-option-btn[data-v-e61816b0]{width:100px;height:50px;font-size:1.1rem;background:#fff;color:#667eea;border:3px solid transparent;white-space:nowrap;display:flex;align-items:center;justify-content:center}.fog-option-btn.selected[data-v-e61816b0]{background:#48bb78;color:#fff;border-color:#38a169}.fog-option-btn[data-v-e61816b0]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.fog-hint[data-v-e61816b0]{font-size:.9rem!important;color:#fffc;margin-top:.5rem;margin-bottom:0}.confirm-map-btn[data-v-e61816b0]{padding:1rem 3rem;font-size:1.1rem}.confirm-map-btn[data-v-e61816b0]:disabled{background:#a0a0a0;cursor:not-allowed;transform:none}.waiting-config[data-v-e61816b0]{text-align:center;margin-top:1rem}.waiting-config p[data-v-e61816b0]{font-size:1.2rem;margin-bottom:1rem}.btn-copy[data-v-e61816b0]{background:#667eea;color:#fff;margin-bottom:1rem}.copy-success[data-v-e61816b0]{color:#a8e6cf;font-size:.9rem;margin-top:-.5rem;margin-bottom:1rem}.rules-modal[data-v-e61816b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.rules-content[data-v-e61816b0]{background:#fff;padding:2rem;border-radius:16px;max-width:500px;max-height:80vh;overflow-y:auto;color:#333}.rules-content .btn[data-v-e61816b0]{display:block;margin:1rem auto 0}.rules-content h2[data-v-e61816b0]{text-align:center;margin-bottom:1.5rem;color:#667eea}.rules-section[data-v-e61816b0]{margin-bottom:1.5rem}.rules-section h3[data-v-e61816b0]{color:#48bb78;margin-bottom:.5rem}.rules-section ul[data-v-e61816b0],.rules-section ol[data-v-e61816b0]{padding-left:1.5rem}.rules-section li[data-v-e61816b0]{margin-bottom:.5rem}.rules-section .sub-list[data-v-e61816b0]{margin-top:.3rem;padding-left:1.2rem}.rules-section .sub-list li[data-v-e61816b0]{margin-bottom:.3rem;font-size:.9rem;color:#555}.rules-section .theme-list[data-v-e61816b0]{font-size:1.2rem;text-align:center;margin-bottom:.5rem;letter-spacing:.1em}.rules-section .theme-note[data-v-e61816b0]{font-size:.85rem;color:#888;text-align:center;font-style:italic}.rules-checkbox[data-v-e61816b0]{margin:1rem 0;text-align:center}.rules-checkbox label[data-v-e61816b0]{cursor:pointer;color:#666}.rules-btn[data-v-e61816b0]{background:transparent;color:#fff;border:2px solid white;margin-bottom:1rem}.rules-btn[data-v-e61816b0]:hover{background:#ffffff1a}.selection-progress[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.progress-bar[data-v-e61816b0]{width:200px;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill[data-v-e61816b0]{height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width .3s ease}.progress-dots[data-v-e61816b0]{display:flex;gap:.5rem}.progress-dots .dot[data-v-e61816b0]{width:24px;height:24px;border-radius:50%;background:#dee2e6;color:#868e96;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;transition:all .3s}.progress-dots .dot.filled[data-v-e61816b0]{background:#48bb78;color:#fff}.order-confirmed[data-v-e61816b0]{color:#48bb78;font-weight:700;font-size:1.2rem;text-shadow:0 0 10px rgba(72,187,120,.3)}.choose-card-modal[data-v-e61816b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500}.choose-card-content[data-v-e61816b0]{background:#fff;padding:2rem;border-radius:16px;max-width:450px;width:90%;text-align:center;color:#333}.choose-card-content h2[data-v-e61816b0]{color:#667eea;margin-bottom:1rem}.choose-tip[data-v-e61816b0]{font-size:1.1rem;color:#666;margin-bottom:1.5rem}.choose-options[data-v-e61816b0]{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.choose-option[data-v-e61816b0]{width:130px;padding:1.5rem 1rem;border:3px solid #dee2e6;border-radius:16px;cursor:pointer;transition:all .3s;background:#f8f9fa}.choose-option[data-v-e61816b0]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#667eea}.choose-option.selected[data-v-e61816b0]{border-color:#48bb78;background:linear-gradient(145deg,#a8e6cf,#88d8b0)}.choose-icon[data-v-e61816b0]{font-size:2.5rem;margin-bottom:.5rem}.choose-label[data-v-e61816b0]{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.3rem}.choose-desc[data-v-e61816b0]{font-size:.85rem;color:#666}.confirm-choice-btn[data-v-e61816b0]{padding:.8rem 2.5rem;font-size:1.1rem}.confirm-choice-btn[data-v-e61816b0]:disabled{background:#a0a0a0;cursor:not-allowed}.played-cards-area[data-v-e61816b0]{background:linear-gradient(145deg,#f0f4ff,#e8ecf8);border-radius:12px;padding:1rem;margin-bottom:1rem;border:2px solid #667eea}.played-cards-row[data-v-e61816b0]{display:flex;justify-content:center;align-items:center;gap:1rem}.player-played-cards[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center}.player-label[data-v-e61816b0]{font-size:.9rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.player-played-cards.my-area .player-label[data-v-e61816b0]{color:#48bb78}.player-played-cards.my-area .played-card.my-card[data-v-e61816b0]{border-color:#48bb78;border-width:3px;box-shadow:0 0 15px #48bb7866}.player-played-cards.opponent-area .player-label[data-v-e61816b0]{color:#e53e3e}.player-played-cards.opponent-area .played-card.opponent-card[data-v-e61816b0]{border-color:#e53e3e;border-width:3px;box-shadow:0 0 15px #e53e3e66}.cards-row[data-v-e61816b0]{display:flex;gap:.5rem}.played-card[data-v-e61816b0]{width:80px;height:110px;background:linear-gradient(145deg,#fff,#f8f9fa);border-color:#48bb78;cursor:default}.played-card.current-playing[data-v-e61816b0]{animation:cardGlow-e61816b0 1s infinite;border-color:#f39c12;border-width:3px}@keyframes cardGlow-e61816b0{0%,to{box-shadow:0 0 5px #f39c1280}50%{box-shadow:0 0 20px #f39c12cc}}.empty-card[data-v-e61816b0]{width:80px;height:110px;background:linear-gradient(145deg,#e9ecef,#dee2e6);border:2px dashed #adb5bd;opacity:.6;cursor:default}.empty-card[data-v-e61816b0]:hover{transform:none;box-shadow:none}.empty-card .card-icon[data-v-e61816b0]{color:#adb5bd}.vs-divider[data-v-e61816b0]{font-size:1.5rem;font-weight:700;color:#667eea;text-shadow:0 0 10px rgba(102,126,234,.3);padding:0 .5rem}.flying-card-overlay[data-v-e61816b0]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3000}.flying-card[data-v-e61816b0]{width:100px;height:140px;background:linear-gradient(145deg,#fff,#f8f9fa);border:3px solid #48bb78;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 40px #48bb7880;animation:flyCard-e61816b0 .6s ease-out forwards}.flying-card .card-icon[data-v-e61816b0]{font-size:2.5rem;margin-bottom:.5rem}.flying-card .card-name[data-v-e61816b0]{font-size:.85rem;text-align:center;color:#333;font-weight:700}.flying-card.my-card[data-v-e61816b0]{border-color:#48bb78;box-shadow:0 10px 40px #48bb7899}.flying-card.opponent-card[data-v-e61816b0]{border-color:#e53e3e;box-shadow:0 10px 40px #e53e3e99}.flying-card.from-bottom[data-v-e61816b0]{animation:flyFromBottom-e61816b0 1.5s ease-out forwards}.flying-card.from-top[data-v-e61816b0]{animation:flyFromTop-e61816b0 1.5s ease-out forwards}@keyframes flyFromBottom-e61816b0{0%{transform:translateY(150px) scale(.3);opacity:0}25%{transform:translateY(0) scale(1.4);opacity:1}70%{transform:translateY(0) scale(1.4);opacity:1}to{transform:translate(var(--fly-direction, -150px),var(--target-y, -80px)) scale(.7);opacity:0}}@keyframes flyFromTop-e61816b0{0%{transform:translateY(-150px) scale(.3);opacity:0}25%{transform:translateY(0) scale(1.4);opacity:1}70%{transform:translateY(0) scale(1.4);opacity:1}to{transform:translate(var(--fly-direction, 150px),var(--target-y, 80px)) scale(.7);opacity:0}}@keyframes flyCard-e61816b0{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.4);opacity:1}70%{transform:scale(1.4);opacity:1}to{transform:scale(.7);opacity:0}}.round-transition-overlay[data-v-e61816b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4000}.round-transition-content[data-v-e61816b0]{text-align:center;color:#fff}.round-transition-icon[data-v-e61816b0]{font-size:4rem;margin-bottom:1rem;animation:iconBounce-e61816b0 .6s ease-out}@keyframes iconBounce-e61816b0{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0);opacity:1}}.round-transition-text[data-v-e61816b0]{font-size:2.5rem;font-weight:700;text-shadow:0 4px 20px rgba(102,126,234,.8);animation:textSlideIn-e61816b0 .5s ease-out .2s both}@keyframes textSlideIn-e61816b0{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.round-transition-enter-active[data-v-e61816b0]{animation:fadeInOverlay-e61816b0 .3s ease-out}.round-transition-leave-active[data-v-e61816b0]{animation:fadeOutOverlay-e61816b0 .3s ease-in}@keyframes fadeInOverlay-e61816b0{0%{opacity:0}to{opacity:1}}@keyframes fadeOutOverlay-e61816b0{0%{opacity:1}to{opacity:0}}.map-name-overlay[data-v-e61816b0]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:5000}.map-name-content[data-v-e61816b0]{text-align:center;color:#fff;animation:mapNameAppear-e61816b0 .5s ease-out}.map-name-icon[data-v-e61816b0]{font-size:5rem;margin-bottom:1rem;animation:iconFloat-e61816b0 2s ease-in-out infinite}@keyframes iconFloat-e61816b0{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-name-title[data-v-e61816b0]{font-size:1.2rem;color:#ffffffb3;margin-bottom:.5rem;letter-spacing:.2em}.map-name-text[data-v-e61816b0]{font-size:3.5rem;font-weight:700;text-shadow:0 4px 30px rgba(102,126,234,.8);margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#48bb78);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-name-desc[data-v-e61816b0]{font-size:1.1rem;color:#fff9;margin-top:.5rem}@keyframes mapNameAppear-e61816b0{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.map-name-transition-enter-active[data-v-e61816b0]{animation:fadeInOverlay-e61816b0 .3s ease-out}.map-name-transition-leave-active[data-v-e61816b0]{animation:fadeOutOverlay-e61816b0 .5s ease-in}.connect-screen .avatar-select-area[data-v-e61816b0]{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.5rem;background:#ffffff26;border-radius:12px;cursor:pointer;transition:all .3s;border:2px solid rgba(255,255,255,.3);margin-bottom:0}.avatar-select-area[data-v-e61816b0]:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.avatar-label[data-v-e61816b0]{font-size:1rem;color:#fff;font-weight:500}.avatar-change-hint[data-v-e61816b0]{font-size:.85rem;color:#ffffffb3;margin-left:.5rem}.waiting-screen .waiting-avatar[data-v-e61816b0]{position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;border-radius:12px;border:2px solid rgba(255,255,255,.3);margin-bottom:0}.waiting-avatar .avatar-label[data-v-e61816b0]{font-size:1rem;color:#fff;font-weight:500}.top-toolbar[data-v-e61816b0]{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:1rem;z-index:100}.settings-btn[data-v-e61816b0]{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:all .3s;border:2px solid rgba(255,255,255,.3)}.settings-btn[data-v-e61816b0]:hover{background:#ffffff4d;transform:rotate(30deg) scale(1.1)}.main-avatar-display[data-v-e61816b0]{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#ffffff26;border-radius:12px;cursor:pointer;transition:all .3s;border:2px solid rgba(255,255,255,.3)}.main-avatar-display[data-v-e61816b0]:hover{background:#ffffff40;transform:translateY(-2px)}.avatar-hint[data-v-e61816b0]{font-size:.75rem;color:#ffffffb3;margin-top:.25rem}.game-toolbar[data-v-e61816b0]{display:flex;justify-content:flex-end;padding:0 1rem;margin-bottom:.5rem}.game-settings-btn[data-v-e61816b0]{width:36px;height:36px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;box-shadow:0 2px 8px #00000026;transition:all .3s}.game-settings-btn[data-v-e61816b0]:hover{transform:rotate(30deg) scale(1.1);box-shadow:0 4px 12px #0003}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}