#mainMenu[data-v-39c38a8c]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);padding:20px;position:relative;overflow:hidden}#mainMenu[data-v-39c38a8c]:before{content:"";position:absolute;inset:0;will-change:transform;transform:translateZ(0);background:radial-gradient(2px 2px at 5% 8%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(2.5px 2.5px at 12% 20%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 18% 5%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(2px 2px at 25% 15%,rgba(255,255,255,.65) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 32% 3%,rgba(255,255,255,.45) 50%,transparent 50%),radial-gradient(2px 2px at 38% 25%,rgba(255,255,255,.55) 50%,transparent 50%),radial-gradient(3px 3px at 45% 10%,rgba(255,255,255,.7) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 52% 18%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(2px 2px at 58% 6%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(2.5px 2.5px at 65% 22%,rgba(255,255,255,.65) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 72% 12%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(2px 2px at 78% 4%,rgba(255,255,255,.55) 50%,transparent 50%),radial-gradient(2.5px 2.5px at 85% 16%,rgba(255,255,255,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 92% 8%,rgba(255,255,255,.5) 50%,transparent 50%),radial-gradient(2px 2px at 96% 20%,rgba(255,255,255,.55) 50%,transparent 50%),radial-gradient(1px 1px at 8% 30%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 22% 28%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 35% 35%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 48% 32%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 55% 28%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 68% 34%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 75% 30%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 88% 32%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 3% 40%,rgba(255,255,255,.15) 50%,transparent 50%),radial-gradient(1px 1px at 42% 38%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 62% 40%,rgba(255,255,255,.15) 50%,transparent 50%),radial-gradient(1px 1px at 82% 42%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1px 1px at 95% 38%,rgba(255,255,255,.15) 50%,transparent 50%),radial-gradient(ellipse at 20% 30%,rgba(212,160,23,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.06) 0%,transparent 60%);pointer-events:none;animation:starTwinkle-39c38a8c 4s ease-in-out infinite alternate}@keyframes starTwinkle-39c38a8c{0%{opacity:.85}to{opacity:1}}#mainMenu[data-v-39c38a8c]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:28vh;will-change:transform;transform:translateZ(0);clip-path:polygon(0% 100%,0% 68%,1% 68%,1% 55%,2.5% 55%,2.5% 50%,4% 50%,4% 55%,5% 55%,5% 68%,5.5% 68%,5.5% 82%,7% 82%,7% 68%,7.5% 68%,7.5% 75%,8% 72%,8.5% 68%,9% 72%,9.5% 75%,10% 72%,10.5% 68%,11% 72%,11.5% 75%,12% 68%,12.5% 68%,12.5% 42%,13% 38%,13.5% 35%,14% 32%,14.5% 35%,15% 38%,15.5% 42%,15.5% 68%,16% 68%,16% 50%,17.5% 50%,17.5% 45%,19% 45%,19% 50%,20% 50%,20% 68%,20.5% 68%,20.5% 82%,22% 82%,22% 68%,22.5% 68%,22.5% 58%,23% 55%,23.5% 52%,27% 52%,28% 55%,28.5% 58%,28.5% 68%,29% 68%,29% 48%,30% 40%,31% 36%,32% 40%,33% 48%,33% 68%,33.5% 68%,33.5% 82%,35% 82%,35% 68%,35.5% 68%,35.5% 58%,37% 58%,37% 62%,38.5% 62%,38.5% 58%,40% 58%,40% 68%,40.5% 68%,40.5% 38%,41% 32%,41.3% 22%,41.5% 18%,41.7% 22%,42% 32%,42.5% 38%,42.5% 68%,43% 68%,43% 52%,44.5% 46%,46% 46%,47% 52%,47% 68%,47.5% 68%,47.5% 76%,48% 73%,48.5% 70%,49% 73%,49.5% 76%,50% 73%,50.5% 68%,51% 68%,51% 82%,52.5% 82%,52.5% 68%,53% 68%,53% 44%,54% 40%,55% 44%,55% 68%,55.5% 68%,55.5% 48%,57% 42%,58% 38%,59% 42%,60% 48%,60% 68%,60.5% 68%,60.5% 82%,62% 82%,62% 68%,62.5% 68%,62.5% 56%,63% 54%,67% 54%,67.5% 56%,67.5% 68%,68% 68%,68% 50%,69% 44%,70% 40%,71% 44%,72% 50%,72% 68%,72.5% 68%,72.5% 82%,74% 82%,74% 68%,74.5% 68%,74.5% 60%,75% 57%,75.5% 55%,78.5% 55%,79% 57%,79.5% 60%,79.5% 68%,80% 68%,80% 36%,80.5% 30%,81% 26%,81.5% 30%,82% 36%,82% 68%,82.5% 68%,82.5% 60%,84% 60%,84% 68%,84.5% 72%,85% 68%,85.5% 72%,86% 68%,86.5% 68%,86.5% 82%,88% 82%,88% 68%,88.5% 68%,88.5% 50%,89.5% 42%,90.5% 38%,91.5% 42%,92.5% 50%,92.5% 68%,93% 68%,93% 58%,94.5% 62%,96% 55%,97.5% 55%,97.5% 68%,98% 68%,98% 60%,99.5% 60%,99.5% 68%,100% 68%,100% 100%);background:radial-gradient(2px 2px at 2.5% 56%,rgba(251,191,36,.8) 50%,transparent 50%),radial-gradient(2px 2px at 4% 58%,rgba(255,220,100,.6) 50%,transparent 50%),radial-gradient(2px 2px at 13.5% 38%,rgba(251,191,36,.85) 50%,transparent 50%),radial-gradient(2px 2px at 14% 46%,rgba(255,220,100,.7) 50%,transparent 50%),radial-gradient(2px 2px at 13.3% 54%,rgba(251,191,36,.65) 50%,transparent 50%),radial-gradient(2px 2px at 14.5% 62%,rgba(255,220,100,.5) 50%,transparent 50%),radial-gradient(2px 2px at 17.5% 48%,rgba(251,191,36,.65) 50%,transparent 50%),radial-gradient(2px 2px at 19% 52%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(3px 2px at 25.5% 56%,rgba(251,191,36,.7) 50%,transparent 50%),radial-gradient(3px 2px at 27% 60%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(2px 2px at 30.5% 40%,rgba(251,191,36,.8) 50%,transparent 50%),radial-gradient(2px 2px at 31% 48%,rgba(255,220,100,.6) 50%,transparent 50%),radial-gradient(2px 2px at 36.5% 60%,rgba(251,191,36,.65) 50%,transparent 50%),radial-gradient(2px 2px at 39% 60%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(2px 2px at 41.3% 26%,rgba(251,191,36,.85) 50%,transparent 50%),radial-gradient(2px 2px at 41.5% 34%,rgba(255,220,100,.75) 50%,transparent 50%),radial-gradient(2px 2px at 41% 42%,rgba(251,191,36,.65) 50%,transparent 50%),radial-gradient(2px 2px at 42% 52%,rgba(255,220,100,.5) 50%,transparent 50%),radial-gradient(2px 2px at 45% 50%,rgba(251,191,36,.6) 50%,transparent 50%),radial-gradient(2px 2px at 53.5% 46%,rgba(251,191,36,.75) 50%,transparent 50%),radial-gradient(2px 2px at 54% 54%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(2px 2px at 57.5% 42%,rgba(251,191,36,.75) 50%,transparent 50%),radial-gradient(2px 2px at 58.5% 50%,rgba(255,220,100,.6) 50%,transparent 50%),radial-gradient(3px 2px at 65% 56%,rgba(251,191,36,.6) 50%,transparent 50%),radial-gradient(2px 2px at 70% 42%,rgba(251,191,36,.7) 50%,transparent 50%),radial-gradient(2px 2px at 70.5% 52%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(3px 2px at 77% 58%,rgba(251,191,36,.65) 50%,transparent 50%),radial-gradient(2px 2px at 81% 30%,rgba(251,191,36,.85) 50%,transparent 50%),radial-gradient(2px 2px at 81.2% 42%,rgba(255,220,100,.65) 50%,transparent 50%),radial-gradient(2px 2px at 80.8% 54%,rgba(251,191,36,.5) 50%,transparent 50%),radial-gradient(2px 2px at 90% 42%,rgba(251,191,36,.7) 50%,transparent 50%),radial-gradient(2px 2px at 91% 50%,rgba(255,220,100,.55) 50%,transparent 50%),radial-gradient(2px 2px at 96% 58%,rgba(251,191,36,.6) 50%,transparent 50%),radial-gradient(2px 2px at 14.2% 50%,rgba(147,197,253,.55) 50%,transparent 50%),radial-gradient(2px 2px at 30% 44%,rgba(147,197,253,.5) 50%,transparent 50%),radial-gradient(2px 2px at 41.7% 38%,rgba(147,197,253,.55) 50%,transparent 50%),radial-gradient(2px 2px at 54.5% 50%,rgba(147,197,253,.5) 50%,transparent 50%),radial-gradient(2px 2px at 64% 58%,rgba(147,197,253,.5) 50%,transparent 50%),radial-gradient(2px 2px at 70% 48%,rgba(147,197,253,.45) 50%,transparent 50%),radial-gradient(2px 2px at 81% 48%,rgba(147,197,253,.55) 50%,transparent 50%),radial-gradient(2px 2px at 90.5% 46%,rgba(147,197,253,.5) 50%,transparent 50%),radial-gradient(3px 3px at 6.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 21.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 34.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 51.8% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 61.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 73.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 87.2% 79%,rgba(255,255,220,.85) 40%,transparent 60%),radial-gradient(3px 3px at 41.4% 19%,rgba(255,60,60,.85) 50%,transparent 50%),radial-gradient(3px 3px at 81% 27%,rgba(255,60,60,.8) 50%,transparent 50%),radial-gradient(3px 3px at 14% 33%,rgba(255,60,60,.65) 50%,transparent 50%),radial-gradient(4px 2px at 36.5% 59%,rgba(255,80,120,.5) 50%,transparent 50%),radial-gradient(4px 2px at 64.5% 55%,rgba(80,200,255,.45) 50%,transparent 50%),radial-gradient(3px 2px at 93.8% 59%,rgba(120,255,120,.4) 50%,transparent 50%),linear-gradient(to top,#0f0f25,#151530,#1a1a3e 60%,#1a1a3eb3);pointer-events:none}.menu-container[data-v-39c38a8c]{position:relative;z-index:1;max-width:620px;width:100%;text-align:center}.game-title[data-v-39c38a8c]{margin-bottom:44px;animation:fadeInDown-39c38a8c .8s ease-out}.title-text[data-v-39c38a8c]{font-size:64px;font-weight:900;background:linear-gradient(135deg,#f0c850,#d4a017 40%,#e8c24a 60%,#f5d76e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 30px rgba(212,160,23,.4));letter-spacing:6px}.subtitle[data-v-39c38a8c]{font-size:16px;color:#ffffff73;margin:12px 0 0;font-weight:500;letter-spacing:6px;text-transform:uppercase}.game-modes[data-v-39c38a8c]{margin-bottom:28px;animation:fadeInUp-39c38a8c .8s ease-out .2s both}.mode-card[data-v-39c38a8c]{background:linear-gradient(135deg,#d4a0171f,#8b5cf614);border:2px solid rgba(212,160,23,.35);border-radius:20px;padding:32px 32px 28px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0f}.mode-card[data-v-39c38a8c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4a017,#f0c850,#d4a017,transparent)}.mode-card[data-v-39c38a8c]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,160,23,.08) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.mode-card[data-v-39c38a8c]:hover:after{opacity:1}.mode-card[data-v-39c38a8c]:hover{transform:translateY(-6px) scale(1.01);border-color:#d4a01799;box-shadow:0 16px 48px #d4a01733,0 0 30px #d4a01714,inset 0 1px #ffffff14}.mode-card[data-v-39c38a8c]:active{transform:translateY(-2px) scale(1.005)}.mode-icon[data-v-39c38a8c]{font-size:48px;margin-bottom:12px;animation:bounce-39c38a8c 2.5s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes bounce-39c38a8c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mode-title[data-v-39c38a8c]{font-size:28px;font-weight:800;color:#fffffff2;margin:0 0 8px;letter-spacing:2px}.mode-desc[data-v-39c38a8c]{font-size:15px;color:#ffffff73;margin:0;font-weight:400;letter-spacing:1px}.mode-badge[data-v-39c38a8c]{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;padding:5px 16px;border-radius:20px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #d4a01780;animation:pulse-39c38a8c 2s ease-in-out infinite;z-index:2}@keyframes pulse-39c38a8c{0%,to{transform:scale(1);box-shadow:0 4px 14px #d4a01780}50%{transform:scale(1.05);box-shadow:0 4px 20px #d4a017a6}}.menu-buttons[data-v-39c38a8c]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:32px;animation:fadeInUp-39c38a8c .8s ease-out .4s both}.menu-btn[data-v-39c38a8c]:last-child{grid-column:1 / -1;max-width:calc(50% - 7px);justify-self:center}.menu-btn[data-v-39c38a8c]{background:linear-gradient(135deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px 22px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:0;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff14}.menu-btn[data-v-39c38a8c]:hover{transform:translateY(-3px)}.menu-btn[data-v-39c38a8c]:active{transform:translateY(-1px)}.menu-btn[data-v-39c38a8c]:nth-child(1){border-color:#3b82f640;background:linear-gradient(135deg,#3b82f61f,#3b82f60a)}.menu-btn[data-v-39c38a8c]:nth-child(1):hover{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f633,#3b82f614);box-shadow:0 8px 24px #3b82f633,inset 0 1px #3b82f626}.menu-btn[data-v-39c38a8c]:nth-child(2){border-color:#8b5cf640;background:linear-gradient(135deg,#8b5cf61f,#8b5cf60a)}.menu-btn[data-v-39c38a8c]:nth-child(2):hover{border-color:#8b5cf680;background:linear-gradient(135deg,#8b5cf633,#8b5cf614);box-shadow:0 8px 24px #8b5cf633,inset 0 1px #8b5cf626}.menu-btn[data-v-39c38a8c]:nth-child(3){border-color:#14b8a640;background:linear-gradient(135deg,#14b8a61f,#14b8a60a)}.menu-btn[data-v-39c38a8c]:nth-child(3):hover{border-color:#14b8a680;background:linear-gradient(135deg,#14b8a633,#14b8a614);box-shadow:0 8px 24px #14b8a633,inset 0 1px #14b8a626}.menu-btn[data-v-39c38a8c]:nth-child(4){border-color:#d4a01740;background:linear-gradient(135deg,#d4a0171f,#d4a0170a)}.menu-btn[data-v-39c38a8c]:nth-child(4):hover{border-color:#d4a01780;background:linear-gradient(135deg,#d4a01733,#d4a01714);box-shadow:0 8px 24px #d4a01733,inset 0 1px #d4a01726}.menu-btn[data-v-39c38a8c]:nth-child(5){border-color:#ef444433;background:linear-gradient(135deg,#ef44441a,#ef444408)}.menu-btn[data-v-39c38a8c]:nth-child(5):hover{border-color:#ef444473;background:linear-gradient(135deg,#ef44442e,#ef44440f);box-shadow:0 8px 24px #ef44442e,inset 0 1px #ef44441f}.btn-icon[data-v-39c38a8c]{font-size:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.btn-text[data-v-39c38a8c]{font-size:16px;font-weight:600;color:#ffffffd9;white-space:nowrap}.footer-info[data-v-39c38a8c]{display:flex;justify-content:space-between;align-items:center;animation:fadeIn-39c38a8c .8s ease-out .6s both}.footer-left p[data-v-39c38a8c],.footer-right p[data-v-39c38a8c]{font-size:13px;color:#ffffff4d;margin:0;font-weight:400}@keyframes fadeInDown-39c38a8c{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-39c38a8c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-39c38a8c{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.game-title[data-v-39c38a8c]{margin-bottom:36px}.title-text[data-v-39c38a8c]{font-size:48px}.subtitle[data-v-39c38a8c]{font-size:13px}.mode-card[data-v-39c38a8c]{padding:24px 20px 20px}.mode-icon[data-v-39c38a8c]{font-size:40px;margin-bottom:8px}.mode-title[data-v-39c38a8c]{font-size:22px}.mode-desc[data-v-39c38a8c]{font-size:14px}.menu-buttons[data-v-39c38a8c]{gap:10px}.menu-btn[data-v-39c38a8c]{padding:14px 18px}.menu-btn[data-v-39c38a8c]:last-child{max-width:calc(50% - 5px)}.btn-icon[data-v-39c38a8c]{font-size:22px}.btn-text[data-v-39c38a8c]{font-size:14px}}@media(max-width:480px){.game-title[data-v-39c38a8c]{margin-bottom:28px}.title-text[data-v-39c38a8c]{font-size:36px;letter-spacing:3px}.subtitle[data-v-39c38a8c]{font-size:11px;letter-spacing:4px}.mode-card[data-v-39c38a8c]{padding:20px 16px 18px}.mode-icon[data-v-39c38a8c]{font-size:36px;margin-bottom:6px}.mode-title[data-v-39c38a8c]{font-size:20px}.mode-desc[data-v-39c38a8c]{font-size:13px}.mode-badge[data-v-39c38a8c]{font-size:11px;padding:3px 10px;top:12px;right:12px}.menu-buttons[data-v-39c38a8c]{gap:8px}.menu-btn[data-v-39c38a8c]{padding:12px 14px;gap:8px;border-radius:12px}.menu-btn[data-v-39c38a8c]:last-child{max-width:calc(50% - 4px)}.btn-icon[data-v-39c38a8c]{font-size:20px}.btn-text[data-v-39c38a8c]{font-size:13px}}#modeSelection[data-v-0a0635de]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#2a2340,#221a42,#2a2a5c 60%,#3a2a4a);padding:20px;position:relative;overflow:hidden}#modeSelection[data-v-0a0635de]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3C!-- Card outlines with semi-transparent fill --%3E%3Crect x='80' y='60' width='70' height='100' rx='8' fill='rgba(212,160,23,0.03)' stroke='rgba(212,160,23,0.18)' stroke-width='1.5' transform='rotate(-15 115 110)'/%3E%3Crect x='600' y='100' width='60' height='85' rx='7' fill='rgba(139,92,246,0.02)' stroke='rgba(212,160,23,0.15)' stroke-width='1.5' transform='rotate(20 630 142)'/%3E%3Crect x='200' y='500' width='75' height='105' rx='8' fill='rgba(139,92,246,0.03)' stroke='rgba(139,92,246,0.16)' stroke-width='1.5' transform='rotate(10 237 552)'/%3E%3Crect x='650' y='550' width='55' height='80' rx='6' fill='rgba(212,160,23,0.02)' stroke='rgba(212,160,23,0.13)' stroke-width='1.5' transform='rotate(-25 677 590)'/%3E%3Crect x='400' y='200' width='65' height='92' rx='7' fill='rgba(139,92,246,0.02)' stroke='rgba(139,92,246,0.14)' stroke-width='1.5' transform='rotate(30 432 246)'/%3E%3Crect x='100' y='300' width='50' height='72' rx='6' fill='rgba(212,160,23,0.02)' stroke='rgba(212,160,23,0.12)' stroke-width='1' transform='rotate(-8 125 336)'/%3E%3Crect x='500' y='400' width='80' height='112' rx='9' fill='rgba(139,92,246,0.02)' stroke='rgba(139,92,246,0.12)' stroke-width='1' transform='rotate(18 540 456)'/%3E%3Crect x='720' y='300' width='45' height='64' rx='5' fill='rgba(212,160,23,0.02)' stroke='rgba(212,160,23,0.10)' stroke-width='1' transform='rotate(-30 742 332)'/%3E%3C!-- Additional scattered cards --%3E%3Crect x='300' y='650' width='60' height='85' rx='7' fill='rgba(212,160,23,0.02)' stroke='rgba(212,160,23,0.11)' stroke-width='1' transform='rotate(15 330 692)'/%3E%3Crect x='750' y='450' width='40' height='58' rx='5' fill='rgba(139,92,246,0.02)' stroke='rgba(139,92,246,0.10)' stroke-width='1' transform='rotate(-20 770 479)'/%3E%3C!-- Compass rose center --%3E%3Ccircle cx='400' cy='400' r='60' fill='none' stroke='rgba(212,160,23,0.08)' stroke-width='1'/%3E%3Ccircle cx='400' cy='400' r='40' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='0.8'/%3E%3Cline x1='400' y1='335' x2='400' y2='465' stroke='rgba(212,160,23,0.07)' stroke-width='0.8'/%3E%3Cline x1='335' y1='400' x2='465' y2='400' stroke='rgba(212,160,23,0.07)' stroke-width='0.8'/%3E%3Cline x1='354' y1='354' x2='446' y2='446' stroke='rgba(139,92,246,0.05)' stroke-width='0.5'/%3E%3Cline x1='446' y1='354' x2='354' y2='446' stroke='rgba(139,92,246,0.05)' stroke-width='0.5'/%3E%3C/svg%3E");background-size:100% 100%;opacity:1;pointer-events:none;animation:floatCards-0a0635de 20s ease-in-out infinite}@keyframes floatCards-0a0635de{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(4px)}50%{transform:translateY(-4px) translate(-6px)}75%{transform:translateY(-10px) translate(2px)}}#modeSelection[data-v-0a0635de]:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(212,160,23,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.04) 0%,transparent 40%);pointer-events:none}.mode-selection-container[data-v-0a0635de]{position:relative;z-index:1;max-width:1000px;width:100%;text-align:center}.back-btn[data-v-0a0635de]{position:absolute;top:0;left:0;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 24px;color:#ffffffd9;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-btn[data-v-0a0635de]:hover{background:#ffffff24;border-color:#ffffff40;transform:translate(-4px)}.back-icon[data-v-0a0635de]{font-size:20px}.selection-title[data-v-0a0635de]{margin-bottom:60px;margin-top:60px;animation:fadeInDown-0a0635de .8s ease-out}.title-text[data-v-0a0635de]{font-size:56px;font-weight:900;background:linear-gradient(135deg,#f0c850,#d4a017 40%,#e8c24a 60%,#f5d76e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 20px rgba(212,160,23,.3));letter-spacing:4px}.subtitle[data-v-0a0635de]{font-size:16px;color:#ffffff73;margin:10px 0 0;font-weight:300;letter-spacing:2px;text-transform:uppercase}.mode-cards[data-v-0a0635de]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px;animation:fadeInUp-0a0635de .8s ease-out .2s both}.mode-card[data-v-0a0635de]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:24px;padding:40px 32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.mode-card[data-v-0a0635de]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d4a0170f,#8b5cf60a);opacity:0;transition:opacity .4s ease}.mode-card[data-v-0a0635de]:hover:before{opacity:1}.mode-card[data-v-0a0635de]:hover{transform:translateY(-8px) scale(1.02);border-color:#ffffff4d;box-shadow:0 20px 60px #0000004d,0 0 30px #d4a0171a,0 0 0 1px #ffffff26}.mode-card[data-v-0a0635de]:active{transform:translateY(-4px) scale(1.01)}.mode-icon[data-v-0a0635de]{font-size:64px;margin-bottom:20px;display:block;animation:bounce-0a0635de 2s ease-in-out infinite}@keyframes bounce-0a0635de{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mode-title[data-v-0a0635de]{font-size:32px;font-weight:700;color:#fff;margin:0 0 12px;text-shadow:none}.mode-desc[data-v-0a0635de]{font-size:16px;color:#ffffff73;margin:0 0 20px;font-weight:400}.mode-features[data-v-0a0635de]{list-style:none;padding:0;margin:0 0 20px}.mode-features li[data-v-0a0635de]{font-size:14px;color:#ffffff80;margin-bottom:8px;padding-left:0}.mode-badge[data-v-0a0635de]{position:absolute;top:20px;right:20px;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;animation:pulse-0a0635de 2s ease-in-out infinite}.mode-badge.recommended[data-v-0a0635de]{background:linear-gradient(135deg,#0d9668,#047852);box-shadow:0 4px 12px #10b9814d}.mode-badge.hot[data-v-0a0635de]{background:linear-gradient(135deg,#e07b2a,#d4910b);box-shadow:0 4px 12px #f59e0b4d}.mode-badge.coming-soon-badge[data-v-0a0635de]{background:linear-gradient(135deg,#4a5568,#374151);box-shadow:0 4px 12px #4a556866;animation:none}.mode-card.coming-soon[data-v-0a0635de]{opacity:.5;border-color:#ffffff14;background:#ffffff0a}.mode-card.coming-soon[data-v-0a0635de]:hover{transform:translateY(-4px) scale(1.01);border-color:#ffffff26;box-shadow:0 12px 40px #00000040;opacity:.65}.mode-card.coming-soon[data-v-0a0635de]:before{background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 100%)}.toast-message[data-v-0a0635de]{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 32px;color:#ffffffd9;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #0000004d;z-index:1000;white-space:nowrap}.toast-enter-active[data-v-0a0635de]{animation:toastIn-0a0635de .3s ease-out}.toast-leave-active[data-v-0a0635de]{animation:toastOut-0a0635de .3s ease-in}@keyframes toastIn-0a0635de{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut-0a0635de{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes pulse-0a0635de{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hint-text[data-v-0a0635de]{animation:fadeIn-0a0635de .8s ease-out .4s both}.hint-text p[data-v-0a0635de]{font-size:14px;color:#fff6;margin:0;font-weight:400}@keyframes fadeInDown-0a0635de{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-0a0635de{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-0a0635de{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.mode-cards[data-v-0a0635de]{grid-template-columns:1fr;gap:24px}.title-text[data-v-0a0635de]{font-size:40px}.subtitle[data-v-0a0635de]{font-size:14px}.mode-card[data-v-0a0635de]{padding:32px 24px}.mode-icon[data-v-0a0635de]{font-size:48px}.mode-title[data-v-0a0635de]{font-size:24px}.mode-desc[data-v-0a0635de]{font-size:14px}.back-btn[data-v-0a0635de]{padding:10px 20px;font-size:14px}}@media(max-width:480px){.selection-title[data-v-0a0635de]{margin-top:40px;margin-bottom:40px}.title-text[data-v-0a0635de]{font-size:32px;letter-spacing:2px}.subtitle[data-v-0a0635de]{font-size:12px}.mode-card[data-v-0a0635de]{padding:24px 20px}.mode-icon[data-v-0a0635de]{font-size:40px}.mode-title[data-v-0a0635de]{font-size:20px}.mode-badge[data-v-0a0635de]{font-size:11px;padding:4px 12px}}.city-card[data-v-6ca70b7c]{background:linear-gradient(135deg,#4a5a8a,#6b5b8a);border-radius:12px;border:2px solid rgba(212,160,23,.3);padding:16px;box-shadow:0 4px 12px #3c4b6433;transition:all .3s ease;min-width:200px;position:relative}.city-card[data-v-6ca70b7c]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#d4a017,transparent);border-radius:10px 10px 0 0}.city-card[data-v-6ca70b7c]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #3c4b6440;border-color:#d4a01780}.city-card--dead[data-v-6ca70b7c]{opacity:.5;filter:grayscale(.8);border-style:dashed;border-color:#a8b4c880;box-shadow:inset 0 0 20px #00000026}.city-card--dead[data-v-6ca70b7c]:before{display:none}.city-card--center[data-v-6ca70b7c]{border:3px solid #d4a017;background:linear-gradient(135deg,#8a4a6b,#a85070);box-shadow:0 0 0 2px #d4a01733,0 4px 12px #3c4b6433}.city-card--center[data-v-6ca70b7c]:after{content:"♛";position:absolute;top:-12px;right:12px;font-size:22px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.city-card--protected[data-v-6ca70b7c]{box-shadow:0 0 0 3px #3a7bd580,0 0 16px #3a7bd533,0 4px 12px #3c4b6433}.city-card--unknown[data-v-6ca70b7c]{background:linear-gradient(135deg,#c5cdd8,#b0b8c5);opacity:.8;cursor:not-allowed;border-color:#a8b4c866}.city-card--unknown[data-v-6ca70b7c]:before{display:none}.city-card--unknown[data-v-6ca70b7c]:hover{transform:none;box-shadow:0 4px 12px #3c4b6426}.city-card__unknown-hint[data-v-6ca70b7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.unknown-icon[data-v-6ca70b7c]{font-size:48px;margin-bottom:12px;opacity:.6}.unknown-text[data-v-6ca70b7c]{color:#1e293ba6;font-size:14px;font-weight:500;letter-spacing:1px}.city-card__header[data-v-6ca70b7c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.city-card__name[data-v-6ca70b7c]{margin:0;color:#fff;font-size:18px;font-weight:700;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.city-card__province[data-v-6ca70b7c]{font-size:11px;color:#fff9;font-weight:400;margin-top:2px}.city-card__center-badge[data-v-6ca70b7c]{background:linear-gradient(135deg,#f0c850,#d4a017);color:#2d2000;font-size:10px;padding:2px 8px;border-radius:4px;font-weight:700;box-shadow:0 1px 3px #d4a01766}.city-card__protection[data-v-6ca70b7c]{background:#3a7bd5e6;color:#fff;font-size:12px;padding:4px 10px;border-radius:6px;font-weight:700;box-shadow:0 2px 6px #3a7bd54d}.city-card__hp[data-v-6ca70b7c]{margin-bottom:12px}.city-card__hp-bar[data-v-6ca70b7c]{width:100%;height:22px;background:#0003;border-radius:11px;overflow:hidden;margin-bottom:4px;border:1px solid rgba(255,255,255,.1)}.city-card__hp-fill[data-v-6ca70b7c]{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:11px;box-shadow:inset 0 1px #ffffff4d}.hp-fill--high[data-v-6ca70b7c]{background:linear-gradient(90deg,#48bb78,#38a169)}.hp-fill--medium[data-v-6ca70b7c]{background:linear-gradient(90deg,#ed8936,#dd6b20)}.hp-fill--low[data-v-6ca70b7c]{background:linear-gradient(90deg,#f56565,#e53e3e);animation:hpPulse-6ca70b7c 1.5s ease-in-out infinite}@keyframes hpPulse-6ca70b7c{0%,to{opacity:1}50%{opacity:.7}}.city-card__hp-text[data-v-6ca70b7c]{color:#fff;font-size:14px;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.city-card__skill-section[data-v-6ca70b7c]{margin-bottom:8px}.skill-button[data-v-6ca70b7c]{width:100%;background:linear-gradient(135deg,#d4a017,#b8860b);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.skill-button[data-v-6ca70b7c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4a01766;border-color:#fff6}.skill-button[data-v-6ca70b7c]:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.skill-icon[data-v-6ca70b7c]{font-size:16px}.skill-name[data-v-6ca70b7c]{flex:1;text-align:left;font-size:13px}.skill-usage[data-v-6ca70b7c]{background:#00000026;padding:2px 6px;border-radius:4px;font-size:11px}.city-card__modifiers[data-v-6ca70b7c]{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.modifier-badge[data-v-6ca70b7c]{font-size:16px;cursor:help;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.city-card__actions[data-v-6ca70b7c]{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.modal-overlay[data-v-bfc62b3f]{position:fixed;inset:0;background:#1e293b59;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-bfc62b3f]{background:linear-gradient(135deg,#f1f5f9,#f0f3f9);border-radius:16px;box-shadow:0 20px 60px #6474912e;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;color:#1e293b}.modal-header[data-v-bfc62b3f]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(209,217,230,.6)}.modal-title[data-v-bfc62b3f]{margin:0;font-size:24px;display:flex;align-items:center;gap:12px}.skill-icon[data-v-bfc62b3f]{font-size:28px}.close-button[data-v-bfc62b3f]{background:#3b82f614;border:none;color:#1e293b;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button[data-v-bfc62b3f]:hover{background:#3b82f626;transform:rotate(90deg)}.modal-body[data-v-bfc62b3f]{padding:24px}.city-info[data-v-bfc62b3f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3b82f614;border-radius:8px;margin-bottom:16px}.city-name[data-v-bfc62b3f]{font-size:18px;font-weight:700}.city-hp[data-v-bfc62b3f]{font-size:14px;color:#60a5fa}.skill-badges[data-v-bfc62b3f]{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.skill-type-badge[data-v-bfc62b3f]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.skill-category-badge[data-v-bfc62b3f]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px}.skill-type--passive[data-v-bfc62b3f]{background:linear-gradient(135deg,#48bb78,#38a169)}.skill-type--active[data-v-bfc62b3f]{background:linear-gradient(135deg,#f093fb,#f5576c)}.skill-type--toggle[data-v-bfc62b3f]{background:linear-gradient(135deg,#667eea,#764ba2)}.skill-category--battle[data-v-bfc62b3f]{background:linear-gradient(135deg,#f5576c,#f093fb)}.skill-category--nonBattle[data-v-bfc62b3f]{background:linear-gradient(135deg,#38a169,#48bb78)}.skill-description[data-v-bfc62b3f]{background:#64749114;padding:16px;border-radius:8px;line-height:1.6;margin-bottom:16px;border-left:4px solid #60a5fa}.skill-usage-info[data-v-bfc62b3f],.skill-requirement[data-v-bfc62b3f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3b82f60d;border-radius:8px;margin-bottom:12px}.label[data-v-bfc62b3f]{color:#1e293bb3;font-size:14px}.value[data-v-bfc62b3f]{font-weight:700;font-size:16px}.skill-effects[data-v-bfc62b3f]{margin-top:16px}.effects-title[data-v-bfc62b3f]{font-size:14px;color:#1e293bb3;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.effects-list[data-v-bfc62b3f]{display:grid;gap:8px}.effect-item[data-v-bfc62b3f]{background:#3b82f60f;padding:10px 14px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:14px}.effect-icon[data-v-bfc62b3f]{font-size:18px}.error-message[data-v-bfc62b3f]{background:#ef44441a;border:2px solid rgba(239,68,68,.4);color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;text-align:center;font-weight:500}.modal-footer[data-v-bfc62b3f]{padding:16px 24px;border-top:2px solid rgba(209,217,230,.6)}.passive-note[data-v-bfc62b3f]{text-align:center;color:#1e293bb3;font-size:14px;padding:8px}.battle-note[data-v-bfc62b3f]{text-align:center;color:#f5576ce6;font-size:14px;padding:8px;background:#f5576c1a;border-radius:8px}.nonbattle-note[data-v-bfc62b3f]{text-align:center;color:#48bb78e6;font-size:14px;padding:8px;background:#48bb781a;border-radius:8px}.action-buttons[data-v-bfc62b3f]{display:flex;gap:12px;justify-content:flex-end}.btn[data-v-bfc62b3f]{padding:10px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.btn--secondary[data-v-bfc62b3f]{background:#3b82f614;color:#1e293b}.btn--secondary[data-v-bfc62b3f]:hover{background:#3b82f626}.btn--primary[data-v-bfc62b3f]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn--primary[data-v-bfc62b3f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f5576c66}.btn--primary[data-v-bfc62b3f]:disabled{opacity:.5;cursor:not-allowed}.selector-overlay[data-v-b09f01f6]{position:fixed;inset:0;background:#1e293b59;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.selector-content[data-v-b09f01f6]{background:linear-gradient(135deg,#f1f5f9,#f0f3f9);border-radius:16px;box-shadow:0 20px 60px #6474912e;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;color:#1e293b}.selector-header[data-v-b09f01f6]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(209,217,230,.6)}.selector-title[data-v-b09f01f6]{margin:0;font-size:24px}.close-button[data-v-b09f01f6]{background:#3b82f614;border:none;color:#1e293b;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button[data-v-b09f01f6]:hover{background:#3b82f626;transform:rotate(90deg)}.selector-body[data-v-b09f01f6]{padding:24px;overflow-y:auto;flex:1}.selector-description[data-v-b09f01f6]{background:#60a5fa33;padding:12px 16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #60a5fa;line-height:1.6}.city-list[data-v-b09f01f6]{display:flex;flex-direction:column;gap:12px}.city-option[data-v-b09f01f6]{background:#3b82f614;border:2px solid transparent;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.city-option[data-v-b09f01f6]:hover:not(.city-option--disabled){background:#3b82f61f;border-color:#d1d9e6cc;transform:translate(4px)}.city-option--selected[data-v-b09f01f6]{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#d1d9e6e6}.city-option--disabled[data-v-b09f01f6]{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.city-option__info[data-v-b09f01f6]{flex:1}.city-option__name[data-v-b09f01f6]{font-size:16px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px}.city-center-badge[data-v-b09f01f6]{background:gold;color:#333;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700}.city-option__hp[data-v-b09f01f6]{font-size:14px;color:#1e293bcc}.city-option__check[data-v-b09f01f6]{font-size:24px;color:#fff;font-weight:700}.selection-info[data-v-b09f01f6]{margin-top:16px;padding:12px 16px;background:#48bb7833;border-radius:8px;text-align:center;border:2px solid rgba(72,187,120,.4);font-weight:700}.selector-footer[data-v-b09f01f6]{padding:16px 24px;border-top:2px solid rgba(209,217,230,.6);display:flex;gap:12px;justify-content:flex-end}.btn[data-v-b09f01f6]{padding:10px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.btn--secondary[data-v-b09f01f6]{background:#3b82f614;color:#1e293b}.btn--secondary[data-v-b09f01f6]:hover{background:#3b82f626}.btn--primary[data-v-b09f01f6]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn--primary[data-v-b09f01f6]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f5576c66}.btn--primary[data-v-b09f01f6]:disabled{opacity:.5;cursor:not-allowed}.player-panel[data-v-2af27975]{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:16px;padding:20px;box-shadow:0 8px 16px #64749114;transition:all .3s ease}.player-panel--active[data-v-2af27975]{border:3px solid #ffd700;box-shadow:0 0 0 4px #ffd7004d,0 8px 16px #64749114;transform:scale(1.02)}.player-panel__header[data-v-2af27975]{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1)}.player-panel__avatar[data-v-2af27975]{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;text-transform:uppercase;box-shadow:0 4px 8px #64749114}.player-panel__info[data-v-2af27975]{flex:1}.player-panel__name[data-v-2af27975]{margin:0 0 8px;color:#fff;font-size:24px;display:flex;align-items:center;gap:12px}.player-panel__current-badge[data-v-2af27975]{background:linear-gradient(135deg,gold,#ffed4e);color:#333;font-size:12px;padding:4px 12px;border-radius:12px;font-weight:700;animation:pulse-2af27975 2s ease-in-out infinite}@keyframes pulse-2af27975{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.player-panel__stats[data-v-2af27975]{display:flex;gap:16px}.stat[data-v-2af27975]{background:#3b82f61f;padding:6px 12px;border-radius:8px;color:#fff;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat--gold[data-v-2af27975]{background:#ffd70033}.stat--cities[data-v-2af27975]{background:#667eea33}.player-panel__cities[data-v-2af27975]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.player-panel__opponent-info[data-v-2af27975]{padding:20px;background:#6474911f;border-radius:12px;margin-bottom:16px}.opponent-summary[data-v-2af27975]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.summary-item[data-v-2af27975]{display:flex;flex-direction:column;gap:8px;padding:16px;background:#3b82f60d;border-radius:8px;border-left:4px solid #60a5fa}.summary-label[data-v-2af27975]{color:#ffffff80;font-size:13px;font-weight:500}.summary-value[data-v-2af27975]{color:#fff;font-size:18px;font-weight:700}.player-panel__battle-modifiers[data-v-2af27975]{background:#64749114;padding:12px;border-radius:8px;margin-bottom:16px}.section-title[data-v-2af27975]{color:#fff;font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.modifier-list[data-v-2af27975]{display:flex;flex-wrap:wrap;gap:8px}.modifier-item[data-v-2af27975]{background:#3b82f614;padding:6px 12px;border-radius:6px;color:#fff;font-size:12px;display:flex;align-items:center;gap:6px}.modifier-icon[data-v-2af27975]{font-size:16px}.modifier-rounds[data-v-2af27975]{color:gold;font-weight:700}.player-panel__actions[data-v-2af27975]{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:2px solid rgba(255,255,255,.1)}.game-board[data-v-1c785c39]{min-height:100vh;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);padding:20px;display:flex;flex-direction:column;gap:20px;position:relative}.game-board[data-v-1c785c39]:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(255,255,255,.02) 40px,rgba(255,255,255,.02) 41px),radial-gradient(2px 2px at 15% 20%,rgba(239,68,68,.15) 50%,transparent 50%),radial-gradient(2px 2px at 45% 35%,rgba(59,130,246,.15) 50%,transparent 50%),radial-gradient(2px 2px at 75% 25%,rgba(239,68,68,.12) 50%,transparent 50%),radial-gradient(2px 2px at 30% 60%,rgba(59,130,246,.12) 50%,transparent 50%),radial-gradient(2px 2px at 85% 55%,rgba(239,68,68,.1) 50%,transparent 50%),radial-gradient(2px 2px at 60% 75%,rgba(59,130,246,.1) 50%,transparent 50%),radial-gradient(2px 2px at 20% 85%,rgba(239,68,68,.08) 50%,transparent 50%),radial-gradient(2px 2px at 50% 90%,rgba(59,130,246,.08) 50%,transparent 50%),linear-gradient(135deg,transparent 48%,rgba(212,160,23,.03) 49%,rgba(212,160,23,.03) 51%,transparent 52%),linear-gradient(45deg,transparent 48%,rgba(139,92,246,.02) 49%,rgba(139,92,246,.02) 51%,transparent 52%),radial-gradient(ellipse at 25% 30%,rgba(239,68,68,.04) 0%,transparent 40%),radial-gradient(ellipse at 75% 70%,rgba(59,130,246,.04) 0%,transparent 40%);pointer-events:none;z-index:0}.game-board[data-v-1c785c39]>*{position:relative;z-index:1}.game-board__header[data-v-1c785c39]{display:flex;justify-content:space-between;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.12);border-top:3px solid #d4a017;box-shadow:0 4px 16px #00000040}.game-info[data-v-1c785c39]{display:flex;gap:32px}.game-info__item[data-v-1c785c39]{display:flex;flex-direction:column;gap:4px}.game-info__item .label[data-v-1c785c39]{color:#ffffff73;font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.game-info__item .value[data-v-1c785c39]{color:#fffffff2;font-size:24px;font-weight:700}.game-actions[data-v-1c785c39]{display:flex;gap:12px}.btn[data-v-1c785c39]{padding:10px 20px;border:2px solid transparent;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px;background:#ffffff14;color:#fffffff2;box-shadow:inset 0 1px #ffffff1a}.btn[data-v-1c785c39]:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0000004d}.btn--primary[data-v-1c785c39]{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#a67c00;color:#fff}.btn--secondary[data-v-1c785c39]{background:#ffffff14;border-color:#ffffff1f;color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn--success[data-v-1c785c39]{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#2f855a;color:#fff}.btn--danger[data-v-1c785c39]{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c;color:#fff}.game-board__players[data-v-1c785c39]{display:grid;gap:20px;flex:1}.players--2P[data-v-1c785c39]{grid-template-columns:repeat(2,1fr)}.players--3P[data-v-1c785c39]{grid-template-columns:repeat(3,1fr)}.players--2v2[data-v-1c785c39]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.game-board__battle-area[data-v-1c785c39]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.battle-area[data-v-1c785c39]{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid #d4a017;outline:2px solid rgba(212,160,23,.2);outline-offset:3px;border-radius:16px;padding:28px;box-shadow:0 0 50px #d4a0174d,0 20px 60px #0006;min-width:400px;animation:battleGlow-1c785c39 2s ease-in-out infinite alternate}@keyframes battleGlow-1c785c39{0%{box-shadow:0 0 40px #d4a01740,0 20px 60px #0006}to{box-shadow:0 0 60px #d4a01766,0 20px 60px #0006}}.battle-area__title[data-v-1c785c39]{text-align:center;color:#d4a017;font-size:24px;font-weight:800;margin-bottom:20px;text-shadow:0 2px 4px rgba(212,160,23,.3)}.battle-display[data-v-1c785c39]{display:flex;align-items:center;gap:20px;color:#fffffff2}.battle-side[data-v-1c785c39]{flex:1;text-align:center;display:flex;flex-direction:column;gap:8px}.battle-player[data-v-1c785c39]{font-size:18px;font-weight:700;color:#d4a017}.battle-city[data-v-1c785c39]{font-size:16px;color:#ffffffd9}.battle-vs[data-v-1c785c39]{font-size:32px;font-weight:700;color:#c0392b;text-shadow:0 2px 8px rgba(192,57,43,.3)}.battle-waiting[data-v-1c785c39]{text-align:center;color:#ffffff73;padding:20px;font-style:italic}.game-board__quick-skills[data-v-1c785c39]{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.12);border-top:3px solid rgba(212,160,23,.4)}.quick-skills__title[data-v-1c785c39]{color:#ffffff73;font-size:14px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.quick-skills__list[data-v-1c785c39]{display:flex;gap:12px;flex-wrap:wrap}.quick-skill-btn[data-v-1c785c39]{background:linear-gradient(135deg,#4a5a8ad9,#6b5b8ad9);border:2px solid rgba(212,160,23,.3);border-radius:10px;padding:12px 16px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px}.quick-skill-btn[data-v-1c785c39]:hover:not(:disabled){transform:translateY(-3px);border-color:#d4a017;box-shadow:0 4px 16px #d4a0174d;background:linear-gradient(135deg,#4a5a8af2,#6b5b8af2)}.quick-skill-btn[data-v-1c785c39]:disabled{opacity:.5;cursor:not-allowed}.skill-icon[data-v-1c785c39]{font-size:24px}.skill-name[data-v-1c785c39]{font-size:12px;font-weight:700}.skill-cost[data-v-1c785c39]{font-size:11px;color:#f0c850}.btn-small[data-v-1c785c39]{padding:4px 8px;border:1px solid transparent;border-radius:6px;font-size:11px;cursor:pointer;font-weight:700}.btn-small--heal[data-v-1c785c39]{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#2f855a;color:#fff}.game-log-fixed[data-v-e34a826b]{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#2a2340f2,#1e2a4af2);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.12);border-top:3px solid rgba(212,160,23,.5)}.log-header[data-v-e34a826b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#d4a0171f,#1e2a4acc);border-bottom:2px solid rgba(212,160,23,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left[data-v-e34a826b]{display:flex;align-items:center;gap:16px}.log-title[data-v-e34a826b]{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;color:#f0c850}.title-icon[data-v-e34a826b]{font-size:24px;animation:bounce-e34a826b 2s ease-in-out infinite}@keyframes bounce-e34a826b{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.title-text[data-v-e34a826b]{background:linear-gradient(135deg,#f0c850,#d4a017);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.log-badge[data-v-e34a826b]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #d4a01766}.round-indicator[data-v-e34a826b]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:20px}.round-label[data-v-e34a826b]{font-size:12px;color:#fbbf24;font-weight:500}.round-number[data-v-e34a826b]{font-size:16px;font-weight:700;color:#fbbf24;min-width:24px;text-align:center}.header-actions[data-v-e34a826b]{display:flex;gap:8px}.action-btn[data-v-e34a826b]{padding:8px 14px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#ffffffb3;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.action-btn[data-v-e34a826b]:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.action-btn--copy[data-v-e34a826b]:hover{background:linear-gradient(135deg,#d4a017,#e6b422);border-color:#b8860b;color:#fff}.action-btn--clear[data-v-e34a826b]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);border-color:#a93226;color:#fff}.action-btn--scroll[data-v-e34a826b]:hover{background:linear-gradient(135deg,#10b981,#34d399);border-color:#059669;color:#fff}.log-filters[data-v-e34a826b]{display:flex;gap:8px;padding:14px 20px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;scrollbar-width:thin}.log-filters[data-v-e34a826b]::-webkit-scrollbar{height:4px}.log-filters[data-v-e34a826b]::-webkit-scrollbar-track{background:#d4a0170f}.log-filters[data-v-e34a826b]::-webkit-scrollbar-thumb{background:#d4a01733;border-radius:2px}.filter-chip[data-v-e34a826b]{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#ffffffb3;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-chip[data-v-e34a826b]:hover{background:#ffffff26;border-color:#d4a01766;color:#ffffffe6;transform:translateY(-2px)}.filter-chip--active[data-v-e34a826b]{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#b8860b;color:#fff;box-shadow:0 4px 12px #d4a01759}.filter-icon[data-v-e34a826b]{font-size:14px}.filter-count[data-v-e34a826b]{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;background:#ffffff1a;border-radius:9px;font-size:11px;font-weight:700}.filter-chip--active .filter-count[data-v-e34a826b]{background:#fff3}.log-content[data-v-e34a826b]{flex:1;overflow-y:auto;padding:16px 20px;background:#00000026;position:relative;scroll-behavior:smooth}.log-content[data-v-e34a826b]::-webkit-scrollbar{width:10px}.log-content[data-v-e34a826b]::-webkit-scrollbar-track{background:#d4a0170f;border-radius:5px;margin:8px 0}.log-content[data-v-e34a826b]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a017,#b8860b);border-radius:5px;border:2px solid rgba(212,160,23,.06)}.log-content[data-v-e34a826b]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6b422,#d4a017)}.log-item[data-v-e34a826b]{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:8px;background:#ffffff0d;border-radius:10px;border-left:4px solid;transition:all .3s ease;animation:slideIn-e34a826b .3s ease}@keyframes slideIn-e34a826b{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-item[data-v-e34a826b]:hover{background:#ffffff1a;transform:translate(4px);box-shadow:0 4px 12px #0003}.log-item--new[data-v-e34a826b]{animation:slideIn-e34a826b .3s ease,pulse-e34a826b 2s ease}@keyframes pulse-e34a826b{0%,to{box-shadow:0 0 #60a5fa00}50%{box-shadow:0 0 20px #60a5fa80}}.log-item--battle[data-v-e34a826b]{border-color:#d4a017}.log-item--skill[data-v-e34a826b]{border-color:#8b5cf6}.log-item--system[data-v-e34a826b]{border-color:#3b82f6}.log-item--warning[data-v-e34a826b]{border-color:#d4a017;background:#d4a01714}.log-item--error[data-v-e34a826b]{border-color:#c0392b;background:#c0392b1a}.log-time[data-v-e34a826b]{flex-shrink:0;font-family:Courier New,monospace;font-size:11px;color:#fff6;min-width:65px;padding:2px 6px;background:#ffffff0f;border-radius:4px}.log-icon[data-v-e34a826b]{flex-shrink:0;font-size:18px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0f}.log-icon--battle[data-v-e34a826b]{background:#d4a01726}.log-icon--skill[data-v-e34a826b]{background:#8b5cf626}.log-icon--system[data-v-e34a826b]{background:#3b82f626}.log-icon--warning[data-v-e34a826b]{background:#d4a01733}.log-icon--error[data-v-e34a826b]{background:#c0392b33}.log-message[data-v-e34a826b]{flex:1;color:#fffc;font-size:14px;line-height:1.6;word-break:break-word}.log-message[data-v-e34a826b] .highlight-player{color:#60a5fa;font-weight:600}.log-message[data-v-e34a826b] .highlight-number{color:#fbbf24;font-weight:700}.log-message[data-v-e34a826b] .highlight-skill{color:#a78bfa;font-weight:600}.log-message[data-v-e34a826b] .highlight-city{color:#34d399;font-weight:600}.log-round-badge[data-v-e34a826b]{flex-shrink:0;padding:2px 8px;background:#d4a01726;border:1px solid rgba(212,160,23,.3);border-radius:12px;font-size:11px;font-weight:600;color:#f0c850}.log-empty[data-v-e34a826b]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#ffffff59}.empty-icon[data-v-e34a826b]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text[data-v-e34a826b]{font-size:18px;font-weight:600;margin-bottom:8px}.empty-hint[data-v-e34a826b]{font-size:13px;color:#ffffff59}.new-logs-indicator[data-v-e34a826b]{position:sticky;bottom:10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;border-radius:24px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #ef444480,0 0 0 4px #ef44441a;animation:bounce-e34a826b 2s ease-in-out infinite;z-index:10;transition:all .3s ease}.new-logs-indicator[data-v-e34a826b]:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #ef444499,0 0 0 6px #ef444426}.log-footer[data-v-e34a826b]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.footer-info[data-v-e34a826b]{display:flex;gap:16px}.info-item[data-v-e34a826b]{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80}.info-icon[data-v-e34a826b]{font-size:14px}.footer-status[data-v-e34a826b]{display:flex;align-items:center;gap:12px}.status-indicator[data-v-e34a826b]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:all .3s ease}.status-indicator[data-v-e34a826b]:hover{background:#ffffff1a;border-color:#fff3}.status-indicator--active[data-v-e34a826b]{background:linear-gradient(135deg,#10b981,#34d399);border-color:#10b981}.status-checkbox[data-v-e34a826b]{width:16px;height:16px;cursor:pointer;accent-color:#10b981}.status-label[data-v-e34a826b]{font-size:12px;color:#ffffffb3;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:768px){.log-header[data-v-e34a826b]{flex-direction:column;gap:12px;align-items:stretch}.header-left[data-v-e34a826b]{justify-content:space-between}.header-actions[data-v-e34a826b]{justify-content:center}.log-filters[data-v-e34a826b]{flex-wrap:nowrap;overflow-x:auto}.log-item[data-v-e34a826b]{flex-wrap:wrap}.log-time[data-v-e34a826b],.log-round-badge[data-v-e34a826b]{order:-1}}.skill-effect-overlay[data-v-3e409eeb]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayIn-3e409eeb .3s ease;pointer-events:none}@keyframes overlayIn-3e409eeb{0%{opacity:0}to{opacity:1}}.effect-container[data-v-3e409eeb]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.effect-icon[data-v-3e409eeb]{font-size:72px;z-index:10;animation:iconPop-3e409eeb .5s cubic-bezier(.34,1.56,.64,1)}@keyframes iconPop-3e409eeb{0%{transform:scale(0);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.skill-label[data-v-3e409eeb]{font-size:26px;font-weight:700;color:#fff;margin-top:10px;z-index:10;text-shadow:0 2px 10px rgba(0,0,0,.6);animation:labelUp-3e409eeb .5s ease .2s both}@keyframes labelUp-3e409eeb{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dinghai[data-v-3e409eeb]{background:radial-gradient(circle,#eab308d9,#000000eb 70%)}.dinghai-needle[data-v-3e409eeb]{position:absolute;top:-80px;left:50%;width:6px;height:200px;transform:translate(-50%);background:linear-gradient(180deg,#fbbf24,#b45309);border-radius:3px;animation:needleDrop-3e409eeb .6s ease .3s both;z-index:5}@keyframes needleDrop-3e409eeb{0%{top:-200px;opacity:0}to{top:calc(50% - 100px);opacity:1}}.dinghai-ring[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:80px;height:80px;border:3px solid rgba(251,191,36,.7);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.dr-1[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1s ease .8s forwards}.dr-2[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1s ease 1s forwards}.dr-3[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1s ease 1.2s forwards}@keyframes ringExpand-3e409eeb{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.dinghai-lock[data-v-3e409eeb]{position:absolute;bottom:25%;font-size:40px;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.2s both}@keyframes lockAppear-3e409eeb{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.xiansheng[data-v-3e409eeb]{background:radial-gradient(circle,#8b5cf6cc,#000000e6 70%)}.xiansheng-card[data-v-3e409eeb]{position:absolute;top:50%;font-size:56px;transform:translateY(-50%)}.xiansheng-left[data-v-3e409eeb]{left:15%;animation:swapL-3e409eeb 1.2s ease .4s both}.xiansheng-right[data-v-3e409eeb]{right:15%;animation:swapR-3e409eeb 1.2s ease .4s both}@keyframes swapL-3e409eeb{0%{left:15%}50%{left:50%;transform:translateY(-50%) scale(.8)}to{left:75%}}@keyframes swapR-3e409eeb{0%{right:15%}50%{right:50%;transform:translateY(-50%) scale(.8)}to{right:75%}}.xiansheng-arrows[data-v-3e409eeb]{position:absolute;top:38%;font-size:48px;color:#c4b5fd;animation:arrowPulse-3e409eeb 1s ease infinite;z-index:5}@keyframes arrowPulse-3e409eeb{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}.daikuan[data-v-3e409eeb]{background:radial-gradient(circle,#d97706cc,#000000e6 70%)}.daikuan-coin[data-v-3e409eeb]{position:absolute;top:30%;font-size:32px;opacity:0;animation:coinBurst-3e409eeb 1s ease forwards}@keyframes coinBurst-3e409eeb{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:translateY(40vh) rotate(360deg)}}.daikuan-vault[data-v-3e409eeb]{position:absolute;top:20%;font-size:56px;animation:vaultOpen-3e409eeb .8s ease .2s both}@keyframes vaultOpen-3e409eeb{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.daikuan-timer[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:48px;opacity:0;animation:timerAppear-3e409eeb .5s ease 1.2s both}@keyframes timerAppear-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wuzhi[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626d9,#000000eb 70%)}.wuzhi-city[data-v-3e409eeb]{position:absolute;left:10%;top:50%;font-size:48px;transform:translateY(-50%);animation:cityRush-3e409eeb .8s ease .3s both}@keyframes cityRush-3e409eeb{0%{left:10%;opacity:1}to{left:50%;opacity:0;transform:translateY(-50%) scale(.3)}}.wuzhi-target[data-v-3e409eeb]{position:absolute;right:20%;top:40%;font-size:56px;opacity:0;animation:targetShow-3e409eeb .5s ease .2s both}@keyframes targetShow-3e409eeb{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.wuzhi-explosion[data-v-3e409eeb]{position:absolute;top:50%;left:50%;font-size:72px;transform:translate(-50%,-50%);opacity:0;animation:wuzhiBoom-3e409eeb .5s ease 1s both}@keyframes wuzhiBoom-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}.wuzhi-debris[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:8px;height:8px;background:#ef4444;border-radius:50%;opacity:0}.wd-1[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.1s both;--dx:-60px;--dy:-80px}.wd-2[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.15s both;--dx:70px;--dy:-50px}.wd-3[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.2s both;--dx:-80px;--dy:40px}.wd-4[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.25s both;--dx:60px;--dy:70px}.wd-5[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.1s both;--dx:-30px;--dy:-90px}.wd-6[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.15s both;--dx:90px;--dy:-20px}@keyframes debrisFly-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy))}}.anbing[data-v-3e409eeb]{background:radial-gradient(circle,#64748bcc,#000000e6 70%)}.anbing-dome[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border:3px solid rgba(148,163,184,.6);border-radius:50%;animation:domeGrow-3e409eeb .8s ease .3s both;background:radial-gradient(circle,rgba(148,163,184,.1) 0%,transparent 70%)}@keyframes domeGrow-3e409eeb{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.anbing-zz[data-v-3e409eeb]{position:absolute;font-size:32px;color:#94a3b8;font-weight:700;opacity:0}.anbing-z1[data-v-3e409eeb]{top:30%;right:30%;animation:zzFloat-3e409eeb 1.5s ease .8s infinite;font-size:24px}.anbing-z2[data-v-3e409eeb]{top:22%;right:25%;animation:zzFloat-3e409eeb 1.5s ease 1.1s infinite;font-size:32px}.anbing-z3[data-v-3e409eeb]{top:14%;right:20%;animation:zzFloat-3e409eeb 1.5s ease 1.4s infinite;font-size:40px}@keyframes zzFloat-3e409eeb{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.paozhuan[data-v-3e409eeb]{background:radial-gradient(circle,#b45309cc,#000000e6 70%)}.paozhuan-brick[data-v-3e409eeb]{position:absolute;left:20%;top:50%;font-size:56px;animation:brickFly-3e409eeb .8s ease .3s both}@keyframes brickFly-3e409eeb{0%{left:20%;opacity:1;transform:rotate(0)}to{left:50%;opacity:0;transform:rotate(180deg) scale(0)}}.paozhuan-gem[data-v-3e409eeb]{position:absolute;top:50%;font-size:28px;opacity:0}.pg-1[data-v-3e409eeb]{animation:gemBurst-3e409eeb .8s ease .9s both;--gx:-50px;--gy:-60px}.pg-2[data-v-3e409eeb]{animation:gemBurst-3e409eeb .8s ease 1s both;--gx:40px;--gy:-40px}.pg-3[data-v-3e409eeb]{animation:gemBurst-3e409eeb .8s ease 1.1s both;--gx:-30px;--gy:50px}.pg-4[data-v-3e409eeb]{animation:gemBurst-3e409eeb .8s ease 1.2s both;--gx:60px;--gy:30px}.pg-5[data-v-3e409eeb]{animation:gemBurst-3e409eeb .8s ease 1s both;--gx:0;--gy:-70px}@keyframes gemBurst-3e409eeb{0%{opacity:0;left:50%;transform:translate(0) scale(0)}40%{opacity:1;transform:translate(0) scale(1.3)}to{opacity:0;transform:translate(var(--gx),var(--gy)) scale(.5)}}.paozhuan-coin[data-v-3e409eeb]{position:absolute;bottom:25%;font-size:32px;opacity:0}.pzc-1[data-v-3e409eeb]{left:40%;animation:pzCoinPop-3e409eeb .6s ease 1.2s both}.pzc-2[data-v-3e409eeb]{left:48%;animation:pzCoinPop-3e409eeb .6s ease 1.35s both}.pzc-3[data-v-3e409eeb]{left:56%;animation:pzCoinPop-3e409eeb .6s ease 1.5s both}@keyframes pzCoinPop-3e409eeb{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.caomu[data-v-3e409eeb]{background:radial-gradient(circle,#16a34acc,#000000e6 70%)}.caomu-leaf[data-v-3e409eeb]{position:absolute;font-size:28px;opacity:0}.cl-1[data-v-3e409eeb]{top:20%;left:10%;animation:leafGrow-3e409eeb 1s ease .3s both;transform:rotate(30deg)}.cl-2[data-v-3e409eeb]{top:30%;right:15%;animation:leafGrow-3e409eeb 1s ease .45s both;transform:rotate(-20deg)}.cl-3[data-v-3e409eeb]{top:60%;left:20%;animation:leafGrow-3e409eeb 1s ease .6s both;transform:rotate(45deg)}.cl-4[data-v-3e409eeb]{top:70%;right:10%;animation:leafGrow-3e409eeb 1s ease .75s both;transform:rotate(-40deg)}.cl-5[data-v-3e409eeb]{top:40%;left:5%;animation:leafGrow-3e409eeb 1s ease .5s both;transform:rotate(15deg)}.cl-6[data-v-3e409eeb]{bottom:20%;right:25%;animation:leafGrow-3e409eeb 1s ease .65s both;transform:rotate(-30deg)}.cl-7[data-v-3e409eeb]{top:15%;left:40%;animation:leafGrow-3e409eeb 1s ease .4s both;transform:rotate(60deg)}.cl-8[data-v-3e409eeb]{bottom:30%;left:35%;animation:leafGrow-3e409eeb 1s ease .8s both;transform:rotate(-55deg)}@keyframes leafGrow-3e409eeb{0%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1}to{opacity:.8;transform:scale(1.2) rotate(var(--r,30deg))}}.caomu-web[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:250px;height:250px;transform:translate(-50%,-50%);border:2px solid rgba(74,222,128,.4);border-radius:50%;animation:webExpand-3e409eeb 1.5s ease .3s both;background:radial-gradient(circle,rgba(74,222,128,.1),transparent)}@keyframes webExpand-3e409eeb{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}.kuaisuzhiliao[data-v-3e409eeb]{background:radial-gradient(circle,#10b981cc,#000000e6 70%)}.kuaisu-cross[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;color:#34d399;z-index:5;animation:crossPulse-3e409eeb 1.2s ease infinite;text-shadow:0 0 30px #34d399}@keyframes crossPulse-3e409eeb{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}.kuaisu-sparkle[data-v-3e409eeb]{position:absolute;bottom:0;font-size:18px;color:#6ee7b7;opacity:0;animation:healRise-3e409eeb 1.8s ease infinite}@keyframes healRise-3e409eeb{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-100vh)}}.gaojizhiliao[data-v-3e409eeb]{background:radial-gradient(circle,#ec4899bf,#000000e6 70%)}.gaoji-city[data-v-3e409eeb]{position:absolute;font-size:40px;bottom:30%;opacity:0}.gaoji-c1[data-v-3e409eeb]{left:30%;animation:gaojiRise-3e409eeb 1s ease .3s both}.gaoji-c2[data-v-3e409eeb]{left:58%;animation:gaojiRise-3e409eeb 1s ease .5s both}@keyframes gaojiRise-3e409eeb{0%{opacity:0;bottom:30%}to{opacity:1;bottom:55%}}.gaoji-cocoon[data-v-3e409eeb]{position:absolute;top:25%;left:50%;width:180px;height:120px;transform:translate(-50%);border:3px solid rgba(244,114,182,.6);border-radius:50%;opacity:0;animation:cocoonForm-3e409eeb 1s ease .8s both;background:radial-gradient(ellipse,rgba(244,114,182,.2),transparent)}@keyframes cocoonForm-3e409eeb{0%{opacity:0;transform:translate(-50%) scale(0)}to{opacity:1;transform:translate(-50%) scale(1)}}.gaoji-timer[data-v-3e409eeb]{position:absolute;bottom:15%;font-size:36px;color:#f9a8d4;opacity:0;animation:timerAppear-3e409eeb .5s ease 1.3s both}.jieshi[data-v-3e409eeb]{background:radial-gradient(circle,#581c87d9,#000000eb 70%)}.jieshi-tomb[data-v-3e409eeb]{position:absolute;bottom:30%;font-size:64px;animation:tombShake-3e409eeb .6s ease .3s both}@keyframes tombShake-3e409eeb{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.jieshi-crack[data-v-3e409eeb]{position:absolute;bottom:35%;left:50%;width:60px;height:3px;background:#a855f7;transform:translate(-50%);opacity:0;animation:crackAppear-3e409eeb .3s ease .8s both}@keyframes crackAppear-3e409eeb{0%{opacity:0;width:0}to{opacity:1;width:60px}}.jieshi-ghost[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;opacity:0;animation:ghostRise-3e409eeb 1s ease 1s both;z-index:5}@keyframes ghostRise-3e409eeb{0%{opacity:0;top:70%}50%{opacity:1}to{opacity:1;top:35%}}.jieshi-soul[data-v-3e409eeb]{position:absolute;bottom:0;width:8px;height:8px;background:#c084fc;border-radius:50%;opacity:0;animation:soulFloat-3e409eeb 2s ease infinite}@keyframes soulFloat-3e409eeb{0%{opacity:0;transform:translateY(0)}30%{opacity:.8}to{opacity:0;transform:translateY(-80vh)}}.xiyin[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626bf,#000000e6 70%)}.xiyin-magnet[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;z-index:5;animation:magnetPulse-3e409eeb 1s ease infinite}@keyframes magnetPulse-3e409eeb{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.xiyin-arrow[data-v-3e409eeb]{position:absolute;font-size:28px;color:#fca5a5;opacity:0}.xa-1[data-v-3e409eeb]{top:20%;left:10%;animation:arrowPull-3e409eeb 1.2s ease .3s infinite}.xa-2[data-v-3e409eeb]{top:20%;right:10%;animation:arrowPull-3e409eeb 1.2s ease .5s infinite;transform:scaleX(-1)}.xa-3[data-v-3e409eeb]{top:50%;left:5%;animation:arrowPull-3e409eeb 1.2s ease .4s infinite}.xa-4[data-v-3e409eeb]{top:50%;right:5%;animation:arrowPull-3e409eeb 1.2s ease .6s infinite;transform:scaleX(-1)}.xa-5[data-v-3e409eeb]{top:75%;left:10%;animation:arrowPull-3e409eeb 1.2s ease .35s infinite}.xa-6[data-v-3e409eeb]{top:75%;right:10%;animation:arrowPull-3e409eeb 1.2s ease .55s infinite;transform:scaleX(-1)}@keyframes arrowPull-3e409eeb{0%{opacity:1}to{opacity:0;transform:translate(40vw) scaleX(var(--sx,1))}}.xa-2[data-v-3e409eeb],.xa-4[data-v-3e409eeb],.xa-6[data-v-3e409eeb]{--sx: -1}@keyframes arrowPull-3e409eeb{0%{opacity:1;transform:scaleX(var(--sx,1))}to{opacity:0;left:45%;right:auto;transform:scaleX(var(--sx,1))}}.zhongzhi[data-v-3e409eeb]{background:radial-gradient(circle,#eab308bf,#000000e6 70%)}.zhongzhi-bar[data-v-3e409eeb]{position:absolute;width:120px;height:16px;border-radius:8px;background:linear-gradient(90deg,#22c55e,#16a34a);opacity:0}.zb-1[data-v-3e409eeb]{top:35%;left:20%;animation:barMerge-3e409eeb 1s ease .3s both}.zb-2[data-v-3e409eeb]{top:42%;left:25%;animation:barMerge-3e409eeb 1s ease .5s both;width:80px}.zb-3[data-v-3e409eeb]{top:49%;left:18%;animation:barMerge-3e409eeb 1s ease .7s both;width:150px}.zb-4[data-v-3e409eeb]{top:56%;left:22%;animation:barMerge-3e409eeb 1s ease .9s both;width:100px}@keyframes barMerge-3e409eeb{0%{opacity:0;transform:translate(-30px)}50%{opacity:1}to{opacity:0;left:50%;transform:translate(-50%) scaleX(.5)}}.zhongzhi-merge[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:56px;z-index:5;opacity:0;animation:mergeAppear-3e409eeb .6s ease 1.2s both}@keyframes mergeAppear-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.shili[data-v-3e409eeb]{background:radial-gradient(circle,#eab308cc,#000000e6 70%)}.shili-bar[data-v-3e409eeb]{position:absolute;top:55%;left:50%;transform:translate(-50%);width:200px;height:20px;background:#0006;border-radius:10px;border:2px solid #fbbf24;overflow:hidden}.shili-fill[data-v-3e409eeb]{width:50%;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:8px;animation:barDouble-3e409eeb 1.2s ease .5s both}@keyframes barDouble-3e409eeb{0%{width:50%}to{width:100%}}.shili-x2[data-v-3e409eeb]{position:absolute;top:40%;right:25%;font-size:48px;font-weight:700;color:#fbbf24;opacity:0;animation:x2Pop-3e409eeb .6s ease 1s both;text-shadow:0 0 20px #fbbf24}@keyframes x2Pop-3e409eeb{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shili-spark[data-v-3e409eeb]{position:absolute;bottom:0;width:6px;height:6px;background:#fbbf24;border-radius:50%;opacity:0;animation:sparkRise-3e409eeb 1.5s ease infinite}@keyframes sparkRise-3e409eeb{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-60vh)}}.wuzhong[data-v-3e409eeb]{background:radial-gradient(circle,#8b5cf6bf,#000000e6 70%)}.wuzhong-void[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;color:#ffffff4d;animation:voidPulse-3e409eeb 1s ease .2s both}@keyframes voidPulse-3e409eeb{0%{opacity:1}50%{opacity:.2}to{opacity:0}}.wuzhong-city[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;opacity:0;animation:cityMaterialize-3e409eeb .8s ease .8s both;z-index:5}@keyframes cityMaterialize-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}.wuzhong-star[data-v-3e409eeb]{position:absolute;bottom:0;font-size:16px;color:#a78bfa;opacity:0;animation:matSparkle-3e409eeb 1.5s ease infinite}@keyframes matSparkle-3e409eeb{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(-80vh)}}.jiefu[data-v-3e409eeb]{background:radial-gradient(circle,#eab308bf,#000000e6 70%)}.jiefu-scale[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;z-index:5;animation:scaleTilt-3e409eeb 1.5s ease .3s both}@keyframes scaleTilt-3e409eeb{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(0)}}.jiefu-rich[data-v-3e409eeb]{position:absolute;top:30%;left:20%;font-size:48px;animation:richShrink-3e409eeb 1.2s ease .5s both}.jiefu-poor[data-v-3e409eeb]{position:absolute;top:30%;right:20%;font-size:48px;animation:poorGrow-3e409eeb 1.2s ease .5s both}@keyframes richShrink-3e409eeb{0%{transform:scale(1.3)}to{transform:scale(.7)}}@keyframes poorGrow-3e409eeb{0%{transform:scale(.7)}to{transform:scale(1.3)}}.jiefu-flow[data-v-3e409eeb]{position:absolute;top:50%;width:10px;height:10px;background:#22c55e;border-radius:50%;opacity:0}.jff-1[data-v-3e409eeb]{left:25%;animation:flowRight-3e409eeb 1s ease .6s infinite}.jff-2[data-v-3e409eeb]{left:30%;animation:flowRight-3e409eeb 1s ease .8s infinite}.jff-3[data-v-3e409eeb]{left:28%;animation:flowRight-3e409eeb 1s ease 1s infinite}.jff-4[data-v-3e409eeb]{left:32%;animation:flowRight-3e409eeb 1s ease 1.2s infinite}@keyframes flowRight-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40vw)}}.yuyan[data-v-3e409eeb]{background:radial-gradient(circle,#06b6d4cc,#000000e6 70%)}.yuyan-ball[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;z-index:5;animation:ballGlow-3e409eeb 1.5s ease infinite}@keyframes ballGlow-3e409eeb{0%,to{filter:brightness(1) drop-shadow(0 0 10px #22d3ee)}50%{filter:brightness(1.5) drop-shadow(0 0 30px #22d3ee)}}.yuyan-scan[data-v-3e409eeb]{position:absolute;top:0;left:15%;width:70%;height:3px;background:linear-gradient(90deg,transparent,#22d3ee,transparent);box-shadow:0 0 15px #22d3ee;animation:scanDown-3e409eeb 1.5s ease .3s infinite}@keyframes scanDown-3e409eeb{0%{top:0;opacity:1}to{top:100%;opacity:.3}}.yuyan-city[data-v-3e409eeb]{position:absolute;font-size:32px;opacity:0}.yc-1[data-v-3e409eeb]{top:25%;left:15%;animation:cityReveal-3e409eeb .5s ease .8s both}.yc-2[data-v-3e409eeb]{top:25%;right:15%;animation:cityReveal-3e409eeb .5s ease 1s both}.yc-3[data-v-3e409eeb]{bottom:25%;left:15%;animation:cityReveal-3e409eeb .5s ease 1.2s both}.yc-4[data-v-3e409eeb]{bottom:25%;right:15%;animation:cityReveal-3e409eeb .5s ease 1.4s both}@keyframes cityReveal-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.yuyan-eye[data-v-3e409eeb]{position:absolute;bottom:15%;font-size:40px;opacity:0;animation:eyeAppear-3e409eeb .5s ease 1.5s both}@keyframes eyeAppear-3e409eeb{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.boxue[data-v-3e409eeb]{background:radial-gradient(circle,#06b6d4bf,#000000e6 70%)}.boxue-book[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;z-index:5;animation:bookOpen-3e409eeb 1s ease .3s both}@keyframes bookOpen-3e409eeb{0%{transform:translate(-50%,-50%) rotateY(90deg)}to{transform:translate(-50%,-50%) rotateY(0)}}.boxue-q[data-v-3e409eeb]{position:absolute;font-size:32px;opacity:0}.bq-1[data-v-3e409eeb]{top:25%;left:25%;animation:qFloat-3e409eeb 1.2s ease .6s both}.bq-2[data-v-3e409eeb]{top:20%;right:25%;animation:qFloat-3e409eeb 1.2s ease .8s both}.bq-3[data-v-3e409eeb]{bottom:30%;left:30%;animation:qFloat-3e409eeb 1.2s ease 1s both}.bq-4[data-v-3e409eeb]{bottom:25%;right:30%;animation:qFloat-3e409eeb 1.2s ease 1.2s both}@keyframes qFloat-3e409eeb{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:translateY(-30px) scale(.8)}}.boxue-star[data-v-3e409eeb]{position:absolute;bottom:15%;font-size:48px;opacity:0;animation:starPop-3e409eeb .6s ease 1.4s both}@keyframes starPop-3e409eeb{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shouwang[data-v-3e409eeb]{background:radial-gradient(circle,#3b82f6bf,#000000e6 70%)}.shouwang-city1[data-v-3e409eeb]{position:absolute;left:25%;top:45%;font-size:48px}.shouwang-city2[data-v-3e409eeb]{position:absolute;right:25%;top:45%;font-size:48px;opacity:0;animation:city2Revive-3e409eeb 1s ease 1s both}@keyframes city2Revive-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.shouwang-link[data-v-3e409eeb]{position:absolute;top:52%;left:35%;width:30%;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#3b82f6);animation:linkPulse 1s ease infinite;opacity:0;animation:linkShow-3e409eeb .5s ease .5s both}@keyframes linkShow-3e409eeb{0%{opacity:0;width:0}to{opacity:1;width:30%}}.shouwang-heart[data-v-3e409eeb]{position:absolute;top:35%;font-size:40px;opacity:0;animation:heartBeat-3e409eeb .6s ease 1.3s both}@keyframes heartBeat-3e409eeb{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.dianshi[data-v-3e409eeb]{background:radial-gradient(circle,#d97706d9,#000000e6 70%)}.dianshi-stone[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;animation:stoneToGold-3e409eeb 1s ease .3s both}@keyframes stoneToGold-3e409eeb{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(20deg)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}.dianshi-gold[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;opacity:0;animation:goldAppear-3e409eeb .8s ease 1s both;z-index:5}@keyframes goldAppear-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0);filter:brightness(3)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}.dianshi-sparkle[data-v-3e409eeb]{position:absolute;top:35%;font-size:48px;opacity:0;animation:dianshiSparkle-3e409eeb .6s ease 1.2s both}@keyframes dianshiSparkle-3e409eeb{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.dianshi-particle[data-v-3e409eeb]{position:absolute;bottom:0;width:8px;height:8px;background:#fbbf24;border-radius:50%;opacity:0;animation:goldRise-3e409eeb 1.5s ease infinite;box-shadow:0 0 6px #fbbf24}@keyframes goldRise-3e409eeb{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-70vh)}}.yiluo[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626cc,#000000eb 70%)}.yiluo-city[data-v-3e409eeb]{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:56px;animation:cityFall-3e409eeb 1s ease .3s both}@keyframes cityFall-3e409eeb{0%{top:20%}to{top:70%;transform:translate(-50%) scale(.6)}}.yiluo-arrow[data-v-3e409eeb]{position:absolute;top:40%;left:50%;transform:translate(-50%);font-size:48px;animation:arrowDrop-3e409eeb 1s ease .3s both}@keyframes arrowDrop-3e409eeb{0%{top:25%;opacity:0}to{top:60%;opacity:1}}.yiluo-divide[data-v-3e409eeb]{position:absolute;top:35%;right:25%;font-size:48px;font-weight:700;color:#ef4444;opacity:0;animation:divideShow-3e409eeb .5s ease 1s both;text-shadow:0 0 15px #ef4444}@keyframes divideShow-3e409eeb{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.yiluo-crack[data-v-3e409eeb]{position:absolute;top:70%;left:50%;width:0;height:3px;background:#ef4444;opacity:0}.yc-1[data-v-3e409eeb]{animation:crackSpread-3e409eeb .5s ease 1.1s both;transform:translate(-50%) rotate(30deg)}.yc-2[data-v-3e409eeb]{animation:crackSpread-3e409eeb .5s ease 1.2s both;transform:translate(-50%) rotate(-20deg)}.yc-3[data-v-3e409eeb]{animation:crackSpread-3e409eeb .5s ease 1.3s both;transform:translate(-50%) rotate(50deg)}.yc-4[data-v-3e409eeb]{animation:crackSpread-3e409eeb .5s ease 1.4s both;transform:translate(-50%) rotate(-40deg)}@keyframes crackSpread-3e409eeb{0%{width:0;opacity:0}to{width:80px;opacity:1}}.lianxu[data-v-3e409eeb]{background:radial-gradient(circle,#f97316cc,#000000e6 70%)}.lianxu-fist[data-v-3e409eeb]{position:absolute;font-size:56px}.lianxu-f1[data-v-3e409eeb]{left:-10%;top:40%;animation:punchRight-3e409eeb .6s ease .3s both}.lianxu-f2[data-v-3e409eeb]{right:-10%;top:50%;animation:punchLeft-3e409eeb .6s ease .8s both;transform:scaleX(-1)}@keyframes punchRight-3e409eeb{0%{left:-10%;opacity:1}to{left:45%;opacity:0}}@keyframes punchLeft-3e409eeb{0%{right:-10%;opacity:1}to{right:45%;opacity:0}}.lianxu-impact[data-v-3e409eeb]{position:absolute;font-size:48px;opacity:0}.lianxu-i1[data-v-3e409eeb]{left:45%;top:40%;animation:impactFlash-3e409eeb .4s ease .85s both}.lianxu-i2[data-v-3e409eeb]{right:42%;top:50%;animation:impactFlash-3e409eeb .4s ease 1.35s both}@keyframes impactFlash-3e409eeb{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.lianxu-divide[data-v-3e409eeb]{position:absolute;bottom:25%;font-size:48px;font-weight:700;color:#f97316;opacity:0;animation:divideShow-3e409eeb .5s ease 1.3s both;text-shadow:0 0 15px #f97316}.hengsao[data-v-3e409eeb]{background:radial-gradient(circle,#7e22cecc,#000000eb 70%)}.hengsao-tornado[data-v-3e409eeb]{position:absolute;left:-10%;top:50%;transform:translateY(-50%);font-size:72px;animation:tornadoSweep-3e409eeb 1.5s ease .3s both}@keyframes tornadoSweep-3e409eeb{0%{left:-10%;transform:translateY(-50%) rotate(0)}to{left:110%;transform:translateY(-50%) rotate(720deg)}}.hengsao-skill[data-v-3e409eeb]{position:absolute;font-size:28px;opacity:0}.hss-1[data-v-3e409eeb]{top:30%;left:30%;animation:skillScatter-3e409eeb 1s ease .8s both;--sx:80px;--sy:-60px}.hss-2[data-v-3e409eeb]{top:40%;left:45%;animation:skillScatter-3e409eeb 1s ease .9s both;--sx:-50px;--sy:70px}.hss-3[data-v-3e409eeb]{top:50%;left:55%;animation:skillScatter-3e409eeb 1s ease 1s both;--sx:60px;--sy:50px}.hss-4[data-v-3e409eeb]{top:35%;left:60%;animation:skillScatter-3e409eeb 1s ease 1.1s both;--sx:-70px;--sy:-40px}.hss-5[data-v-3e409eeb]{top:55%;left:40%;animation:skillScatter-3e409eeb 1s ease 1.2s both;--sx:40px;--sy:-80px}@keyframes skillScatter-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--sx),var(--sy))}}.wanjian[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626cc,#000000eb 70%)}.wanjian-arrow[data-v-3e409eeb]{position:absolute;top:-20px;font-size:24px;opacity:0;animation:arrowRain-3e409eeb 1s ease forwards;transform:rotate(135deg)}@keyframes arrowRain-3e409eeb{0%{opacity:0;top:-20px}30%{opacity:1}to{opacity:0;top:100vh}}.wanjian-target[data-v-3e409eeb]{position:absolute;bottom:20%;left:50%;transform:translate(-50%);font-size:56px;animation:targetPulse-3e409eeb 1s ease infinite}@keyframes targetPulse-3e409eeb{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.2)}}.shiqi[data-v-3e409eeb]{background:radial-gradient(circle,#10b981cc,#000000e6 70%)}.shiqi-flag[data-v-3e409eeb]{position:absolute;top:20%;font-size:56px;animation:flagWave-3e409eeb 1s ease infinite}@keyframes flagWave-3e409eeb{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.shiqi-bar[data-v-3e409eeb]{position:absolute;left:50%;transform:translate(-50%);width:150px;height:14px;background:#0000004d;border-radius:7px;overflow:hidden;border:1px solid #34d399}.sqb-1[data-v-3e409eeb]{top:40%}.sqb-2[data-v-3e409eeb]{top:46%}.sqb-3[data-v-3e409eeb]{top:52%}.sqb-4[data-v-3e409eeb]{top:58%}.sqb-5[data-v-3e409eeb]{top:64%}.shiqi-fill[data-v-3e409eeb]{width:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:7px;animation:fillBar-3e409eeb 1s ease .5s both}.sqb-1 .shiqi-fill[data-v-3e409eeb]{animation-delay:.5s}.sqb-2 .shiqi-fill[data-v-3e409eeb]{animation-delay:.65s}.sqb-3 .shiqi-fill[data-v-3e409eeb]{animation-delay:.8s}.sqb-4 .shiqi-fill[data-v-3e409eeb]{animation-delay:.95s}.sqb-5 .shiqi-fill[data-v-3e409eeb]{animation-delay:1.1s}@keyframes fillBar-3e409eeb{0%{width:30%}to{width:100%}}.shiqi-cheer[data-v-3e409eeb]{position:absolute;bottom:0;font-size:28px;opacity:0;animation:cheerPop-3e409eeb 1.5s ease infinite}@keyframes cheerPop-3e409eeb{0%{opacity:0;transform:translateY(0) scale(0)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-50vh)}}.dianci[data-v-3e409eeb]{background:radial-gradient(circle,#eab308b3,#000000eb 70%)}.dianci-city[data-v-3e409eeb]{position:absolute;font-size:40px}.dianci-c1[data-v-3e409eeb]{top:30%;left:20%}.dianci-c2[data-v-3e409eeb]{top:30%;right:20%}.dianci-c3[data-v-3e409eeb]{bottom:25%;left:50%;transform:translate(-50%)}.dianci-bolt[data-v-3e409eeb]{position:absolute;font-size:36px;opacity:0;animation:boltFlash-3e409eeb .8s ease infinite}.dianci-b1[data-v-3e409eeb]{top:32%;left:40%;animation-delay:.3s}.dianci-b2[data-v-3e409eeb]{top:32%;right:38%;animation-delay:.6s}.dianci-b3[data-v-3e409eeb]{top:55%;left:43%;animation-delay:.9s}@keyframes boltFlash-3e409eeb{0%{opacity:0}30%{opacity:1}60%{opacity:0}to{opacity:0}}.zhanlve[data-v-3e409eeb]{background:radial-gradient(circle,#3b82f6cc,#000000e6 70%)}.zhanlve-old[data-v-3e409eeb]{position:absolute;left:25%;top:45%;font-size:48px;animation:oldFade-3e409eeb 1s ease .5s both}.zhanlve-new[data-v-3e409eeb]{position:absolute;right:25%;top:45%;font-size:48px;animation:newGlow-3e409eeb 1s ease .8s both}@keyframes oldFade-3e409eeb{0%{opacity:1}to{opacity:.4}}@keyframes newGlow-3e409eeb{0%{filter:brightness(1)}to{filter:brightness(1.5) drop-shadow(0 0 15px #60a5fa)}}.zhanlve-crown[data-v-3e409eeb]{position:absolute;top:30%;left:30%;font-size:48px;animation:crownMove-3e409eeb 1.2s ease .5s both}@keyframes crownMove-3e409eeb{0%{left:30%}to{left:65%}}.zhanlve-plus[data-v-3e409eeb]{position:absolute;bottom:25%;right:20%;font-size:36px;font-weight:700;color:#60a5fa;opacity:0;animation:plusPop-3e409eeb .5s ease 1.4s both;text-shadow:0 0 15px #60a5fa}@keyframes plusPop-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.zixiang[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626d9,#000000eb 70%)}.zixiang-sword[data-v-3e409eeb]{position:absolute;top:45%;font-size:56px}.zixiang-s1[data-v-3e409eeb]{left:15%;animation:swordClashL-3e409eeb .8s ease .3s both}.zixiang-s2[data-v-3e409eeb]{right:15%;animation:swordClashR-3e409eeb .8s ease .3s both;transform:scaleX(-1)}@keyframes swordClashL-3e409eeb{0%{left:15%}to{left:42%}}@keyframes swordClashR-3e409eeb{0%{right:15%}to{right:42%}}.zixiang-clash[data-v-3e409eeb]{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:56px;opacity:0;animation:clashBoom-3e409eeb .5s ease 1s both}@keyframes clashBoom-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.zixiang-skull[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:48px;opacity:0;animation:skullAppear-3e409eeb .5s ease 1.3s both}@keyframes skullAppear-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chenqi_rand[data-v-3e409eeb]{background:radial-gradient(circle,#8b5cf6cc,#000000e6 70%)}.chenqi-hand[data-v-3e409eeb]{position:absolute;left:15%;top:45%;font-size:56px;animation:handReach-3e409eeb .8s ease .3s both}@keyframes handReach-3e409eeb{0%{left:15%}to{left:45%}}.chenqi-city[data-v-3e409eeb]{position:absolute;right:25%;top:40%;font-size:48px;animation:cityShake-3e409eeb .5s ease .8s both}@keyframes cityShake-3e409eeb{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.chenqi-dice[data-v-3e409eeb]{position:absolute;top:25%;font-size:48px;animation:diceRoll-3e409eeb 1s ease .3s both}@keyframes diceRoll-3e409eeb{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.chenqi-grab[data-v-3e409eeb]{position:absolute;left:45%;top:45%;font-size:56px;opacity:0;animation:grabShow-3e409eeb .5s ease 1s both}@keyframes grabShow-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.banyun[data-v-3e409eeb]{background:radial-gradient(circle,#3b82f6bf,#000000e6 70%)}.banyun-truck[data-v-3e409eeb]{position:absolute;left:-15%;top:50%;transform:translateY(-50%);font-size:56px;animation:truckDrive-3e409eeb 1.5s ease .2s both}@keyframes truckDrive-3e409eeb{0%{left:-15%}60%{left:30%}to{left:30%}}.banyun-city[data-v-3e409eeb]{position:absolute;font-size:40px;opacity:0}.banyun-bc1[data-v-3e409eeb]{top:40%;right:20%;animation:cityDrop-3e409eeb .6s ease 1s both}.banyun-bc2[data-v-3e409eeb]{top:55%;right:25%;animation:cityDrop-3e409eeb .6s ease 1.3s both}@keyframes cityDrop-3e409eeb{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.banyun-flag[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:40px;opacity:0;animation:flagAppear-3e409eeb .5s ease 1.5s both}@keyframes flagAppear-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.zhongyong[data-v-3e409eeb]{background:radial-gradient(circle,#64748bcc,#000000e6 70%)}.zhongyong-yinyang[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:80px;animation:yinSpin-3e409eeb 2s linear infinite;z-index:5}@keyframes yinSpin-3e409eeb{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.zhongyong-sqrt[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:32px;font-weight:700;color:#94a3b8;opacity:0;animation:sqrtShow-3e409eeb .6s ease 1s both;text-shadow:0 0 10px #94a3b8}@keyframes sqrtShow-3e409eeb{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.zhongyong-up[data-v-3e409eeb]{position:absolute;top:25%;right:20%;font-size:48px;animation:upBounce-3e409eeb 1s ease .5s both}.zhongyong-down[data-v-3e409eeb]{position:absolute;top:25%;left:20%;font-size:48px;animation:downBounce-3e409eeb 1s ease .5s both}@keyframes upBounce-3e409eeb{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes downBounce-3e409eeb{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.qiangzhi_pu[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626d9,#000000eb 70%)}.qiangzhi-crown[data-v-3e409eeb]{position:absolute;top:35%;font-size:64px;animation:crownShatter-3e409eeb 1s ease .3s both}@keyframes crownShatter-3e409eeb{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(0);opacity:0}}.qiangzhi-smash[data-v-3e409eeb]{position:absolute;top:40%;font-size:64px;opacity:0;animation:smashPop-3e409eeb .5s ease 1s both}@keyframes smashPop-3e409eeb{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.qiangzhi-shard[data-v-3e409eeb]{position:absolute;top:40%;left:50%;font-size:20px;color:#fbbf24;opacity:0}.qs-1[data-v-3e409eeb]{animation:shardFly-3e409eeb .8s ease 1s both;--sx:-60px;--sy:-50px}.qs-2[data-v-3e409eeb]{animation:shardFly-3e409eeb .8s ease 1.05s both;--sx:50px;--sy:-60px}.qs-3[data-v-3e409eeb]{animation:shardFly-3e409eeb .8s ease 1.1s both;--sx:-40px;--sy:50px}.qs-4[data-v-3e409eeb]{animation:shardFly-3e409eeb .8s ease 1.15s both;--sx:60px;--sy:40px}.qs-5[data-v-3e409eeb]{animation:shardFly-3e409eeb .8s ease 1.2s both;--sx:0;--sy:-70px}@keyframes shardFly-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--sx),var(--sy))}}.xingzheng[data-v-3e409eeb]{background:radial-gradient(circle,#eab308d9,#000000e6 70%)}.xingzheng-building[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:72px;z-index:5}.xingzheng-beam[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:3px;height:120px;background:linear-gradient(180deg,#fbbf24,transparent);transform-origin:bottom center;opacity:0}.xzb-1[data-v-3e409eeb]{animation:beamShoot-3e409eeb .8s ease .5s both;transform:translate(-50%) rotate(-40deg)}.xzb-2[data-v-3e409eeb]{animation:beamShoot-3e409eeb .8s ease .7s both;transform:translate(-50%) rotate(-15deg)}.xzb-3[data-v-3e409eeb]{animation:beamShoot-3e409eeb .8s ease .9s both;transform:translate(-50%) rotate(15deg)}.xzb-4[data-v-3e409eeb]{animation:beamShoot-3e409eeb .8s ease 1.1s both;transform:translate(-50%) rotate(40deg)}@keyframes beamShoot-3e409eeb{0%{opacity:0;height:0}50%{opacity:1}to{opacity:0;height:120px}}.xingzheng-x3[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:56px;font-weight:700;color:#fbbf24;opacity:0;animation:x2Pop-3e409eeb .6s ease 1.3s both;text-shadow:0 0 20px #fbbf24}.jihua[data-v-3e409eeb]{background:radial-gradient(circle,#10b981bf,#000000e6 70%)}.jihua-clip[data-v-3e409eeb]{position:absolute;top:20%;font-size:56px;animation:clipBounce-3e409eeb .6s ease .2s both}@keyframes clipBounce-3e409eeb{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.jihua-bar[data-v-3e409eeb]{position:absolute;left:50%;transform:translate(-50%);width:130px;height:12px;background:#0000004d;border-radius:6px;overflow:hidden;border:1px solid #34d399}.jhb-1[data-v-3e409eeb]{top:42%}.jhb-2[data-v-3e409eeb]{top:48%}.jhb-3[data-v-3e409eeb]{top:54%}.jhb-4[data-v-3e409eeb]{top:60%}.jhb-5[data-v-3e409eeb]{top:66%}.jihua-fill[data-v-3e409eeb]{width:0;height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:6px;animation:jihuaFill-3e409eeb 1s ease both}.jhb-1 .jihua-fill[data-v-3e409eeb]{animation-delay:.5s;width:0}.jhb-2 .jihua-fill[data-v-3e409eeb]{animation-delay:.65s}.jhb-3 .jihua-fill[data-v-3e409eeb]{animation-delay:.8s}.jhb-4 .jihua-fill[data-v-3e409eeb]{animation-delay:.95s}.jhb-5 .jihua-fill[data-v-3e409eeb]{animation-delay:1.1s}@keyframes jihuaFill-3e409eeb{0%{width:20%}to{width:100%}}.jihua-check[data-v-3e409eeb]{position:absolute;bottom:15%;font-size:48px;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.4s both}.pingzhang[data-v-3e409eeb]{background:radial-gradient(circle,#3b82f6d9,#000000e6 70%)}.pingzhang-hex[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:60px;height:60px;border:2px solid rgba(96,165,250,.7);opacity:0;transform:translate(-50%,-50%)}.ph-1[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .3s both;margin-left:-35px;margin-top:-30px}.ph-2[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .4s both;margin-left:35px;margin-top:-30px}.ph-3[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .5s both;margin-left:-70px}.ph-4[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .6s both;margin-left:70px}.ph-5[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .7s both;margin-left:-35px;margin-top:30px}.ph-6[data-v-3e409eeb]{animation:hexAssemble-3e409eeb .6s ease .8s both;margin-left:35px;margin-top:30px}@keyframes hexAssemble-3e409eeb{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pingzhang-hp[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:36px;font-weight:700;color:#60a5fa;opacity:0;animation:sqrtShow-3e409eeb .5s ease 1.2s both;text-shadow:0 0 15px #60a5fa}.pingzhang-reflect[data-v-3e409eeb]{position:absolute;top:25%;font-size:36px;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.4s both}.zishi[data-v-3e409eeb]{background:radial-gradient(circle,#7e22ced9,#000000eb 70%)}.zishi-aura[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.4),transparent);animation:auraPulse-3e409eeb 1.5s ease infinite}@keyframes auraPulse-3e409eeb{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}.zishi-crown[data-v-3e409eeb]{position:absolute;top:25%;font-size:56px;animation:crownDescend-3e409eeb .8s ease .3s both}@keyframes crownDescend-3e409eeb{0%{top:0;opacity:0}to{top:25%;opacity:1}}.zishi-x2[data-v-3e409eeb]{position:absolute;bottom:22%;left:35%;font-size:36px;font-weight:700;color:#c084fc;opacity:0;animation:x2Pop-3e409eeb .5s ease 1s both;text-shadow:0 0 15px #c084fc}.zishi-star[data-v-3e409eeb]{position:absolute;bottom:0;font-size:16px;color:#c084fc;opacity:0;animation:matSparkle-3e409eeb 2s ease infinite}.zishi-stealth[data-v-3e409eeb]{position:absolute;bottom:22%;right:30%;font-size:36px;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.3s both}.qiangzhi_gao[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626e6,#000000eb 70%)}.qgao-crown[data-v-3e409eeb]{position:absolute;top:30%;font-size:56px;animation:crownShatter-3e409eeb .8s ease .3s both}.qgao-fire[data-v-3e409eeb]{position:absolute;top:35%;font-size:56px;opacity:0;animation:fireBurst-3e409eeb .6s ease .9s both}@keyframes fireBurst-3e409eeb{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.qgao-finger[data-v-3e409eeb]{position:absolute;bottom:25%;font-size:56px;opacity:0;animation:fingerPoint-3e409eeb .6s ease 1.3s both}@keyframes fingerPoint-3e409eeb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qgao-ember[data-v-3e409eeb]{position:absolute;top:35%;left:50%;width:6px;height:6px;background:#ef4444;border-radius:50%;opacity:0}.qge-1[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1s both;--dx:-50px;--dy:-40px}.qge-2[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.1s both;--dx:40px;--dy:-50px}.qge-3[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.05s both;--dx:-30px;--dy:40px}.qge-4[data-v-3e409eeb]{animation:debrisFly-3e409eeb .8s ease 1.15s both;--dx:50px;--dy:30px}.simian[data-v-3e409eeb]{background:radial-gradient(circle,#eab308cc,#000000eb 70%)}.simian-note[data-v-3e409eeb]{position:absolute;font-size:32px;opacity:0}.sn-1[data-v-3e409eeb]{top:15%;left:15%;animation:noteFloat-3e409eeb 2s ease .2s infinite}.sn-2[data-v-3e409eeb]{top:15%;right:15%;animation:noteFloat-3e409eeb 2s ease .4s infinite}.sn-3[data-v-3e409eeb]{top:50%;left:5%;animation:noteFloat-3e409eeb 2s ease .6s infinite}.sn-4[data-v-3e409eeb]{top:50%;right:5%;animation:noteFloat-3e409eeb 2s ease .8s infinite}.sn-5[data-v-3e409eeb]{bottom:20%;left:15%;animation:noteFloat-3e409eeb 2s ease .3s infinite}.sn-6[data-v-3e409eeb]{bottom:20%;right:15%;animation:noteFloat-3e409eeb 2s ease .5s infinite}.sn-7[data-v-3e409eeb]{top:35%;left:10%;animation:noteFloat-3e409eeb 2s ease .7s infinite}.sn-8[data-v-3e409eeb]{top:35%;right:10%;animation:noteFloat-3e409eeb 2s ease .9s infinite}@keyframes noteFloat-3e409eeb{0%{opacity:0;transform:scale(0)}30%{opacity:1;transform:scale(1.2)}70%{opacity:.8}to{opacity:0;transform:translateY(-20px) rotate(20deg)}}.simian-vortex[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:150px;height:150px;transform:translate(-50%,-50%);border:3px solid rgba(251,191,36,.5);border-radius:50%;animation:vortexPull-3e409eeb 2s linear infinite}@keyframes vortexPull-3e409eeb{0%{transform:translate(-50%,-50%) rotate(0) scale(1.3);opacity:.3}to{transform:translate(-50%,-50%) rotate(360deg) scale(.5);opacity:.8}}.simian-city[data-v-3e409eeb]{position:absolute;font-size:32px;opacity:0}.smc-1[data-v-3e409eeb]{top:30%;left:25%;animation:cityAbsorb-3e409eeb 1.5s ease .5s both}.smc-2[data-v-3e409eeb]{top:60%;right:20%;animation:cityAbsorb-3e409eeb 1.5s ease .8s both}.smc-3[data-v-3e409eeb]{bottom:25%;left:35%;animation:cityAbsorb-3e409eeb 1.5s ease 1.1s both}@keyframes cityAbsorb-3e409eeb{0%{opacity:1;transform:scale(1)}to{opacity:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(0)}}.shiban[data-v-3e409eeb]{background:radial-gradient(circle,#dc2626bf,#000000e6 70%)}.shiban-skill[data-v-3e409eeb]{position:absolute;top:45%;font-size:64px;animation:skillTarget-3e409eeb .8s ease .3s both}@keyframes skillTarget-3e409eeb{0%{transform:scale(0)}to{transform:scale(1)}}.shiban-stamp[data-v-3e409eeb]{position:absolute;top:40%;font-size:80px;opacity:0;animation:stampDown-3e409eeb .4s ease .9s both;z-index:5}@keyframes stampDown-3e409eeb{0%{opacity:0;transform:scale(3) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.shiban-chain[data-v-3e409eeb]{position:absolute;bottom:25%;font-size:48px;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.3s both}.jiechu[data-v-3e409eeb]{background:radial-gradient(circle,#10b981cc,#000000e6 70%)}.jiechu-chain[data-v-3e409eeb]{position:absolute;top:50%;font-size:48px}.jiechu-l[data-v-3e409eeb]{left:25%;animation:chainBreakL-3e409eeb .8s ease .5s both}.jiechu-r[data-v-3e409eeb]{right:25%;animation:chainBreakR-3e409eeb .8s ease .5s both}@keyframes chainBreakL-3e409eeb{0%{left:40%}to{left:15%;opacity:0;transform:rotate(-30deg)}}@keyframes chainBreakR-3e409eeb{0%{right:40%}to{right:15%;opacity:0;transform:rotate(30deg)}}.jiechu-burst[data-v-3e409eeb]{position:absolute;top:48%;left:50%;transform:translate(-50%);font-size:56px;opacity:0;animation:impactFlash-3e409eeb .5s ease .8s both}.jiechu-free[data-v-3e409eeb]{position:absolute;top:30%;font-size:48px;opacity:0;animation:freeRise-3e409eeb .8s ease 1.2s both}@keyframes freeRise-3e409eeb{0%{opacity:0;top:50%}to{opacity:1;top:25%}}.jineng[data-v-3e409eeb]{background:radial-gradient(circle,#3b82f6cc,#000000e6 70%)}.jineng-dome[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);border:3px solid rgba(96,165,250,.6);border-radius:50%;animation:domeGrow-3e409eeb .8s ease .3s both;background:radial-gradient(circle,rgba(96,165,250,.1),transparent)}.jineng-inner[data-v-3e409eeb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:5}.jineng-wave[data-v-3e409eeb]{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(96,165,250,.5);border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0}.jnw-1[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1.5s ease .8s infinite}.jnw-2[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1.5s ease 1.1s infinite}.jnw-3[data-v-3e409eeb]{animation:ringExpand-3e409eeb 1.5s ease 1.4s infinite}.jineng-10[data-v-3e409eeb]{position:absolute;bottom:18%;font-size:24px;font-weight:700;color:#60a5fa;opacity:0;animation:lockAppear-3e409eeb .5s ease 1.2s both}.yichu[data-v-3e409eeb]{background:radial-gradient(circle,#eab308cc,#000000e6 70%)}.yichu-clock[data-v-3e409eeb]{position:absolute;top:40%;font-size:64px;animation:clockShake-3e409eeb .5s ease .3s both}@keyframes clockShake-3e409eeb{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.yichu-bolt[data-v-3e409eeb]{position:absolute;top:35%;left:55%;font-size:48px;opacity:0;animation:boltStrike-3e409eeb .4s ease .7s both;z-index:5}@keyframes boltStrike-3e409eeb{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.yichu-shatter[data-v-3e409eeb]{position:absolute;top:40%;font-size:48px;opacity:0;animation:impactFlash-3e409eeb .5s ease 1s both}.yichu-zero[data-v-3e409eeb]{position:absolute;bottom:22%;font-size:64px;font-weight:700;color:#fbbf24;opacity:0;animation:x2Pop-3e409eeb .6s ease 1.3s both;text-shadow:0 0 20px #fbbf24}.tupo[data-v-3e409eeb]{background:radial-gradient(circle,#f97316cc,#000000e6 70%)}.tupo-bottle[data-v-3e409eeb]{position:absolute;top:40%;font-size:64px;animation:bottleCrack-3e409eeb .8s ease .3s both}@keyframes bottleCrack-3e409eeb{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(.8);opacity:.5}}.tupo-crack[data-v-3e409eeb]{position:absolute;top:38%;left:55%;font-size:48px;opacity:0;animation:impactFlash-3e409eeb .5s ease .9s both}.tupo-rocket[data-v-3e409eeb]{position:absolute;bottom:50%;font-size:56px;opacity:0;animation:rocketLaunch-3e409eeb 1s ease 1s both}@keyframes rocketLaunch-3e409eeb{0%{opacity:0;bottom:30%}50%{opacity:1}to{opacity:0;bottom:90%}}.tupo-plus[data-v-3e409eeb]{position:absolute;bottom:20%;font-size:48px;font-weight:700;color:#f97316;opacity:0;animation:x2Pop-3e409eeb .6s ease 1.3s both;text-shadow:0 0 15px #f97316}.shilai[data-v-3e409eeb]{background:radial-gradient(circle,#eab308cc,#000000e6 70%)}.shilai-dice[data-v-3e409eeb]{position:absolute;top:20%;font-size:64px;animation:diceRoll-3e409eeb 1s ease .3s both}.shilai-city[data-v-3e409eeb]{position:absolute;font-size:36px;opacity:0}.shilai-l1[data-v-3e409eeb]{left:10%;top:35%;animation:shilaiSwapR-3e409eeb .8s ease .5s both}.shilai-l2[data-v-3e409eeb]{left:10%;top:50%;animation:shilaiSwapR-3e409eeb .8s ease .7s both}.shilai-l3[data-v-3e409eeb]{left:10%;top:65%;animation:shilaiSwapR-3e409eeb .8s ease .9s both}.shilai-r1[data-v-3e409eeb]{right:10%;top:35%;animation:shilaiSwapL-3e409eeb .8s ease .5s both}.shilai-r2[data-v-3e409eeb]{right:10%;top:50%;animation:shilaiSwapL-3e409eeb .8s ease .7s both}.shilai-r3[data-v-3e409eeb]{right:10%;top:65%;animation:shilaiSwapL-3e409eeb .8s ease .9s both}.shilai-arrows[data-v-3e409eeb]{position:absolute;top:48%;font-size:48px;color:#fbbf24;opacity:0;animation:arrowFlash-3e409eeb .6s ease .4s both}@keyframes shilaiSwapR-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(calc(80vw - 100%))}}@keyframes shilaiSwapL-3e409eeb{0%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(calc(-80vw + 100%))}}@keyframes arrowFlash-3e409eeb{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.renzhi[data-v-3e409eeb]{background:radial-gradient(circle,#6b7280d9,#000000eb 70%)}.renzhi-chain1[data-v-3e409eeb]{position:absolute;top:25%;left:30%;font-size:48px;animation:chainShake-3e409eeb .6s ease .3s both}.renzhi-chain2[data-v-3e409eeb]{position:absolute;top:25%;right:30%;font-size:48px;animation:chainShake-3e409eeb .6s ease .3s both}.renzhi-city[data-v-3e409eeb]{position:absolute;top:45%;font-size:48px}.renzhi-cl[data-v-3e409eeb]{left:15%;animation:renzhiSwapR-3e409eeb 1s ease .6s both}.renzhi-cr[data-v-3e409eeb]{right:15%;animation:renzhiSwapL-3e409eeb 1s ease .6s both}.renzhi-swap[data-v-3e409eeb]{position:absolute;top:42%;font-size:56px;opacity:0;animation:swapSpin-3e409eeb 1s ease .5s both}@keyframes chainShake-3e409eeb{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes renzhiSwapR-3e409eeb{0%{transform:translate(0)}to{transform:translate(calc(70vw - 100%))}}@keyframes renzhiSwapL-3e409eeb{0%{transform:translate(0)}to{transform:translate(calc(-70vw + 100%))}}@keyframes swapSpin-3e409eeb{0%{opacity:0;transform:rotate(0) scale(0)}50%{opacity:1;transform:rotate(180deg) scale(1.3)}to{opacity:1;transform:rotate(360deg) scale(1)}}.yili[data-v-3e409eeb]{background:radial-gradient(circle,#fbbf24bf,#000000e6 70%)}.yili-flag[data-v-3e409eeb]{position:absolute;top:20%;font-size:64px;animation:flagWave-3e409eeb 1.5s ease .3s both}.yili-city[data-v-3e409eeb]{position:absolute;right:20%;top:45%;font-size:48px;animation:citySurrender-3e409eeb 1s ease .5s both}.yili-arrow[data-v-3e409eeb]{position:absolute;top:47%;font-size:36px;opacity:0;animation:arrowSlide-3e409eeb .8s ease .8s both}.yili-bonus[data-v-3e409eeb]{position:absolute;left:15%;top:60%;font-size:40px;opacity:0;animation:bonusAppear-3e409eeb .6s ease 1.3s both}.yili-plus[data-v-3e409eeb]{position:absolute;left:22%;top:55%;font-size:32px;font-weight:700;color:#22c55e;opacity:0;animation:x2Pop-3e409eeb .6s ease 1.5s both;text-shadow:0 0 10px #22c55e}@keyframes flagWave-3e409eeb{0%{transform:rotate(-15deg) scale(0);opacity:0}30%{transform:rotate(10deg) scale(1.2);opacity:1}60%{transform:rotate(-5deg) scale(1)}to{transform:rotate(0) scale(1);opacity:1}}@keyframes citySurrender-3e409eeb{0%{transform:translate(0);opacity:1}to{transform:translate(-30vw);opacity:1}}@keyframes arrowSlide-3e409eeb{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(-10vw)}}@keyframes bonusAppear-3e409eeb{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.default[data-v-3e409eeb]{background:radial-gradient(circle,#8b5cf6b3,#000000e6 70%)}.default-sparkle[data-v-3e409eeb]{position:absolute;bottom:0;font-size:20px;color:#a78bfa;opacity:0;animation:matSparkle-3e409eeb 1.8s ease infinite}.skill-selector[data-v-20b214d0]{padding:24px;min-height:100vh;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);border-radius:12px;border:2px solid rgba(212,160,23,.25)}.skill-header[data-v-20b214d0]{margin-bottom:20px}.skill-header h3[data-v-20b214d0]{margin:0 0 15px;font-size:24px;color:#ffffffd9;font-weight:800;padding-bottom:10px;border-bottom:2px solid rgba(212,160,23,.5)}.skill-filters[data-v-20b214d0]{display:flex;gap:10px;flex-wrap:wrap}.filter-btn[data-v-20b214d0]{padding:8px 16px;border:2px solid rgba(255,255,255,.12);background:#1e284199;border-radius:20px;cursor:pointer;transition:all .3s;font-weight:500;color:#ffffff73}.filter-btn[data-v-20b214d0]:hover{border-color:#d4a01780;background:#d4a0171f;color:#d4a017}.filter-btn.active[data-v-20b214d0]{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border-color:#b8860b;box-shadow:0 2px 8px #d4a01759}.skill-grid[data-v-20b214d0]{display:flex;flex-direction:row;gap:15px;margin-bottom:20px;overflow-x:auto;overflow-y:hidden;padding:10px 5px;scroll-behavior:smooth}.skill-grid[data-v-20b214d0]::-webkit-scrollbar{height:8px}.skill-grid[data-v-20b214d0]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.skill-grid[data-v-20b214d0]::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d4a017,#b8860b);border-radius:4px}.skill-grid[data-v-20b214d0]::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#e6b422,#d4a017)}.skill-card[data-v-20b214d0]{display:flex;flex-direction:row;gap:12px;padding:15px;background:#1e2841d9;border:2px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:all .3s;min-width:280px;max-width:280px;flex-shrink:0;box-shadow:0 2px 6px #0003}.skill-card[data-v-20b214d0]:hover:not(.disabled){border-color:#d4a01780;transform:translateY(-3px);box-shadow:0 6px 16px #d4a01740}.skill-card.selected[data-v-20b214d0]{border-color:#d4a017;background:#322d1ee6;box-shadow:0 0 0 3px #d4a01726,0 4px 12px #d4a0174d}.skill-card.disabled[data-v-20b214d0]{opacity:.5;cursor:not-allowed}.skill-icon[data-v-20b214d0]{font-size:36px;flex-shrink:0}.skill-info[data-v-20b214d0]{flex:1}.skill-name[data-v-20b214d0]{font-weight:700;font-size:16px;margin-bottom:5px;color:#ffffffd9}.skill-cost[data-v-20b214d0]{font-size:14px;color:#d4a017;margin-bottom:8px;font-weight:600}.gold-icon[data-v-20b214d0]{margin-right:4px}.skill-description[data-v-20b214d0]{font-size:13px;color:#ffffff73;margin-bottom:8px}.skill-usage[data-v-20b214d0]{font-size:12px;color:#64b4ffd9;margin-top:6px;display:flex;align-items:center;gap:4px}.usage-label[data-v-20b214d0]{font-weight:600}.usage-count[data-v-20b214d0]{background:#64b4ff26;padding:2px 8px;border-radius:12px;font-weight:700}.skill-cooldown-active[data-v-20b214d0]{font-size:12px;color:#ef5350;margin-top:6px;display:flex;align-items:center;gap:4px;background:#ef53501f;padding:4px 8px;border-radius:12px;font-weight:600}.cooldown-icon[data-v-20b214d0]{font-size:14px}.cooldown-text[data-v-20b214d0]{flex:1}.skill-cooldown-ready[data-v-20b214d0]{font-size:12px;color:#4ade80;margin-top:6px;display:flex;align-items:center;gap:4px;background:#4ade801f;padding:4px 8px;border-radius:12px;font-weight:600}.ready-icon[data-v-20b214d0]{font-size:14px}.ready-text[data-v-20b214d0]{flex:1}.target-selection-section[data-v-20b214d0]{background:#1e2841d9;padding:20px;border-radius:10px;border:2px solid rgba(255,255,255,.12);border-top:4px solid #d4a017;margin-top:20px;box-shadow:0 4px 16px #00000040}.section-title[data-v-20b214d0]{margin:0 0 20px;font-size:20px;color:#ffffffd9;text-align:center;font-weight:800;padding-bottom:12px;border-bottom:2px dashed rgba(212,160,23,.4)}.target-player-selector[data-v-20b214d0]{margin-bottom:20px}.target-player-selector h4[data-v-20b214d0],.city-card-selector h4[data-v-20b214d0]{margin:0 0 12px;font-size:16px;color:#ffffffd9;font-weight:700}.player-buttons[data-v-20b214d0]{display:flex;gap:12px;flex-wrap:wrap}.player-btn[data-v-20b214d0]{padding:12px 24px;border:2px solid rgba(255,255,255,.12);background:#1e284199;color:#ffffffd9;border-radius:10px;cursor:pointer;transition:all .3s;font-size:15px;font-weight:500}.player-btn[data-v-20b214d0]:hover{border-color:#d4a01780;background:#d4a0171f}.player-btn.selected[data-v-20b214d0]{border-color:#b8860b;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;font-weight:700;box-shadow:0 3px 12px #d4a01759}.city-card-selector[data-v-20b214d0]{margin-bottom:20px}.city-cards-grid[data-v-20b214d0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mini-city-card[data-v-20b214d0]{position:relative;padding:12px;background:#1e284199;border:2px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;transition:all .3s;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center}.mini-city-card[data-v-20b214d0]:hover:not(.disabled):not(.dead){border-color:#d4a01780;background:#d4a0171f;box-shadow:0 4px 12px #d4a01740}.mini-city-card.selected[data-v-20b214d0]{border-color:#d4a017;background:#d4a01726;box-shadow:0 0 0 3px #d4a01726,0 3px 10px #d4a0174d}.mini-city-card.disabled[data-v-20b214d0]{opacity:.5;cursor:not-allowed}.mini-city-card.dead[data-v-20b214d0]{opacity:.7;background:#ffffff0a}.mini-city-card.dead[data-v-20b214d0]:not(.disabled){opacity:.85;cursor:pointer;background:#f57c001f;border-color:#f57c00}.mini-city-card.dead[data-v-20b214d0]:not(.disabled):hover{opacity:1;background:#f57c0033;border-color:#f57c00;box-shadow:0 4px 12px #ff98004d}.mini-city-card.dead.selected[data-v-20b214d0]{opacity:1!important;background:linear-gradient(135deg,#d4a017,#b8860b)!important;border-color:#a67c00!important;box-shadow:0 4px 16px #d4a01780!important}.mini-city-card.dead.selected .city-name[data-v-20b214d0]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.mini-city-card.dead.selected .city-hp[data-v-20b214d0]{color:#fffffff2!important;font-weight:600}.mini-city-card.dead.selected .city-status.dead[data-v-20b214d0]{color:#ffffffe6!important;background:#fff3;padding:2px 8px;border-radius:4px;display:inline-block}.mini-city-card.dead.disabled[data-v-20b214d0]{opacity:.4;cursor:not-allowed;background:#ffffff0a}.city-name[data-v-20b214d0]{font-size:14px;font-weight:700;margin-bottom:6px;color:#ffffffd9}.city-hp[data-v-20b214d0]{font-size:13px;color:#d4a017;font-weight:600}.city-status.dead[data-v-20b214d0]{font-size:11px;color:#ef5350;margin-top:4px;font-weight:600}.check-mark[data-v-20b214d0]{position:absolute;top:6px;right:6px;width:24px;height:24px;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 6px #d4a01766}.disabled-reason[data-v-20b214d0]{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.reason-badge[data-v-20b214d0]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.reason-badge.center[data-v-20b214d0]{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;box-shadow:0 1px 3px #d4a0174d}.reason-badge.cautious[data-v-20b214d0]{background:linear-gradient(135deg,#c0392b,#a93226);color:#fff;box-shadow:0 1px 3px #c0392b4d}.known-cities-info[data-v-20b214d0]{margin-bottom:20px}.mini-city-card.info-only[data-v-20b214d0]{cursor:default;opacity:.85;border-color:#ffffff14;background:#ffffff0d}.mini-city-card.info-only[data-v-20b214d0]:hover{transform:none;box-shadow:none}.no-cities-hint[data-v-20b214d0]{text-align:center;padding:30px;color:#ffffff73;font-size:14px;font-style:italic}.param-group[data-v-20b214d0]{margin-bottom:15px}.param-group label[data-v-20b214d0]{display:block;margin-bottom:6px;font-weight:700;color:#ffffffd9;font-size:14px}.param-group select[data-v-20b214d0],.param-group input[data-v-20b214d0]{width:100%;padding:10px;border:2px solid rgba(255,255,255,.12);border-radius:8px;font-size:14px;transition:border-color .3s;background:#1e284199;color:#ffffffd9}.param-group select[data-v-20b214d0]:focus,.param-group input[data-v-20b214d0]:focus{outline:none;border-color:#d4a017;box-shadow:0 0 0 3px #d4a01733}.skill-actions[data-v-20b214d0]{display:flex;gap:12px;margin-top:20px;justify-content:center}.btn-primary[data-v-20b214d0],.btn-secondary[data-v-20b214d0]{padding:13px 36px;border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s}.btn-primary[data-v-20b214d0]{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#a67c00;color:#fff;box-shadow:inset 0 1px #ffffff4d,0 4px 14px #d4a01759}.btn-primary[data-v-20b214d0]:hover:not(:disabled){background:linear-gradient(135deg,#e6b422,#d4a017);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 6px 20px #d4a01773}.btn-primary[data-v-20b214d0]:disabled{background:#1e284166;border-color:#ffffff14;color:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary[data-v-20b214d0]{background:#1e284199;border-color:#ffffff1f;color:#ffffffd9;box-shadow:inset 0 1px #ffffff0d}.btn-secondary[data-v-20b214d0]:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-1px)}.target-skill-grid[data-v-20b214d0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px}.target-skill-item[data-v-20b214d0]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:2px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;font-size:13px;transition:all .2s;background:#1e284199;color:#ffffffd9}.target-skill-item[data-v-20b214d0]:hover{border-color:#d4a01780;background:#d4a0171f}.target-skill-item.selected[data-v-20b214d0]{border-color:#d4a017;background:#d4a01726;font-weight:700}.target-skill-item .skill-name[data-v-20b214d0]{flex:1}.target-skill-item .skill-cost[data-v-20b214d0]{font-size:12px;color:#ffffff73;margin-left:8px;white-space:nowrap}.bxdc-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0c14b3;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bxdc-modal{background:linear-gradient(150deg,#2a2340,#1e2a4a,#3a2a4a);color:#ffffffd9;border-radius:14px;border:2px solid #d4a017;padding:24px;max-width:500px;width:90%;box-shadow:0 12px 40px #00000080}.bxdc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}.bxdc-progress{color:#ffffff73}.bxdc-difficulty{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;padding:2px 10px;border-radius:10px;font-weight:700;font-size:13px}.bxdc-timer{font-size:20px;font-weight:700;color:#4ade80}.bxdc-timer.timer-warn{color:#ef5350;animation:bxdc-pulse .5s infinite alternate}@keyframes bxdc-pulse{0%{opacity:1}to{opacity:.5}}.bxdc-question{font-size:18px;font-weight:700;margin-bottom:20px;line-height:1.5;color:#ffffffd9}.bxdc-options{display:flex;flex-direction:column;gap:10px}.bxdc-option{background:#ffffff14;border:2px solid rgba(255,255,255,.12);color:#ffffffd9;padding:12px 16px;border-radius:10px;cursor:pointer;font-size:15px;text-align:left;transition:all .2s}.bxdc-option:hover:not(:disabled){background:#d4a0171f;border-color:#d4a01780}.bxdc-option:disabled{cursor:default}.bxdc-option.correct{background:#4ade8026;border-color:#4ade80;color:#4ade80}.bxdc-option.wrong{background:#ef535026;border-color:#ef5350;color:#ef5350}.bxdc-timeout{text-align:center;color:#d4a017;font-weight:700;margin-top:12px;font-size:16px}.bxdc-result{text-align:center;padding:16px 0}.bxdc-result h3{font-size:22px;margin-bottom:16px;color:#ffffffd9}.bxdc-score{font-size:28px;font-weight:700;color:#d4a017;margin-bottom:8px}.bxdc-multiplier{font-size:18px;color:#4ade80;margin-bottom:20px}.bxdc-confirm{background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border:2px solid #a67c00;padding:12px 40px;border-radius:10px;font-size:16px;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #d4a0174d}.bxdc-confirm:hover{background:linear-gradient(135deg,#e6b422,#d4a017)}#playerMode[data-v-2c553f2d]{min-height:100vh;background:linear-gradient(135deg,#bfdbfe,#c7d2fe,#ddd6fe);position:relative;overflow:hidden}#playerMode[data-v-2c553f2d]:before{content:"";position:absolute;inset:0;background:conic-gradient(from 200deg at 90% 5%,rgba(251,191,36,.08) 0deg,transparent 30deg,rgba(251,191,36,.06) 40deg,transparent 60deg,rgba(251,191,36,.05) 70deg,transparent 90deg,rgba(251,191,36,.04) 100deg,transparent 120deg),radial-gradient(ellipse 120px 40px at 15% 12%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(ellipse 80px 30px at 18% 11%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(ellipse 100px 35px at 45% 8%,rgba(255,255,255,.45) 0%,transparent 100%),radial-gradient(ellipse 70px 25px at 48% 9%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(ellipse 130px 42px at 72% 15%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(ellipse 90px 32px at 75% 14%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(ellipse 60px 22px at 30% 20%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(ellipse 110px 38px at 88% 6%,rgba(255,255,255,.35) 0%,transparent 100%);pointer-events:none;z-index:0}#playerMode[data-v-2c553f2d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:22vh;clip-path:polygon(0% 100%,0% 75%,3% 75%,3% 60%,5% 60%,5% 75%,7% 75%,7% 50%,8.5% 50%,8.5% 45%,10% 45%,10% 50%,11% 50%,11% 75%,14% 75%,14% 55%,16% 55%,16% 40%,17% 38%,18% 40%,18% 55%,20% 55%,20% 75%,23% 75%,23% 65%,25% 65%,25% 48%,27% 48%,27% 65%,29% 65%,29% 75%,32% 75%,32% 52%,33% 48%,34% 45%,35% 48%,36% 52%,36% 75%,39% 75%,39% 60%,41% 60%,41% 50%,43% 50%,43% 60%,45% 60%,45% 75%,48% 75%,48% 42%,49% 38%,50% 35%,51% 38%,52% 42%,52% 75%,55% 75%,55% 62%,57% 62%,57% 50%,59% 50%,59% 62%,61% 62%,61% 75%,64% 75%,64% 55%,66% 55%,66% 42%,67% 40%,68% 42%,68% 55%,70% 55%,70% 75%,73% 75%,73% 68%,75% 68%,75% 52%,77% 52%,77% 68%,79% 68%,79% 75%,82% 75%,82% 58%,84% 58%,84% 46%,85% 44%,86% 46%,86% 58%,88% 58%,88% 75%,91% 75%,91% 65%,93% 65%,93% 55%,95% 55%,95% 65%,97% 65%,97% 75%,100% 75%,100% 100%);background:linear-gradient(to top,#6366f11f,#6366f10f,#6366f105);pointer-events:none;z-index:0}.player-setup[data-v-2c553f2d]{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.exit-btn[data-v-2c553f2d]{position:fixed;top:20px;left:20px;padding:12px 24px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(209,217,230,.7);border-radius:8px;color:#334155;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:10}.exit-btn[data-v-2c553f2d]:hover{background:#3b82f614;transform:translate(-4px)}.setup-container[data-v-2c553f2d]{max-width:900px;width:100%;background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 20px 60px #6474911f}.setup-title[data-v-2c553f2d]{text-align:center;color:#1e293b;font-size:36px;margin:0 0 40px;text-shadow:none}.setup-section[data-v-2c553f2d]{margin-bottom:32px}.setup-label[data-v-2c553f2d]{display:block;color:#1e293b;font-size:16px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.nickname-input[data-v-2c553f2d]{width:100%;padding:16px 20px;background:#ffffffe6;border:2px solid rgba(209,217,230,.7);border-radius:12px;color:#1e293b;font-size:18px;transition:all .3s ease}.nickname-input[data-v-2c553f2d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.nickname-input[data-v-2c553f2d]::placeholder{color:#94a3b8}.mode-select[data-v-2c553f2d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mode-btn[data-v-2c553f2d]{padding:20px;background:#ffffffd9;border:2px solid rgba(209,217,230,.7);border-radius:12px;color:#1e293b;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.mode-btn[data-v-2c553f2d]:hover{background:#fffffff2;transform:translateY(-4px)}.mode-btn--active[data-v-2c553f2d]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px #667eea66}.mode-icon[data-v-2c553f2d]{font-size:32px}.mode-name[data-v-2c553f2d]{font-size:14px;font-weight:700}.draw-btn[data-v-2c553f2d]{width:100%;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.draw-btn[data-v-2c553f2d]:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 24px #667eea66}.draw-btn[data-v-2c553f2d]:disabled{opacity:.5;cursor:not-allowed}.cities-preview[data-v-2c553f2d]{margin-top:32px}.preview-title[data-v-2c553f2d]{color:#1e293b;font-size:20px;margin-bottom:20px;text-align:center}.cities-grid[data-v-2c553f2d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.confirm-actions[data-v-2c553f2d]{display:grid;grid-template-columns:2fr 1fr;gap:16px}.confirm-btn[data-v-2c553f2d],.reroll-btn[data-v-2c553f2d]{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-btn[data-v-2c553f2d]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.confirm-btn[data-v-2c553f2d]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #48bb7866}.reroll-btn[data-v-2c553f2d]{background:#ffffffd9;color:#334155;border:2px solid rgba(209,217,230,.7)}.reroll-btn[data-v-2c553f2d]:hover{background:#3b82f614}.victory-modal[data-v-2c553f2d]{position:fixed;inset:0;background:#1e293b59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-2c553f2d .5s ease}@keyframes fadeIn-2c553f2d{0%{opacity:0}to{opacity:1}}.victory-content[data-v-2c553f2d]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:48px;box-shadow:0 20px 60px #00000080;text-align:center;max-width:500px;width:90%;animation:slideInScale-2c553f2d .5s ease}@keyframes slideInScale-2c553f2d{0%{transform:translateY(-50px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.victory-animation[data-v-2c553f2d]{margin-bottom:24px}.trophy[data-v-2c553f2d]{font-size:80px;animation:bounce-2c553f2d 1s ease infinite}@keyframes bounce-2c553f2d{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fireworks[data-v-2c553f2d]{font-size:32px;margin-top:16px;animation:sparkle-2c553f2d 2s ease infinite}@keyframes sparkle-2c553f2d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.victory-title[data-v-2c553f2d]{color:#1e293b;font-size:36px;margin:0 0 32px;text-shadow:none;font-weight:700}.victory-stats[data-v-2c553f2d]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;padding:24px;background:#3b82f60f;border-radius:12px}.stat-item[data-v-2c553f2d]{display:flex;flex-direction:column;gap:8px}.stat-label[data-v-2c553f2d]{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:1px}.stat-value[data-v-2c553f2d]{color:gold;font-size:28px;font-weight:700}.victory-actions[data-v-2c553f2d]{display:flex;gap:16px}.victory-btn[data-v-2c553f2d]{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff}.victory-btn[data-v-2c553f2d]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000004d}.victory-btn--restart[data-v-2c553f2d]{background:linear-gradient(135deg,#48bb78,#38a169)}.victory-btn--exit[data-v-2c553f2d]{background:linear-gradient(135deg,#f56565,#e53e3e)}.game-with-log-layout[data-v-2c553f2d]{display:grid;grid-template-columns:1fr 500px;gap:20px;height:100vh;padding:20px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);overflow:hidden}.game-main-area[data-v-2c553f2d]{overflow-y:auto;overflow-x:hidden;border-radius:16px}.game-log-area[data-v-2c553f2d]{height:100%;overflow:hidden}.game-main-area[data-v-2c553f2d]::-webkit-scrollbar{width:10px}.game-main-area[data-v-2c553f2d]::-webkit-scrollbar-track{background:#3b82f60f;border-radius:5px}.game-main-area[data-v-2c553f2d]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:5px}.game-main-area[data-v-2c553f2d]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}@media(max-width:1400px){.game-with-log-layout[data-v-2c553f2d]{grid-template-columns:1fr 400px}}@media(max-width:1024px){.game-with-log-layout[data-v-2c553f2d]{grid-template-columns:1fr;grid-template-rows:1fr auto}.game-log-area[data-v-2c553f2d]{height:300px}}@media(max-width:768px){.game-with-log-layout[data-v-2c553f2d]{padding:10px;gap:10px}.game-log-area[data-v-2c553f2d]{height:250px}}.firebase-config-panel[data-v-9e1fc119]{max-width:700px;margin:40px auto;padding:30px;background:var(--panel);border:2px solid var(--accent);border-radius:12px}.firebase-config-panel h3[data-v-9e1fc119]{color:var(--accent);margin-top:0}.firebase-config-panel textarea[data-v-9e1fc119]{font-family:monospace;font-size:12px;min-height:150px}.firebase-status[data-v-9e1fc119]{padding:10px;border-radius:6px;margin:10px 0;text-align:center}.firebase-status.connected[data-v-9e1fc119]{background:#34d3991a;border:1px solid var(--good);color:var(--good)}.firebase-status.disconnected[data-v-9e1fc119]{background:#f871711a;border:1px solid var(--bad);color:var(--bad)}.room-selection[data-v-c0686aaf]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);padding:20px;position:relative;overflow:hidden}.room-selection[data-v-c0686aaf]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3C!-- Grid lines like a map --%3E%3Cline x1='0' y1='100' x2='800' y2='100' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='0' y1='200' x2='800' y2='200' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='0' y1='300' x2='800' y2='300' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='0' y1='400' x2='800' y2='400' stroke='rgba(212,160,23,0.05)' stroke-width='0.5'/%3E%3Cline x1='0' y1='500' x2='800' y2='500' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='0' y1='600' x2='800' y2='600' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='0' y1='700' x2='800' y2='700' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='100' y1='0' x2='100' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='200' y1='0' x2='200' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='300' y1='0' x2='300' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='400' y1='0' x2='400' y2='800' stroke='rgba(212,160,23,0.05)' stroke-width='0.5'/%3E%3Cline x1='500' y1='0' x2='500' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='600' y1='0' x2='600' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3Cline x1='700' y1='0' x2='700' y2='800' stroke='rgba(212,160,23,0.04)' stroke-width='0.5'/%3E%3C!-- Compass rose --%3E%3Ccircle cx='650' cy='650' r='80' fill='none' stroke='rgba(212,160,23,0.08)' stroke-width='1.5'/%3E%3Ccircle cx='650' cy='650' r='55' fill='none' stroke='rgba(212,160,23,0.06)' stroke-width='1'/%3E%3Ccircle cx='650' cy='650' r='30' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='0.8'/%3E%3Cline x1='650' y1='560' x2='650' y2='740' stroke='rgba(212,160,23,0.1)' stroke-width='1.5'/%3E%3Cline x1='560' y1='650' x2='740' y2='650' stroke='rgba(212,160,23,0.1)' stroke-width='1.5'/%3E%3Cline x1='587' y1='587' x2='713' y2='713' stroke='rgba(139,92,246,0.06)' stroke-width='0.8'/%3E%3Cline x1='713' y1='587' x2='587' y2='713' stroke='rgba(139,92,246,0.06)' stroke-width='0.8'/%3E%3Ctext x='650' y='555' text-anchor='middle' fill='rgba(212,160,23,0.1)' font-size='14' font-weight='bold'%3EN%3C/text%3E%3Ctext x='650' y='755' text-anchor='middle' fill='rgba(212,160,23,0.08)' font-size='12'%3ES%3C/text%3E%3Ctext x='548' y='655' text-anchor='middle' fill='rgba(212,160,23,0.08)' font-size='12'%3EW%3C/text%3E%3Ctext x='752' y='655' text-anchor='middle' fill='rgba(212,160,23,0.08)' font-size='12'%3EE%3C/text%3E%3C!-- Map pin markers --%3E%3Ccircle cx='150' cy='200' r='5' fill='rgba(239,68,68,0.12)' stroke='rgba(239,68,68,0.15)' stroke-width='1'/%3E%3Ccircle cx='350' cy='350' r='5' fill='rgba(59,130,246,0.12)' stroke='rgba(59,130,246,0.15)' stroke-width='1'/%3E%3Ccircle cx='500' cy='180' r='5' fill='rgba(16,185,129,0.12)' stroke='rgba(16,185,129,0.15)' stroke-width='1'/%3E%3Ccircle cx='250' cy='550' r='5' fill='rgba(212,160,23,0.12)' stroke='rgba(212,160,23,0.15)' stroke-width='1'/%3E%3Ccircle cx='600' cy='400' r='5' fill='rgba(139,92,246,0.12)' stroke='rgba(139,92,246,0.15)' stroke-width='1'/%3E%3C!-- Dotted route lines between pins --%3E%3Cline x1='150' y1='200' x2='350' y2='350' stroke='rgba(212,160,23,0.06)' stroke-width='1' stroke-dasharray='4,6'/%3E%3Cline x1='350' y1='350' x2='500' y2='180' stroke='rgba(212,160,23,0.06)' stroke-width='1' stroke-dasharray='4,6'/%3E%3Cline x1='350' y1='350' x2='600' y2='400' stroke='rgba(139,92,246,0.05)' stroke-width='1' stroke-dasharray='4,6'/%3E%3Cline x1='250' y1='550' x2='350' y2='350' stroke='rgba(139,92,246,0.05)' stroke-width='1' stroke-dasharray='4,6'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none}.room-selection[data-v-c0686aaf]:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 75%,rgba(212,160,23,.08) 0%,transparent 50%),radial-gradient(ellipse at 25% 25%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(139,92,246,.04) 0%,transparent 40%);pointer-events:none}.room-container[data-v-c0686aaf]{position:relative;z-index:1;max-width:600px;width:100%;animation:fadeIn-c0686aaf .8s ease-out}.back-btn[data-v-c0686aaf]{position:absolute;top:0;left:0;z-index:10;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 24px;color:#ffffffd9;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-btn[data-v-c0686aaf]:hover{background:#ffffff24;border-color:#ffffff40;transform:translate(-4px)}.back-icon[data-v-c0686aaf]{font-size:20px}@keyframes fadeIn-c0686aaf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.room-title[data-v-c0686aaf]{text-align:center;margin-bottom:40px;animation:fadeInDown-c0686aaf .8s ease-out}.title-text[data-v-c0686aaf]{font-size:48px;font-weight:900;background:linear-gradient(135deg,#f0c850,#d4a017 40%,#e8c24a 60%,#f5d76e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 20px rgba(212,160,23,.3));letter-spacing:3px}.subtitle[data-v-c0686aaf]{font-size:14px;color:#ffffff73;margin:8px 0 0;font-weight:300;letter-spacing:2px;text-transform:uppercase}@keyframes fadeInDown-c0686aaf{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-card[data-v-c0686aaf]{background:#ffffff14;border:2px solid rgba(212,160,23,.25);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;gap:16px;align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp-c0686aaf .8s ease-out .1s both}.info-icon[data-v-c0686aaf]{font-size:32px;flex-shrink:0}.info-content[data-v-c0686aaf]{flex:1}.info-header[data-v-c0686aaf]{font-size:16px;font-weight:700;color:#ffffffd9;margin-bottom:8px}.info-text[data-v-c0686aaf]{font-size:14px;color:#ffffff80;line-height:1.6}.tips-card[data-v-c0686aaf]{background:#ffffff14;border:2px solid rgba(20,184,166,.25);border-radius:16px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp-c0686aaf .8s ease-out .2s both}.tips-header[data-v-c0686aaf]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#ffffffd9;margin-bottom:12px}.tips-icon[data-v-c0686aaf]{font-size:20px}.tips-list[data-v-c0686aaf]{list-style:none;padding:0;margin:0}.tips-list li[data-v-c0686aaf]{font-size:13px;color:#ffffff80;line-height:1.8;padding-left:20px;position:relative}.tips-list li[data-v-c0686aaf]:before{content:"•";position:absolute;left:8px;color:#14b8a6;font-weight:700}@keyframes fadeInUp-c0686aaf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-selector-card[data-v-c0686aaf]{background:#ffffff14;border:2px solid rgba(139,92,246,.25);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;animation:fadeInUp-c0686aaf .8s ease-out .3s both}.mode-selector-card[data-v-c0686aaf]:hover{border-color:#8b5cf666}.mode-label[data-v-c0686aaf]{display:block;font-size:15px;font-weight:700;color:#ffffffd9;margin-bottom:12px}.mode-buttons[data-v-c0686aaf]{display:flex;flex-direction:column;gap:10px}.mode-option-btn[data-v-c0686aaf]{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;font-size:15px;border-radius:12px;background:#ffffff14;color:#ffffffd9;border:2px solid rgba(255,255,255,.12);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:600;text-align:left}.mode-option-btn.active[data-v-c0686aaf]{border-color:#8b5cf699;background:#8b5cf626;box-shadow:0 0 0 3px #8b5cf626}.mode-option-btn.disabled[data-v-c0686aaf]{opacity:.5;cursor:not-allowed}.mode-option-btn.disabled[data-v-c0686aaf]:hover{opacity:.6}.mode-option-icon[data-v-c0686aaf]{font-size:18px}.mode-option-name[data-v-c0686aaf]{flex:1}.mode-option-tag[data-v-c0686aaf]{font-size:11px;font-weight:700;color:#ffffff73;background:#ffffff1a;padding:3px 10px;border-radius:8px;letter-spacing:.5px}.toast-message[data-v-c0686aaf]{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 32px;color:#ffffffe6;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #0000004d;z-index:1000;white-space:nowrap}.toast-enter-active[data-v-c0686aaf]{animation:toastIn-c0686aaf .3s ease-out}.toast-leave-active[data-v-c0686aaf]{animation:toastOut-c0686aaf .3s ease-in}@keyframes toastIn-c0686aaf{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut-c0686aaf{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.mode-description[data-v-c0686aaf]{margin-top:12px;padding:12px;background:#8b5cf61a;border-radius:8px;border-left:3px solid rgba(139,92,246,.5);font-size:13px;color:#ffffff80;display:flex;align-items:flex-start;gap:8px;line-height:1.6}.mode-desc-icon[data-v-c0686aaf]{font-size:16px;flex-shrink:0}.action-btn[data-v-c0686aaf]{width:100%;padding:18px 24px;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn[data-v-c0686aaf]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.action-btn[data-v-c0686aaf]:hover:before{opacity:1}.create-btn[data-v-c0686aaf]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 24px #3b82f659;animation:fadeInUp-c0686aaf .8s ease-out .4s both}.create-btn[data-v-c0686aaf]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #3b82f680}.create-btn[data-v-c0686aaf]:active{transform:translateY(-2px)}.join-btn[data-v-c0686aaf]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98159}.join-btn[data-v-c0686aaf]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10b98180}.join-btn[data-v-c0686aaf]:active{transform:translateY(-2px)}.btn-icon[data-v-c0686aaf]{font-size:22px}.btn-text[data-v-c0686aaf]{font-size:18px}.divider[data-v-c0686aaf]{text-align:center;position:relative;margin:32px 0;animation:fadeIn-c0686aaf .8s ease-out .5s both}.divider[data-v-c0686aaf]:before,.divider[data-v-c0686aaf]:after{content:"";position:absolute;top:50%;width:45%;height:2px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.divider[data-v-c0686aaf]:before{left:0}.divider[data-v-c0686aaf]:after{right:0}.divider-text[data-v-c0686aaf]{color:#ffffff73;font-size:14px;font-weight:600;padding:0 20px;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);position:relative;z-index:1}.join-section[data-v-c0686aaf]{display:flex;flex-direction:column;gap:16px;animation:fadeInUp-c0686aaf .8s ease-out .6s both}.join-label[data-v-c0686aaf]{font-size:15px;font-weight:700;color:#ffffffd9;text-align:center}.room-input[data-v-c0686aaf]{width:100%;padding:18px;font-size:28px;text-align:center;letter-spacing:8px;font-family:Courier New,monospace;background:#ffffff14;color:#ffffffe6;border:2px solid rgba(255,255,255,.15);border-radius:12px;transition:all .3s ease;font-weight:700;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-input[data-v-c0686aaf]:focus{outline:none;border-color:#10b98199;box-shadow:0 0 0 3px #10b98133;background:#ffffff1f}.room-input[data-v-c0686aaf]::placeholder{color:#ffffff59;font-size:14px;letter-spacing:normal;font-family:system-ui;font-weight:400}@media(max-width:768px){.title-text[data-v-c0686aaf]{font-size:36px}.subtitle[data-v-c0686aaf]{font-size:12px}.info-card[data-v-c0686aaf],.tips-card[data-v-c0686aaf],.mode-selector-card[data-v-c0686aaf]{padding:16px}.action-btn[data-v-c0686aaf]{padding:16px 20px;font-size:16px}.room-input[data-v-c0686aaf]{font-size:24px;padding:16px}}@media(max-width:480px){.title-text[data-v-c0686aaf]{font-size:28px;letter-spacing:2px}.subtitle[data-v-c0686aaf]{font-size:11px}.info-icon[data-v-c0686aaf]{font-size:24px}.info-header[data-v-c0686aaf],.tips-header[data-v-c0686aaf]{font-size:14px}.info-text[data-v-c0686aaf],.tips-list li[data-v-c0686aaf]{font-size:12px}.room-input[data-v-c0686aaf]{font-size:20px;letter-spacing:4px}}.waiting-room-container[data-v-c485ee74]{min-height:100vh;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);padding:40px 20px;position:relative;overflow:hidden}.waiting-room-container[data-v-c485ee74]:before{content:"";position:absolute;inset:0;background:radial-gradient(12px 12px at 10% 15%,rgba(251,191,36,.15) 0%,rgba(251,191,36,.05) 40%,transparent 70%),radial-gradient(16px 16px at 25% 70%,rgba(251,191,36,.12) 0%,rgba(251,191,36,.04) 40%,transparent 70%),radial-gradient(10px 10px at 40% 25%,rgba(255,220,100,.1) 0%,rgba(255,220,100,.03) 40%,transparent 70%),radial-gradient(14px 14px at 60% 80%,rgba(251,191,36,.12) 0%,rgba(251,191,36,.04) 40%,transparent 70%),radial-gradient(18px 18px at 75% 20%,rgba(251,191,36,.14) 0%,rgba(251,191,36,.05) 40%,transparent 70%),radial-gradient(12px 12px at 88% 60%,rgba(255,220,100,.1) 0%,rgba(255,220,100,.03) 40%,transparent 70%),radial-gradient(10px 10px at 15% 50%,rgba(251,191,36,.08) 0%,rgba(251,191,36,.02) 40%,transparent 70%),radial-gradient(14px 14px at 50% 45%,rgba(255,220,100,.1) 0%,rgba(255,220,100,.03) 40%,transparent 70%),radial-gradient(11px 11px at 92% 35%,rgba(251,191,36,.1) 0%,rgba(251,191,36,.03) 40%,transparent 70%),radial-gradient(13px 13px at 35% 90%,rgba(251,191,36,.1) 0%,rgba(251,191,36,.03) 40%,transparent 70%),radial-gradient(ellipse at 20% 30%,rgba(212,160,23,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,92,246,.08) 0%,transparent 50%);pointer-events:none;animation:lanternFloat-c485ee74 6s ease-in-out infinite alternate}@keyframes lanternFloat-c485ee74{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.waiting-room-container[data-v-c485ee74]:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3C!-- Curved paths connecting gathering points --%3E%3Cpath d='M60,90 Q150,200 150,420' fill='none' stroke='rgba(212,160,23,0.04)' stroke-width='1' stroke-dasharray='6,8'/%3E%3Cpath d='M450,120 Q350,300 360,480' fill='none' stroke='rgba(139,92,246,0.04)' stroke-width='1' stroke-dasharray='6,8'/%3E%3Cpath d='M150,420 Q250,400 360,480' fill='none' stroke='rgba(212,160,23,0.03)' stroke-width='1' stroke-dasharray='4,6'/%3E%3Cpath d='M528,360 Q450,300 360,480' fill='none' stroke='rgba(139,92,246,0.03)' stroke-width='1' stroke-dasharray='4,6'/%3E%3C!-- Small gathering circles --%3E%3Ccircle cx='150' cy='420' r='20' fill='none' stroke='rgba(212,160,23,0.05)' stroke-width='0.8'/%3E%3Ccircle cx='360' cy='480' r='20' fill='none' stroke='rgba(139,92,246,0.05)' stroke-width='0.8'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none}.room-id-card[data-v-c485ee74]{max-width:600px;margin:0 auto 32px;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000040;position:relative;z-index:1;animation:fadeInDown-c485ee74 .8s ease-out}@keyframes fadeInDown-c485ee74{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.room-id-header[data-v-c485ee74]{margin-bottom:20px}.room-id-title[data-v-c485ee74]{font-size:20px;font-weight:700;color:#ffffffd9;margin:0 0 4px}.room-id-subtitle[data-v-c485ee74]{font-size:12px;color:#ffffff73;margin:0;font-weight:300;letter-spacing:2px;text-transform:uppercase}.room-id-number[data-v-c485ee74]{font-size:48px;font-weight:900;color:#f0c850;letter-spacing:12px;font-family:Courier New,monospace;padding:20px 0;text-shadow:0 0 20px rgba(240,200,80,.4),0 0 40px rgba(240,200,80,.2)}.copy-btn[data-v-c485ee74]{padding:14px 28px;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;transition:all .3s ease;box-shadow:0 4px 16px #d4a0174d;display:inline-flex;align-items:center;gap:8px}.copy-btn[data-v-c485ee74]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a01773}.copy-btn.copied[data-v-c485ee74]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d}.copy-icon[data-v-c485ee74]{font-size:18px}.copy-text[data-v-c485ee74]{font-size:15px}.status-info[data-v-c485ee74]{margin-top:20px;padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-info.online[data-v-c485ee74]{background:linear-gradient(135deg,#10b98126,#05966914);border:1px solid rgba(16,185,129,.3)}.status-info.offline[data-v-c485ee74]{background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid rgba(245,158,11,.3)}.status-badge[data-v-c485ee74]{font-size:14px;font-weight:700;margin-bottom:8px}.status-info.online .status-badge[data-v-c485ee74]{color:#34d399}.status-info.offline .status-badge[data-v-c485ee74]{color:#fbbf24}.status-desc[data-v-c485ee74]{font-size:13px;color:#ffffff73;line-height:1.6}.nickname-card[data-v-c485ee74]{max-width:600px;margin:0 auto;background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000040;position:relative;z-index:1;animation:fadeInUp-c485ee74 .8s ease-out .2s both}@keyframes fadeInUp-c485ee74{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nickname-header[data-v-c485ee74]{font-size:18px;font-weight:700;color:#ffffffd9;margin-bottom:16px;text-align:center}.nickname-input[data-v-c485ee74]{width:100%;padding:16px 20px;font-size:18px;text-align:center;background:#ffffff14;color:#ffffffd9;border:2px solid rgba(255,255,255,.15);border-radius:12px;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:24px}.nickname-input[data-v-c485ee74]:focus{outline:none;border-color:#f0c85099;box-shadow:0 0 0 3px #f0c85026;background:#ffffff1f}.nickname-input[data-v-c485ee74]::placeholder{color:#ffffff59;font-weight:400}.join-mode-section[data-v-c485ee74]{margin-top:24px}.room-full-notice[data-v-c485ee74]{background:linear-gradient(135deg,#ef444433,#dc26261a);border:2px solid rgba(239,68,68,.35);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice-icon[data-v-c485ee74]{font-size:24px;flex-shrink:0}.notice-text[data-v-c485ee74]{font-size:15px;font-weight:600;color:#fca5a5}.join-mode-label[data-v-c485ee74]{font-size:15px;font-weight:700;color:#ffffffd9;margin-bottom:16px;text-align:center}.join-buttons[data-v-c485ee74]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.join-btn[data-v-c485ee74]{padding:18px 24px;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.join-btn[data-v-c485ee74]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.join-btn[data-v-c485ee74]:hover:not(:disabled):before{opacity:1}.join-btn[data-v-c485ee74]:disabled{opacity:.5;cursor:not-allowed}.join-btn-battle[data-v-c485ee74]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 24px #ef44444d}.join-btn-battle[data-v-c485ee74]:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #ef444466}.join-btn-spectate[data-v-c485ee74]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 24px #3b82f64d}.join-btn-spectate[data-v-c485ee74]:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #3b82f666}.btn-emoji[data-v-c485ee74]{font-size:20px}.btn-label[data-v-c485ee74]{font-size:16px}.room-setup[data-v-c485ee74]{max-width:650px;margin:40px auto;padding:30px}.room-id-display[data-v-c485ee74]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:25px;text-align:center;margin:0 0 25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000040}.room-id-display h3[data-v-c485ee74]{margin:0 0 12px;color:#ffffff73;font-size:16px;font-weight:500}.waiting-room[data-v-c485ee74]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:25px;margin:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.waiting-room h4[data-v-c485ee74]{margin:0 0 15px;font-size:16px;color:#ffffffd9}.player-list[data-v-c485ee74]{display:grid;gap:10px;margin-bottom:15px}.player-item[data-v-c485ee74]{background:#ffffff0f;padding:14px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.1);transition:all .3s;color:#ffffffd9}.player-item[data-v-c485ee74]:hover{background:#ffffff1a}.player-item.ready[data-v-c485ee74]{border-color:#10b981;background:#10b9811a}.spectator-view[data-v-c485ee74]{background:#ffffff14;border:2px solid rgba(59,130,246,.35);border-radius:12px;padding:30px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.spectator-view h3[data-v-c485ee74]{font-size:22px;font-weight:700;margin:0;color:#60a5fa}.center-city-selection[data-v-24b29487]{min-height:100vh;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);padding:40px 20px;position:relative;overflow:hidden}.center-city-selection[data-v-24b29487]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3C!-- Central radiant shield --%3E%3Ccircle cx='400' cy='400' r='200' fill='none' stroke='rgba(212,160,23,0.06)' stroke-width='1.5'/%3E%3Ccircle cx='400' cy='400' r='160' fill='none' stroke='rgba(212,160,23,0.05)' stroke-width='1'/%3E%3Ccircle cx='400' cy='400' r='120' fill='none' stroke='rgba(139,92,246,0.04)' stroke-width='1'/%3E%3Ccircle cx='400' cy='400' r='80' fill='none' stroke='rgba(212,160,23,0.05)' stroke-width='0.8'/%3E%3C!-- Radiating lines from center --%3E%3Cline x1='400' y1='180' x2='400' y2='620' stroke='rgba(212,160,23,0.05)' stroke-width='1'/%3E%3Cline x1='180' y1='400' x2='620' y2='400' stroke='rgba(212,160,23,0.05)' stroke-width='1'/%3E%3Cline x1='245' y1='245' x2='555' y2='555' stroke='rgba(212,160,23,0.04)' stroke-width='0.8'/%3E%3Cline x1='555' y1='245' x2='245' y2='555' stroke='rgba(212,160,23,0.04)' stroke-width='0.8'/%3E%3Cline x1='295' y1='195' x2='505' y2='605' stroke='rgba(139,92,246,0.03)' stroke-width='0.6'/%3E%3Cline x1='505' y1='195' x2='295' y2='605' stroke='rgba(139,92,246,0.03)' stroke-width='0.6'/%3E%3Cline x1='195' y1='295' x2='605' y2='505' stroke='rgba(139,92,246,0.03)' stroke-width='0.6'/%3E%3Cline x1='195' y1='505' x2='605' y2='295' stroke='rgba(139,92,246,0.03)' stroke-width='0.6'/%3E%3C!-- Shield shape at center --%3E%3Cpath d='M400,310 L440,340 L440,400 L400,430 L360,400 L360,340 Z' fill='none' stroke='rgba(212,160,23,0.08)' stroke-width='1.5'/%3E%3Cpath d='M400,325 L425,345 L425,395 L400,415 L375,395 L375,345 Z' fill='none' stroke='rgba(139,92,246,0.06)' stroke-width='1'/%3E%3C!-- Crown points at top --%3E%3Cpath d='M370,310 L380,290 L390,305 L400,280 L410,305 L420,290 L430,310' fill='none' stroke='rgba(212,160,23,0.08)' stroke-width='1.2'/%3E%3C!-- Small decorative dots on circles --%3E%3Ccircle cx='400' cy='200' r='3' fill='rgba(212,160,23,0.1)'/%3E%3Ccircle cx='400' cy='600' r='3' fill='rgba(212,160,23,0.08)'/%3E%3Ccircle cx='200' cy='400' r='3' fill='rgba(212,160,23,0.08)'/%3E%3Ccircle cx='600' cy='400' r='3' fill='rgba(212,160,23,0.08)'/%3E%3Ccircle cx='259' cy='259' r='2.5' fill='rgba(139,92,246,0.08)'/%3E%3Ccircle cx='541' cy='259' r='2.5' fill='rgba(139,92,246,0.08)'/%3E%3Ccircle cx='259' cy='541' r='2.5' fill='rgba(139,92,246,0.08)'/%3E%3Ccircle cx='541' cy='541' r='2.5' fill='rgba(139,92,246,0.08)'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none;animation:shieldGlow-24b29487 5s ease-in-out infinite alternate}@keyframes shieldGlow-24b29487{0%{opacity:.7}to{opacity:1}}.center-city-selection[data-v-24b29487]:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(212,160,23,.06) 0%,transparent 40%),radial-gradient(ellipse at 20% 30%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.04) 0%,transparent 50%);pointer-events:none}.selection-container[data-v-24b29487]{position:relative;z-index:1;max-width:1200px;margin:0 auto}.selection-title[data-v-24b29487]{text-align:center;margin-bottom:32px;animation:fadeInDown-24b29487 .8s ease-out}.title-text[data-v-24b29487]{font-size:48px;font-weight:900;background:linear-gradient(135deg,#f0c850,#d4a017 40%,#e8c24a 60%,#f5d76e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 20px rgba(212,160,23,.3));letter-spacing:3px}.subtitle[data-v-24b29487]{font-size:14px;color:#ffffff73;margin:8px 0 0;font-weight:300;letter-spacing:2px;text-transform:uppercase}.player-name[data-v-24b29487]{font-size:16px;color:#ffffff73;margin-top:12px;font-weight:500}@keyframes fadeInDown-24b29487{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.draw-info-card[data-v-24b29487]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;margin-bottom:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp-24b29487 .8s ease-out .1s both}.draw-count-display[data-v-24b29487]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;font-size:18px}.draw-label[data-v-24b29487]{color:#ffffff73;font-weight:600}.draw-value[data-v-24b29487]{color:#60a5fa;font-weight:900;font-size:24px}.draw-warning[data-v-24b29487]{color:#f59e0b;font-size:14px;font-weight:600}.redraw-btn[data-v-24b29487]{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #10b9814d;display:flex;align-items:center;justify-content:center;gap:8px}.redraw-btn[data-v-24b29487]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.redraw-btn[data-v-24b29487]:disabled{opacity:.5;cursor:not-allowed}.redraw-icon[data-v-24b29487]{font-size:18px}.redraw-text[data-v-24b29487]{font-size:15px}.redraw-disabled[data-v-24b29487]{text-align:center;color:#ffffff73;font-size:14px;font-weight:500}@keyframes fadeInUp-24b29487{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tip-card[data-v-24b29487]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp-24b29487 .8s ease-out .2s both}.tip-icon[data-v-24b29487]{font-size:24px;flex-shrink:0}.tip-text[data-v-24b29487]{font-size:14px;color:#ffffffd9;line-height:1.6}.selected-center-card[data-v-24b29487]{background:#d4a0171f;border:2px solid rgba(212,160,23,.4);border-radius:16px;padding:20px;margin-bottom:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp-24b29487 .8s ease-out .3s both}.selected-center-label[data-v-24b29487]{font-size:14px;color:#fbbf24;font-weight:700;margin-bottom:12px;text-align:center}.selected-center-info[data-v-24b29487]{display:flex;align-items:center;justify-content:center;gap:16px}.selected-center-icon[data-v-24b29487]{font-size:48px}.selected-center-details[data-v-24b29487]{text-align:left}.selected-center-name[data-v-24b29487]{font-size:24px;font-weight:900;color:#ffffffd9;margin-bottom:4px}.selected-center-hp[data-v-24b29487]{font-size:16px;color:#fbbf24;font-weight:700}.city-grid[data-v-24b29487]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:32px;animation:fadeInUp-24b29487 .8s ease-out .4s both}.city-card[data-v-24b29487]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.city-card[data-v-24b29487]:not(.city-card--no-select):hover{border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.city-card--no-select[data-v-24b29487]{cursor:default}.city-card.selected[data-v-24b29487]{border-color:#d4a017;background:#d4a01726;box-shadow:0 8px 24px #d4a01740}.city-card-header[data-v-24b29487]{margin-bottom:12px}.city-name[data-v-24b29487]{font-size:18px;font-weight:700;color:#ffffffd9;margin-bottom:4px}.city-province[data-v-24b29487]{font-size:12px;color:#ffffff73}.city-stats[data-v-24b29487]{display:flex;gap:16px;margin-bottom:12px}.city-hp[data-v-24b29487],.city-power[data-v-24b29487]{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label[data-v-24b29487]{font-size:11px;color:#ffffff73;font-weight:600;text-transform:uppercase}.stat-value[data-v-24b29487]{font-size:20px;font-weight:900;color:#60a5fa}.city-skill[data-v-24b29487]{padding:8px 12px;background:#8b5cf626;border-radius:8px;margin-bottom:12px;min-height:36px;display:flex;align-items:center;gap:6px;transition:all .3s ease}.city-skill--clickable[data-v-24b29487]{cursor:pointer;border:1px solid rgba(139,92,246,.3)}.city-skill--clickable[data-v-24b29487]:hover{background:#8b5cf640;border-color:#8b5cf680;transform:translateY(-2px)}.skill-info-icon[data-v-24b29487]{margin-left:auto;font-size:14px;opacity:.7}.skill-icon[data-v-24b29487]{font-size:16px}.skill-name[data-v-24b29487]{font-size:13px;color:#a78bfa;font-weight:600}.no-skill[data-v-24b29487]{font-size:12px;color:#ffffff73;font-style:italic}.city-select-status[data-v-24b29487]{text-align:center;font-size:14px;font-weight:700;color:#60a5fa}.city-card.selected .city-select-status[data-v-24b29487]{color:#fbbf24}.confirm-btn[data-v-24b29487]{width:100%;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:16px;cursor:pointer;font-size:20px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #3b82f64d;animation:fadeInUp-24b29487 .8s ease-out .5s both}.confirm-btn[data-v-24b29487]:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px 32px #3b82f666}.confirm-btn[data-v-24b29487]:disabled{opacity:.5;cursor:not-allowed;transform:none}.confirm-icon[data-v-24b29487]{font-size:24px}.confirm-text[data-v-24b29487]{font-size:20px}@media(max-width:768px){.title-text[data-v-24b29487]{font-size:36px}.subtitle[data-v-24b29487]{font-size:12px}.city-grid[data-v-24b29487]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.city-card[data-v-24b29487]{padding:16px}.city-name[data-v-24b29487]{font-size:16px}.stat-value[data-v-24b29487]{font-size:18px}}@media(max-width:480px){.title-text[data-v-24b29487]{font-size:28px;letter-spacing:2px}.subtitle[data-v-24b29487]{font-size:11px}.city-grid[data-v-24b29487]{grid-template-columns:1fr}.confirm-btn[data-v-24b29487]{padding:18px 28px;font-size:18px}}.skill-modal-backdrop[data-v-24b29487]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn-24b29487 .3s ease-out}@keyframes fadeIn-24b29487{0%{opacity:0}to{opacity:1}}.skill-modal[data-v-24b29487]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border:2px solid rgba(139,92,246,.5);border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0006;animation:slideIn-24b29487 .3s ease-out}@keyframes slideIn-24b29487{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.skill-modal-header[data-v-24b29487]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid rgba(139,92,246,.3)}.skill-modal-title[data-v-24b29487]{margin:0;font-size:20px;font-weight:700;color:#a78bfa}.skill-modal-close[data-v-24b29487]{background:none;border:none;color:#ffffff73;font-size:32px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;line-height:1}.skill-modal-close[data-v-24b29487]:hover{background:#ffffff1a;color:#ffffffd9}.skill-modal-body[data-v-24b29487]{padding:24px}.skill-detail[data-v-24b29487]{display:flex;flex-direction:column;gap:16px}.skill-detail-name[data-v-24b29487]{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#ffffffd9}.skill-detail-icon[data-v-24b29487]{font-size:32px}.skill-detail-badges[data-v-24b29487]{display:flex;gap:12px;flex-wrap:wrap}.skill-badge[data-v-24b29487]{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.5px}.skill-type-badge[data-v-24b29487]{text-transform:uppercase}.skill-type--passive[data-v-24b29487]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.skill-type--active[data-v-24b29487]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.skill-type--toggle[data-v-24b29487]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.skill-category--battle[data-v-24b29487]{background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff}.skill-category--nonBattle[data-v-24b29487]{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.skill-detail-description[data-v-24b29487]{font-size:15px;color:#ffffffd9;line-height:1.8;padding:16px;background:#8b5cf626;border-left:4px solid rgba(139,92,246,.5);border-radius:8px}.game-log-simple[data-v-1d6de515]{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#2a2340f2,#1e2a4af2);border-radius:12px;overflow:visible;box-shadow:0 8px 32px #00000059;border:1px solid rgba(255,255,255,.12);border-top:3px solid rgba(212,160,23,.5);transition:all .3s ease;position:relative;z-index:100}.game-log-simple.collapsed[data-v-1d6de515]{width:60px}.game-log-simple.collapsed .log-header h3[data-v-1d6de515]{display:none}.game-log-simple.collapsed .log-btn[data-v-1d6de515]:not(.toggle-btn){display:none}.log-header[data-v-1d6de515]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#d4a0171f,#1e2a4acc);border-bottom:2px solid rgba(212,160,23,.3);position:relative;z-index:10;min-height:50px}.log-header h3[data-v-1d6de515]{margin:0;font-size:16px;color:#f0c850;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.5px;flex-shrink:0}.log-actions[data-v-1d6de515]{display:flex;gap:6px;position:relative;z-index:20;flex-wrap:nowrap;flex-shrink:0}.log-btn[data-v-1d6de515]{padding:6px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;position:relative;z-index:30;white-space:nowrap;flex-shrink:0}.log-btn[data-v-1d6de515]:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.log-btn[data-v-1d6de515]:active{transform:translateY(0)}.toggle-btn[data-v-1d6de515]{background:#8b5cf626;border-color:#8b5cf659;color:#a78bfa;font-weight:700;font-size:16px;padding:6px 12px;min-width:40px;flex-shrink:0;order:-1;z-index:100}.toggle-btn[data-v-1d6de515]:hover{background:#8b5cf640;border-color:#8b5cf699;box-shadow:0 4px 12px #8b5cf64d}.log-content[data-v-1d6de515]{flex:1;overflow-y:auto;padding:20px;background:#00000026;position:relative}.log-content[data-v-1d6de515]:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,rgba(0,0,0,.15),transparent);pointer-events:none}.log-content pre[data-v-1d6de515]{margin:0;font-family:SF Mono,Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.8;color:#fffc;white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;cursor:text}.empty-log[data-v-1d6de515]{color:#ffffff59!important;font-style:italic;text-align:center;padding:40px 20px}.log-content[data-v-1d6de515]::-webkit-scrollbar{width:10px}.log-content[data-v-1d6de515]::-webkit-scrollbar-track{background:#d4a0170f;border-radius:5px}.log-content[data-v-1d6de515]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a017,#b8860b);border-radius:5px;border:2px solid rgba(212,160,23,.06)}.log-content[data-v-1d6de515]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e6b422,#d4a017)}@media(max-width:768px){.log-header[data-v-1d6de515]{padding:12px 16px}.log-header h3[data-v-1d6de515]{font-size:16px}.log-btn[data-v-1d6de515]{padding:6px 10px;font-size:12px}.log-content[data-v-1d6de515]{padding:16px}.log-content pre[data-v-1d6de515]{font-size:12px;line-height:1.6}}.opponent-known-cities-modal[data-v-d114e707]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn-d114e707 .2s}@keyframes fadeIn-d114e707{0%{opacity:0}to{opacity:1}}.modal-content[data-v-d114e707]{background:linear-gradient(135deg,#f1f5f9,#f0f3f9);border-radius:16px;max-width:900px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 80px #1e293b59;border:2px solid #3b82f6;animation:slideUp-d114e707 .3s;display:flex;flex-direction:column}@keyframes slideUp-d114e707{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-d114e707]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#c7d2fe,#ddd6fe);flex-shrink:0}.modal-header h3[data-v-d114e707]{margin:0;color:#60a5fa;font-size:18px;font-weight:700}.close-btn[data-v-d114e707]{background:transparent;border:none;color:#94a3b8;font-size:28px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-d114e707]:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.opponent-selection[data-v-d114e707]{padding:24px;overflow-y:auto;flex:1}.instruction[data-v-d114e707]{font-size:15px;color:#64748b;margin-bottom:16px;text-align:center}.opponent-list[data-v-d114e707]{display:flex;flex-direction:column;gap:12px;max-width:500px;margin:0 auto}.opponent-btn[data-v-d114e707]{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:2px solid rgba(59,130,246,.3);border-radius:10px;cursor:pointer;transition:all .3s}.opponent-btn[data-v-d114e707]:hover{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.opponent-avatar[data-v-d114e707]{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.opponent-info[data-v-d114e707]{flex:1;text-align:left}.opponent-name[data-v-d114e707]{font-size:17px;font-weight:700;color:#334155;margin-bottom:4px}.opponent-stats[data-v-d114e707]{font-size:13px;color:#94a3b8}.known-cities-view[data-v-d114e707]{display:flex;flex-direction:column;flex:1;overflow:hidden}.view-header[data-v-d114e707]{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(59,130,246,.2);flex-shrink:0}.back-btn[data-v-d114e707]{padding:6px 14px;background:linear-gradient(135deg,#8b5cf633,#7c3aed33);border:1px solid rgba(139,92,246,.4);border-radius:6px;color:#a78bfa;cursor:pointer;transition:all .2s;font-size:13px;font-weight:600}.back-btn[data-v-d114e707]:hover{background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d);border-color:#8b5cf699}.view-header h4[data-v-d114e707]{margin:0;font-size:15px;color:#334155;flex:1}.no-cities[data-v-d114e707]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:#64748b;flex:1}.empty-icon[data-v-d114e707]{font-size:48px;margin-bottom:16px;opacity:.5}.no-cities p[data-v-d114e707]{margin:4px 0;font-size:14px}.hint[data-v-d114e707]{font-size:13px;color:#475569}.cities-grid[data-v-d114e707]{display:flex;flex-direction:column;gap:6px;padding:12px 16px;overflow-y:auto;flex:1}.city-card[data-v-d114e707]{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:1.5px solid rgba(96,165,250,.25);border-radius:10px;padding:10px 14px;transition:all .2s;cursor:pointer;display:flex;flex-direction:column;gap:6px}.city-card[data-v-d114e707]:hover{border-color:#60a5fa99;background:linear-gradient(135deg,#c7d2fe,#bfdbfe)}.city-card-top[data-v-d114e707]{display:flex;align-items:center;justify-content:space-between;gap:8px}.city-name[data-v-d114e707]{font-size:16px;font-weight:700;color:#60a5fa;display:flex;align-items:center;gap:8px}.center-badge[data-v-d114e707]{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.city-province[data-v-d114e707]{font-size:13px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.city-skill-row[data-v-d114e707]{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:6px;flex-wrap:wrap}.skill-name-text[data-v-d114e707]{font-size:14px;font-weight:700;color:#c084fc}.skill-usage-text[data-v-d114e707]{font-size:13px;font-weight:700;color:#fbbf24}.type-badge[data-v-d114e707]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.type-badge.active[data-v-d114e707]{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.type-badge.passive[data-v-d114e707]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.no-skill-row[data-v-d114e707]{background:#64748b14;border-color:#64748b26}.no-skill-text[data-v-d114e707]{font-size:13px;color:#64748b;font-style:italic}.skill-description-modal[data-v-d114e707]{position:fixed;inset:0;background:#1e293b59;display:flex;align-items:center;justify-content:center;z-index:5000;animation:fadeIn-d114e707 .2s}.skill-description-content[data-v-d114e707]{background:linear-gradient(135deg,#e0e7ff,#dbeafe);border:2px solid #60a5fa;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #1e293b59;animation:slideUp-d114e707 .3s}.skill-description-header[data-v-d114e707]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#c7d2fe,#ddd6fe);border-bottom:2px solid rgba(96,165,250,.3)}.skill-description-header h4[data-v-d114e707]{margin:0;font-size:18px;color:#60a5fa;font-weight:700}.close-skill-btn[data-v-d114e707]{background:transparent;border:none;color:#94a3b8;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-skill-btn[data-v-d114e707]:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.skill-description-body[data-v-d114e707]{padding:20px;max-height:calc(80vh - 70px);overflow-y:auto}.skill-meta[data-v-d114e707]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(96,165,250,.2)}.skill-meta-item[data-v-d114e707]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px}.meta-label[data-v-d114e707]{font-size:12px;color:#94a3b8;font-weight:600}.meta-value[data-v-d114e707]{font-size:13px;color:#334155;font-weight:700}.skill-description-text[data-v-d114e707]{font-size:14px;line-height:1.7;color:#64748b;background:#f1f5fb80;padding:16px;border-radius:8px;border:1px solid rgba(96,165,250,.2)}.opponent-selection[data-v-d114e707]::-webkit-scrollbar,.cities-grid[data-v-d114e707]::-webkit-scrollbar,.skill-description-body[data-v-d114e707]::-webkit-scrollbar{width:8px}.opponent-selection[data-v-d114e707]::-webkit-scrollbar-track,.cities-grid[data-v-d114e707]::-webkit-scrollbar-track,.skill-description-body[data-v-d114e707]::-webkit-scrollbar-track{background:#f1f5fb99;border-radius:4px}.opponent-selection[data-v-d114e707]::-webkit-scrollbar-thumb,.cities-grid[data-v-d114e707]::-webkit-scrollbar-thumb,.skill-description-body[data-v-d114e707]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px;border:2px solid rgba(241,245,251,.6)}.opponent-selection[data-v-d114e707]::-webkit-scrollbar-thumb:hover,.cities-grid[data-v-d114e707]::-webkit-scrollbar-thumb:hover,.skill-description-body[data-v-d114e707]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#3b82f6)}@media(max-width:768px){.modal-content[data-v-d114e707]{width:98%;max-height:95vh}.cities-grid[data-v-d114e707]{padding:8px 10px}.city-card[data-v-d114e707]{padding:8px 12px}.city-name[data-v-d114e707]{font-size:14px}}.active-skills-wrapper[data-v-46f4fdd6]{margin-left:auto;position:relative}.toggle-btn[data-v-46f4fdd6]{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#648cff26;border:1px solid rgba(100,140,255,.3);border-radius:8px;color:#a0c0ff;font-size:12px;cursor:pointer;transition:background .2s;white-space:nowrap}.toggle-btn[data-v-46f4fdd6]:hover{background:#648cff40}.toggle-icon[data-v-46f4fdd6]{font-size:13px}.toggle-label[data-v-46f4fdd6]{font-weight:500}.toggle-arrow[data-v-46f4fdd6]{font-size:10px;transition:transform .2s}.toggle-arrow.open[data-v-46f4fdd6]{transform:rotate(180deg)}.active-skills-panel[data-v-46f4fdd6]{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#141928f2;border:1px solid rgba(100,140,255,.3);border-radius:10px;padding:10px 12px;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006;color:#e0e8ff;font-size:13px;max-height:40vh;overflow-y:auto}.skills-list[data-v-46f4fdd6]{display:flex;flex-direction:column;gap:6px}.skill-item[data-v-46f4fdd6]{padding:4px 0}.skill-item+.skill-item[data-v-46f4fdd6]{border-top:1px solid rgba(100,140,255,.1);padding-top:6px}.skill-title[data-v-46f4fdd6]{display:flex;align-items:center;gap:4px}.skill-icon[data-v-46f4fdd6]{font-size:13px;flex-shrink:0}.skill-name[data-v-46f4fdd6]{font-weight:500;color:#c8d8ff}.skill-rounds[data-v-46f4fdd6]{margin-left:auto;color:#80c0ff;font-size:12px;white-space:nowrap}.skill-entries[data-v-46f4fdd6]{margin-top:2px;padding-left:20px}.skill-entry[data-v-46f4fdd6]{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:1px 0;color:#a0b8d8}.entry-label[data-v-46f4fdd6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.entry-rounds[data-v-46f4fdd6]{color:#80c0ff;white-space:nowrap;margin-left:6px}.active-skills-panel[data-v-46f4fdd6]::-webkit-scrollbar{width:4px}.active-skills-panel[data-v-46f4fdd6]::-webkit-scrollbar-track{background:transparent}.active-skills-panel[data-v-46f4fdd6]::-webkit-scrollbar-thumb{background:#648cff4d;border-radius:2px}.city-deployment[data-v-1dafd98c]{max-width:1000px;margin:20px auto;padding:24px}.city-deployment h3[data-v-1dafd98c]{font-size:20px;font-weight:800;color:#1e293b;margin:0 0 16px;letter-spacing:.5px;background:linear-gradient(90deg,#7db4ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.top-bar[data-v-1dafd98c]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.top-bar-right[data-v-1dafd98c]{display:flex;align-items:center;gap:8px;margin-left:auto}.surrender-btn[data-v-1dafd98c]{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:6px 14px;color:#fca5a5;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.surrender-btn[data-v-1dafd98c]:hover{background:#ef44444d;border-color:#ef444499;color:#fecaca}.draw-request-btn[data-v-1dafd98c]{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:8px;padding:6px 14px;color:#fcd34d;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.draw-request-btn[data-v-1dafd98c]:hover{background:#f59e0b4d;border-color:#f59e0b99;color:#fde68a}.exit-room-btn[data-v-1dafd98c]{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;padding:6px 14px;color:#fca5a5;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.exit-room-btn[data-v-1dafd98c]:hover{background:#ef44444d;border-color:#ef444499;color:#fecaca}.top-bar .room-info[data-v-1dafd98c]{margin-bottom:0;flex:1}.room-info[data-v-1dafd98c]{font-size:12px;color:#ffffff73;margin-bottom:12px;padding:8px 14px;background:linear-gradient(135deg,#3b82f614,#2563eb0d);border-left:3px solid #3b82f6;border-radius:6px;font-weight:600;letter-spacing:.3px}.deployment-info[data-v-1dafd98c]{display:flex;align-items:center;gap:24px;margin:16px 0;padding:18px 24px;background:#ffffff0f;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.info-item[data-v-1dafd98c]{display:flex;flex-direction:column;gap:6px}.label[data-v-1dafd98c]{font-size:11px;color:#ffffff73;font-weight:700;text-transform:uppercase;letter-spacing:1px}.value[data-v-1dafd98c]{font-size:20px;font-weight:900;color:var(--accent)}.roster-cities h4[data-v-1dafd98c]{margin:20px 0 14px;color:#ffffffd9;font-size:16px;font-weight:700;letter-spacing:.5px}.city-grid[data-v-1dafd98c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px}.city-card[data-v-1dafd98c]{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;position:relative;will-change:transform}.city-card[data-v-1dafd98c]:hover:not(.dead){border-color:#60a5fa80;transform:translateY(-4px);box-shadow:0 8px 24px #60a5fa26}.city-card.selected[data-v-1dafd98c]{border-color:#34d399;background:#34d3991f;box-shadow:0 8px 24px #34d39933}.city-card.dead[data-v-1dafd98c]{opacity:.4;cursor:not-allowed;border-color:#4b556366}.city-card.center[data-v-1dafd98c]{border-color:#fbbf2480;background:#fbbf2414}.city-header[data-v-1dafd98c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:4px}.city-header strong[data-v-1dafd98c]{font-size:18px;font-weight:800;color:#ffffffe6}.city-header .muted[data-v-1dafd98c]{color:#ffffff73;font-weight:600;letter-spacing:.3px}.center-badge[data-v-1dafd98c]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px #fbbf244d}.city-hp-visual[data-v-1dafd98c]{margin:10px 0;padding:10px 12px;background:#00000026;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.hp-text[data-v-1dafd98c]{font-size:13px;color:#ffffff73;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.hp-bar-container[data-v-1dafd98c]{width:100%;height:6px;background:#3b82f60f;border-radius:3px;overflow:hidden}.hp-bar-fill[data-v-1dafd98c]{height:100%;transition:width .5s ease,background-color .3s ease;border-radius:3px;box-shadow:0 0 10px currentColor}.dead-badge[data-v-1dafd98c]{margin-left:5px;font-size:16px}.city-status[data-v-1dafd98c]{margin-top:12px;padding:8px 0;font-size:13px;font-weight:700;color:#7db4ff;text-align:center;border-top:1px solid rgba(148,163,184,.1);letter-spacing:.5px;transition:all .3s}.city-card.selected .city-status[data-v-1dafd98c]{color:#34d399}.city-card.dead .city-status[data-v-1dafd98c]{color:#ef4444;opacity:.7}.city-skill-activation[data-v-1dafd98c]{margin-top:10px;padding:10px 14px;background:linear-gradient(135deg,#8b5cf61f,#6366f114);border:1px solid rgba(139,92,246,.35);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-toggle[data-v-1dafd98c]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.skill-toggle input[type=checkbox][data-v-1dafd98c]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.skill-toggle input[type=checkbox][data-v-1dafd98c]:disabled{cursor:not-allowed;opacity:.5}.skill-toggle-text[data-v-1dafd98c]{font-size:13px;color:var(--text);font-weight:500}.skill-usage[data-v-1dafd98c]{font-size:11px;color:var(--muted);margin-left:4px}.battle-skill-section[data-v-1dafd98c]{margin:20px 0}.battle-skill-section h4[data-v-1dafd98c]{margin-bottom:12px;color:#ffffffd9;font-size:15px;font-weight:700}.skill-select[data-v-1dafd98c]{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .3s}.skills-section[data-v-1dafd98c]{margin:20px 0;padding:22px;background:#ffffff0f;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.skills-section h4[data-v-1dafd98c]{margin:0 0 16px;color:#ffffffd9;font-size:16px;font-weight:700;letter-spacing:.3px}.intelligence-section[data-v-1dafd98c]{margin:20px 0;padding:22px;background:#3b82f614;border:2px solid rgba(59,130,246,.25);border-radius:14px}.intelligence-section h4[data-v-1dafd98c]{margin:0 0 16px;color:#7db4ff;font-size:16px;font-weight:700;letter-spacing:.3px}.intelligence-btn[data-v-1dafd98c]{width:100%;padding:16px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;letter-spacing:.3px}.intelligence-btn[data-v-1dafd98c]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.skills-buttons[data-v-1dafd98c]{display:flex;flex-direction:row;gap:15px}.skill-btn[data-v-1dafd98c]{flex:1;padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:transform .3s ease,box-shadow .3s ease;text-align:center;letter-spacing:.3px}.skill-btn--battle[data-v-1dafd98c]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 6px #ef44444d}.skill-btn--battle[data-v-1dafd98c]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 8px #ef444466}.skill-btn--nonbattle[data-v-1dafd98c]{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 6px #8b5cf64d}.skill-btn--nonbattle[data-v-1dafd98c]:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-2px);box-shadow:0 6px 8px #8b5cf666}.battle-skill-select[data-v-1dafd98c]{display:flex;flex-direction:column;gap:8px}.battle-skill-select label[data-v-1dafd98c]{font-size:14px;color:var(--text);font-weight:500}.skill-selector-container[data-v-1dafd98c]{display:flex;gap:10px;align-items:center}.skill-select[data-v-1dafd98c]{flex:1;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:var(--text);font-size:14px;cursor:pointer;transition:border-color .3s}.skill-select[data-v-1dafd98c]:focus{border-color:#60a5fa80;outline:none}.skill-select option[data-v-1dafd98c]:disabled{color:#6b7280}.view-skill-btn[data-v-1dafd98c]{padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #8b5cf64d}.view-skill-btn[data-v-1dafd98c]:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.action-buttons[data-v-1dafd98c]{display:flex;gap:12px;margin-top:20px}.confirm-btn[data-v-1dafd98c],.cancel-btn[data-v-1dafd98c]{flex:1;padding:16px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:transform .3s ease,box-shadow .3s ease;letter-spacing:.5px}.confirm-btn[data-v-1dafd98c]{background:linear-gradient(135deg,#34d399,#10b981);color:#0f172a;box-shadow:0 4px 12px #34d3994d}.confirm-btn[data-v-1dafd98c]:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 6px 16px #34d39966}.confirm-btn[data-v-1dafd98c]:disabled{background:#64748b4d;color:#ffffff73;cursor:not-allowed;box-shadow:none}.cancel-btn[data-v-1dafd98c]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.cancel-btn[data-v-1dafd98c]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.city-skills[data-v-1dafd98c]{padding:8px 12px;background:#8b5cf614;border-radius:10px;margin:8px 0;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#c4b5fd;font-weight:600;border:1px solid transparent;transition:all .3s ease}.city-skills.clickable[data-v-1dafd98c]{cursor:pointer;border-color:#8b5cf640}.city-skills.clickable[data-v-1dafd98c]:hover{background:#8b5cf62e;border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}.city-skills .skill-hint[data-v-1dafd98c]{font-size:10px;color:#a78bfa;opacity:.6;margin-left:auto;font-weight:500}.city-skills.clickable:hover .skill-hint[data-v-1dafd98c]{opacity:1}.no-skill[data-v-1dafd98c]{color:#ffffff73;font-style:italic;font-size:12px;font-weight:500}.skill-detail-modal[data-v-1dafd98c]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn-1dafd98c .2s}@keyframes fadeIn-1dafd98c{0%{opacity:0}to{opacity:1}}.skill-detail-content[data-v-1dafd98c]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border-radius:20px;max-width:500px;width:90%;box-shadow:0 24px 64px #00000080,0 0 0 1px #8b5cf633;animation:slideUp-1dafd98c .3s;border:2px solid rgba(139,92,246,.5)}@keyframes slideUp-1dafd98c{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.skill-detail-header[data-v-1dafd98c]{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border-bottom:1px solid rgba(148,163,184,.12)}.skill-detail-header h3[data-v-1dafd98c]{margin:0;color:#c4b5fd;font-size:20px;font-weight:800;letter-spacing:.3px}.skill-detail-header .close-btn[data-v-1dafd98c]{background:transparent;border:none;color:var(--muted);font-size:28px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.skill-detail-header .close-btn[data-v-1dafd98c]:hover{background:#ef444433;color:#ef4444}.skill-detail-body[data-v-1dafd98c]{padding:25px}.skill-badges[data-v-1dafd98c]{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.skill-type-badge[data-v-1dafd98c]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skill-category-badge[data-v-1dafd98c]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px}.skill-type-badge.active[data-v-1dafd98c]{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.skill-type-badge.passive[data-v-1dafd98c]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.skill-category-badge.battle[data-v-1dafd98c]{background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff}.skill-category-badge.nonBattle[data-v-1dafd98c]{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.skill-cost-badge[data-v-1dafd98c]{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.skill-description[data-v-1dafd98c]{background:#8b5cf614;border-left:4px solid rgba(139,92,246,.6);padding:16px 18px;border-radius:10px;color:var(--text);line-height:1.7;margin-bottom:16px;font-size:14px}.skill-meta[data-v-1dafd98c]{display:flex;flex-direction:column;gap:10px}.meta-item[data-v-1dafd98c]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(148,163,184,.08)}.meta-label[data-v-1dafd98c]{font-size:13px;color:var(--muted)}.meta-value[data-v-1dafd98c]{font-size:14px;font-weight:700;color:#fbbf24}.nonbattle-city-skills-section[data-v-1dafd98c]{margin:20px 0;padding:22px;background:#8b5cf614;border:2px solid rgba(139,92,246,.25);border-radius:14px}.nonbattle-city-skills-section h4[data-v-1dafd98c]{margin:0 0 16px;color:#c084fc;font-size:16px;font-weight:700;letter-spacing:.3px}.city-skills-horizontal-scroll[data-v-1dafd98c]{display:flex;flex-direction:row;gap:15px;overflow-x:auto;overflow-y:hidden;padding:15px 5px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.city-skills-horizontal-scroll[data-v-1dafd98c]::-webkit-scrollbar{height:8px}.city-skills-horizontal-scroll[data-v-1dafd98c]::-webkit-scrollbar-track{background:#f1f5fb99;border-radius:4px}.city-skills-horizontal-scroll[data-v-1dafd98c]::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px;border:1px solid rgba(241,245,251,.6)}.city-skills-horizontal-scroll[data-v-1dafd98c]::-webkit-scrollbar-thumb:hover{background:#a78bfa}.city-skill-card[data-v-1dafd98c]{min-width:220px;max-width:220px;flex-shrink:0;background:#8b5cf61a;border:2px solid rgba(139,92,246,.3);border-radius:14px;padding:18px;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:10px;will-change:transform}.city-skill-card[data-v-1dafd98c]:hover{border-color:#8b5cf6b3;background:#8b5cf633;transform:translateY(-4px);box-shadow:0 8px 16px #8b5cf640}.skill-card-icon[data-v-1dafd98c]{font-size:28px;text-align:center}.skill-card-content[data-v-1dafd98c]{display:flex;flex-direction:column;gap:8px;flex:1}.skill-card-city[data-v-1dafd98c]{font-size:14px;font-weight:700;color:#7db4ff;text-align:center;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.3)}.skill-card-name[data-v-1dafd98c]{font-size:15px;font-weight:700;color:#c084fc;text-align:center;text-shadow:0 1px 2px rgba(100,116,145,.12)}.skill-card-type[data-v-1dafd98c]{display:flex;justify-content:center;align-items:center;margin-top:4px}.skill-card-type .type-badge[data-v-1dafd98c]{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skill-card-type .type-badge.active[data-v-1dafd98c]{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;text-shadow:0 1px 2px rgba(100,116,145,.12)}.skill-card-type .type-badge.passive[data-v-1dafd98c]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-shadow:0 1px 2px rgba(100,116,145,.12)}.skill-card-usage[data-v-1dafd98c]{font-size:12px;color:#ffffff73;text-align:center;padding:6px;background:#ffffff0a;border-radius:6px;font-weight:600}.skill-card-usage.unlimited[data-v-1dafd98c]{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.forced-deployment-notice[data-v-1dafd98c]{background:#f59e0b1a;border:2px solid rgba(245,158,11,.4);border-radius:14px;padding:16px 22px;margin:12px 0;text-align:center;font-size:15px;font-weight:700;color:#fcd34d}.an-bing-bu-dong-notice[data-v-1dafd98c]{background:#ef44441a;border:2px solid rgba(239,68,68,.4);border-radius:14px;padding:22px;margin:16px 0;text-align:center;font-size:18px;font-weight:700;color:#fca5a5;animation:pulse-1dafd98c 2s infinite}@keyframes pulse-1dafd98c{0%,to{opacity:1}50%{opacity:.7}}.deployment-with-log-layout[data-v-1dafd98c]{display:grid;grid-template-columns:1fr 500px;gap:20px;height:100vh;padding:20px;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);overflow:hidden;transition:grid-template-columns .3s ease;will-change:transform;transform:translateZ(0)}.deployment-with-log-layout[data-v-1dafd98c]:has(.collapsed){grid-template-columns:1fr 60px}.deployment-main-area[data-v-1dafd98c]{overflow-y:auto;overflow-x:hidden;border-radius:16px;min-width:0}.deployment-log-area[data-v-1dafd98c]{height:100%;overflow:hidden;position:relative;z-index:50}.deployment-main-area[data-v-1dafd98c]::-webkit-scrollbar{width:10px}.deployment-main-area[data-v-1dafd98c]::-webkit-scrollbar-track{background:#ffffff0a;border-radius:5px}.deployment-main-area[data-v-1dafd98c]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a017,#b8860b);border-radius:5px}.deployment-main-area[data-v-1dafd98c]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}@media(max-width:1400px){.deployment-with-log-layout[data-v-1dafd98c]{grid-template-columns:1fr 400px}.deployment-with-log-layout[data-v-1dafd98c]:has(.collapsed){grid-template-columns:1fr 60px}}@media(max-width:1024px){.deployment-with-log-layout[data-v-1dafd98c]{grid-template-columns:1fr;grid-template-rows:1fr 300px}.deployment-with-log-layout[data-v-1dafd98c]:has(.collapsed){grid-template-rows:1fr 60px}}@media(max-width:768px){.deployment-with-log-layout[data-v-1dafd98c]{padding:10px;gap:10px;grid-template-rows:1fr 250px}.deployment-with-log-layout[data-v-1dafd98c]:has(.collapsed){grid-template-rows:1fr 60px}}.game-log-modal[data-v-22e89586]{position:fixed;inset:0;background:#1e293b59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.game-log-modal--show[data-v-22e89586]{opacity:1;pointer-events:all}.game-log[data-v-22e89586]{background:linear-gradient(135deg,#f1f5f9,#f0f3f9);border-radius:16px;box-shadow:0 20px 60px #6474912e;width:90%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;animation:slideIn-22e89586 .3s ease}@keyframes slideIn-22e89586{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-log__header[data-v-22e89586]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(209,217,230,.6)}.game-log__title[data-v-22e89586]{margin:0;color:#1e293b;font-size:24px}.close-btn[data-v-22e89586]{width:36px;height:36px;border:none;background:#3b82f614;color:#1e293b;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.close-btn[data-v-22e89586]:hover{background:#3b82f626;transform:rotate(90deg)}.game-log__filters[data-v-22e89586]{display:flex;gap:8px;padding:16px 24px;border-bottom:2px solid rgba(209,217,230,.6)}.filter-btn[data-v-22e89586]{padding:8px 16px;border:2px solid rgba(209,217,230,.7);background:#3b82f60f;color:#334155;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700}.filter-btn[data-v-22e89586]:hover{background:#3b82f626}.filter-btn--active[data-v-22e89586]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.game-log__content[data-v-22e89586]{flex:1;overflow-y:auto;padding:16px 24px;min-height:300px;max-height:500px}.log-entry[data-v-22e89586]{display:flex;gap:12px;padding:12px;margin-bottom:8px;background:#64749114;border-radius:8px;border-left:4px solid;transition:all .3s ease}.log-entry[data-v-22e89586]:hover{background:#6474911f;transform:translate(4px)}.log-entry--battle[data-v-22e89586]{border-color:#f56565}.log-entry--skill[data-v-22e89586]{border-color:#9f7aea}.log-entry--system[data-v-22e89586]{border-color:#4299e1}.log-entry__time[data-v-22e89586]{color:#1e293ba6;font-size:12px;font-family:monospace;min-width:60px}.log-entry__icon[data-v-22e89586]{font-size:18px}.log-entry__message[data-v-22e89586]{flex:1;color:#1e293b;line-height:1.5}.log-empty[data-v-22e89586]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#1e293b99}.log-empty__icon[data-v-22e89586]{font-size:48px}.log-empty__text[data-v-22e89586]{font-size:18px}.game-log__footer[data-v-22e89586]{display:flex;gap:12px;padding:16px 24px;border-top:2px solid rgba(209,217,230,.6)}.btn[data-v-22e89586]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn[data-v-22e89586]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6474911f}.btn--primary[data-v-22e89586]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn--secondary[data-v-22e89586]{background:#3b82f614;color:#1e293b}.game-log__content[data-v-22e89586]::-webkit-scrollbar{width:8px}.game-log__content[data-v-22e89586]::-webkit-scrollbar-track{background:#64749114;border-radius:4px}.game-log__content[data-v-22e89586]::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:4px}.game-log__content[data-v-22e89586]::-webkit-scrollbar-thumb:hover{background:#1e293b99}.pending-swaps-panel[data-v-5960bd95]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:3px solid #f59e0b;border-radius:16px;padding:24px;max-width:700px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #1e293b59;z-index:9999;animation:slideIn-5960bd95 .3s ease-out}@keyframes slideIn-5960bd95{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-header[data-v-5960bd95]{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(245,158,11,.3)}.header-icon[data-v-5960bd95]{font-size:32px;animation:pulse-5960bd95 2s infinite}@keyframes pulse-5960bd95{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.header-title[data-v-5960bd95]{flex:1;font-size:24px;font-weight:700;color:#fbbf24;margin:0}.request-count[data-v-5960bd95]{background:#f59e0b;color:#fff;font-size:16px;font-weight:700;padding:4px 12px;border-radius:12px;min-width:32px;text-align:center}.swaps-list[data-v-5960bd95]{display:flex;flex-direction:column;gap:20px}.swap-request-card[data-v-5960bd95]{background:#f1f5fbb3;border:2px solid rgba(148,163,184,.3);border-radius:12px;padding:20px}.request-info[data-v-5960bd95]{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin-bottom:20px;align-items:center}.initiator-section[data-v-5960bd95],.target-section[data-v-5960bd95]{display:flex;flex-direction:column;gap:12px}.section-label[data-v-5960bd95]{font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.player-name[data-v-5960bd95]{font-size:18px;font-weight:700;color:#60a5fa}.unknown-city-hint[data-v-5960bd95]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f1f5fbb3;border:2px dashed rgba(148,163,184,.4);border-radius:8px;margin-top:8px}.mystery-icon[data-v-5960bd95]{font-size:32px;opacity:.8;animation:pulse-5960bd95 2s infinite}.mystery-text[data-v-5960bd95]{font-size:14px;font-weight:600;color:#94a3b8;letter-spacing:1px}.mystery-note[data-v-5960bd95]{font-size:11px;color:#64748b;text-align:center;font-style:italic;line-height:1.4}.city-info[data-v-5960bd95]{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffffd9;border:1px solid rgba(96,165,250,.3);border-radius:8px}.city-icon[data-v-5960bd95]{font-size:24px}.city-details[data-v-5960bd95]{flex:1}.city-name[data-v-5960bd95]{font-size:14px;font-weight:600;color:#334155;margin-bottom:4px}.city-hp[data-v-5960bd95]{font-size:12px;color:#f59e0b;font-weight:500}.swap-arrow[data-v-5960bd95]{font-size:32px;color:#f59e0b;animation:bounce-5960bd95 1.5s infinite}@keyframes bounce-5960bd95{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.city-selector[data-v-5960bd95]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.city-option[data-v-5960bd95]{display:flex;align-items:center;gap:12px;padding:12px;background:#f1f5fbb3;border:2px solid rgba(148,163,184,.3);border-radius:8px;cursor:pointer;transition:all .3s;position:relative}.city-option[data-v-5960bd95]:hover:not(.disabled){border-color:#60a5fa;background:#60a5fa26;transform:translate(4px)}.city-option.disabled[data-v-5960bd95]{opacity:.6;cursor:not-allowed}.city-option.disabled[data-v-5960bd95]:hover{border-color:#94a3b84d;background:#f1f5fbb3;transform:none}.city-option.selected[data-v-5960bd95]{border-color:#22c55e;background:#22c55e33;box-shadow:0 0 20px #22c55e4d}.check-mark[data-v-5960bd95]{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #22c55e80}.disabled-reason[data-v-5960bd95]{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.reason-badge[data-v-5960bd95]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.reason-badge.center[data-v-5960bd95]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 1px 3px #fbbf244d}.reason-badge.cautious[data-v-5960bd95]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 1px 3px #ef44444d}.no-cities-hint[data-v-5960bd95]{text-align:center;padding:20px;color:#94a3b8;font-size:14px;font-style:italic}.action-buttons[data-v-5960bd95]{display:flex;gap:12px}.btn-accept[data-v-5960bd95],.btn-reject[data-v-5960bd95]{flex:1;padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-accept[data-v-5960bd95]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-accept[data-v-5960bd95]:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-accept[data-v-5960bd95]:disabled{background:#e2e8f0;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn-reject[data-v-5960bd95]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d;flex-direction:row}.btn-reject[data-v-5960bd95]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-reject[data-v-5960bd95]:disabled{background:#e2e8f0;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn-icon[data-v-5960bd95]{font-size:18px}.btn-text[data-v-5960bd95]{font-size:16px}.btn-cost[data-v-5960bd95]{font-size:12px;opacity:.9;font-weight:600}.city-selector[data-v-5960bd95]::-webkit-scrollbar,.pending-swaps-panel[data-v-5960bd95]::-webkit-scrollbar{width:8px}.city-selector[data-v-5960bd95]::-webkit-scrollbar-track,.pending-swaps-panel[data-v-5960bd95]::-webkit-scrollbar-track{background:#64749114;border-radius:4px}.city-selector[data-v-5960bd95]::-webkit-scrollbar-thumb,.pending-swaps-panel[data-v-5960bd95]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:4px}.city-selector[data-v-5960bd95]::-webkit-scrollbar-thumb:hover,.pending-swaps-panel[data-v-5960bd95]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}@media(max-width:768px){.pending-swaps-panel[data-v-5960bd95]{width:95%;padding:16px}.request-info[data-v-5960bd95]{grid-template-columns:1fr;grid-template-rows:auto auto auto}.swap-arrow[data-v-5960bd95]{transform:rotate(90deg);font-size:24px}.header-title[data-v-5960bd95]{font-size:20px}.btn-accept[data-v-5960bd95],.btn-reject[data-v-5960bd95]{font-size:14px;padding:12px 16px}}.intercept-popup[data-v-b99ea95c]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #8b5cf6;border-radius:16px;padding:24px;max-width:480px;width:90%;box-shadow:0 20px 60px #8b5cf666,0 0 40px #8b5cf633;z-index:10000;animation:slideIn-b99ea95c .3s ease-out}@keyframes slideIn-b99ea95c{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-header[data-v-b99ea95c]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(139,92,246,.3)}.header-icon[data-v-b99ea95c]{font-size:28px;animation:pulse-b99ea95c 2s infinite}@keyframes pulse-b99ea95c{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.header-title[data-v-b99ea95c]{flex:1;font-size:22px;font-weight:700;color:#c4b5fd;margin:0}.countdown-badge[data-v-b99ea95c]{background:#8b5cf6;color:#fff;font-size:18px;font-weight:700;padding:6px 14px;border-radius:12px;min-width:48px;text-align:center;transition:all .3s}.countdown-badge.urgent[data-v-b99ea95c]{background:#ef4444;animation:urgentPulse-b99ea95c 1s infinite}@keyframes urgentPulse-b99ea95c{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.intercept-content[data-v-b99ea95c]{margin-bottom:20px}.skill-info[data-v-b99ea95c]{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:16px;margin-bottom:16px}.info-row[data-v-b99ea95c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row+.info-row[data-v-b99ea95c]{border-top:1px solid rgba(139,92,246,.15)}.info-label[data-v-b99ea95c]{font-size:13px;color:#94a3b8;font-weight:500}.info-value[data-v-b99ea95c]{font-size:15px;font-weight:600;color:#e2e8f0}.caster-name[data-v-b99ea95c]{color:#f87171}.skill-name[data-v-b99ea95c]{color:#fbbf24}.skill-cost[data-v-b99ea95c]{color:#34d399}.countdown-bar[data-v-b99ea95c]{height:6px;background:#8b5cf633;border-radius:3px;overflow:hidden}.countdown-fill[data-v-b99ea95c]{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width 1s linear}.action-buttons[data-v-b99ea95c]{display:flex;gap:12px}.btn-accept[data-v-b99ea95c],.btn-intercept[data-v-b99ea95c]{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.btn-accept[data-v-b99ea95c]{background:linear-gradient(135deg,#475569,#334155);color:#e2e8f0;box-shadow:0 4px 12px #4755694d}.btn-accept[data-v-b99ea95c]:hover{background:linear-gradient(135deg,#64748b,#475569);transform:translateY(-2px)}.btn-intercept[data-v-b99ea95c]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666}.btn-intercept[data-v-b99ea95c]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf680}.btn-intercept[data-v-b99ea95c]:disabled{background:#374151;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn-icon[data-v-b99ea95c]{font-size:16px}.btn-text[data-v-b99ea95c]{font-size:15px}.btn-cost[data-v-b99ea95c]{font-size:12px;opacity:.9}@media(max-width:768px){.intercept-popup[data-v-b99ea95c]{width:95%;padding:16px}.header-title[data-v-b99ea95c]{font-size:18px}.action-buttons[data-v-b99ea95c]{flex-direction:column}.btn-accept[data-v-b99ea95c],.btn-intercept[data-v-b99ea95c]{font-size:14px;padding:12px 16px}}.fortune-swap-popup[data-v-d4fd2b08]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #f59e0b;border-radius:16px;padding:24px;max-width:520px;width:90%;box-shadow:0 20px 60px #f59e0b66,0 0 40px #f59e0b33;z-index:10000;animation:slideIn-d4fd2b08 .3s ease-out}@keyframes slideIn-d4fd2b08{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-header[data-v-d4fd2b08]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(245,158,11,.3)}.header-icon[data-v-d4fd2b08]{font-size:28px;animation:pulse-d4fd2b08 2s infinite}@keyframes pulse-d4fd2b08{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.header-title[data-v-d4fd2b08]{flex:1;font-size:22px;font-weight:700;color:#fcd34d;margin:0}.swap-content[data-v-d4fd2b08]{margin-bottom:20px}.skill-info[data-v-d4fd2b08]{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px;margin-bottom:16px}.info-row[data-v-d4fd2b08]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row+.info-row[data-v-d4fd2b08]{border-top:1px solid rgba(245,158,11,.15)}.info-label[data-v-d4fd2b08]{font-size:13px;color:#94a3b8;font-weight:500}.info-value[data-v-d4fd2b08]{font-size:15px;font-weight:600;color:#e2e8f0}.caster-name[data-v-d4fd2b08]{color:#f87171}.skill-name[data-v-d4fd2b08]{color:#fbbf24}.action-buttons[data-v-d4fd2b08]{display:flex;gap:10px}.btn-accept[data-v-d4fd2b08],.btn-li-dai[data-v-d4fd2b08],.btn-counter[data-v-d4fd2b08]{flex:1;padding:12px 10px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.btn-accept[data-v-d4fd2b08]{background:linear-gradient(135deg,#475569,#334155);color:#e2e8f0;box-shadow:0 4px 12px #4755694d}.btn-accept[data-v-d4fd2b08]:hover{background:linear-gradient(135deg,#64748b,#475569);transform:translateY(-2px)}.btn-li-dai[data-v-d4fd2b08]{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;box-shadow:0 4px 12px #d9770666}.btn-li-dai[data-v-d4fd2b08]:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#92400e);transform:translateY(-2px)}.btn-counter[data-v-d4fd2b08]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px #8b5cf666}.btn-counter[data-v-d4fd2b08]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.btn-li-dai[data-v-d4fd2b08]:disabled,.btn-counter[data-v-d4fd2b08]:disabled{background:#374151;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn-text[data-v-d4fd2b08]{font-size:14px}.btn-cost[data-v-d4fd2b08]{font-size:11px;opacity:.9}.city-select-mode[data-v-d4fd2b08]{margin-top:16px}.select-header[data-v-d4fd2b08]{margin-bottom:14px}.select-title[data-v-d4fd2b08]{font-size:15px;color:#fcd34d;font-weight:600}.city-grid[data-v-d4fd2b08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:280px;overflow-y:auto;margin-bottom:16px;padding:4px}.city-item[data-v-d4fd2b08]{background:#33415599;border:2px solid rgba(100,116,139,.4);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.city-item[data-v-d4fd2b08]:hover{border-color:#f59e0b;background:#f59e0b1a}.city-item.selected[data-v-d4fd2b08]{border-color:#f59e0b;background:#f59e0b33;box-shadow:0 0 10px #f59e0b4d}.city-name[data-v-d4fd2b08]{font-size:13px;color:#e2e8f0;font-weight:600;text-align:center}.city-hp[data-v-d4fd2b08]{font-size:11px;color:#94a3b8}.select-actions[data-v-d4fd2b08]{display:flex;gap:12px}.btn-cancel-select[data-v-d4fd2b08],.btn-confirm-select[data-v-d4fd2b08]{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel-select[data-v-d4fd2b08]{background:linear-gradient(135deg,#475569,#334155);color:#e2e8f0}.btn-cancel-select[data-v-d4fd2b08]:hover{background:linear-gradient(135deg,#64748b,#475569)}.btn-confirm-select[data-v-d4fd2b08]{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.btn-confirm-select[data-v-d4fd2b08]:hover:not(:disabled){background:linear-gradient(135deg,#b45309,#92400e);transform:translateY(-2px)}.btn-confirm-select[data-v-d4fd2b08]:disabled{background:#374151;color:#6b7280;cursor:not-allowed}@media(max-width:768px){.fortune-swap-popup[data-v-d4fd2b08]{width:95%;padding:16px}.header-title[data-v-d4fd2b08]{font-size:18px}.action-buttons[data-v-d4fd2b08]{flex-direction:column}.btn-accept[data-v-d4fd2b08],.btn-li-dai[data-v-d4fd2b08],.btn-counter[data-v-d4fd2b08]{font-size:13px;padding:10px 8px}.city-grid[data-v-d4fd2b08]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.draw-request-panel[data-v-4fe1893f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:3px solid #f59e0b;border-radius:16px;padding:24px;max-width:480px;width:90%;box-shadow:0 20px 60px #1e293b59;z-index:9999;animation:slideIn-4fe1893f .3s ease-out}@keyframes slideIn-4fe1893f{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.panel-header[data-v-4fe1893f]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(245,158,11,.3)}.header-icon[data-v-4fe1893f]{font-size:32px}.header-title[data-v-4fe1893f]{flex:1;font-size:22px;font-weight:700;color:#fbbf24;margin:0}.request-count[data-v-4fe1893f]{background:#f59e0b;color:#fff;font-size:16px;font-weight:700;padding:4px 12px;border-radius:12px;min-width:32px;text-align:center}.requests-list[data-v-4fe1893f]{display:flex;flex-direction:column;gap:16px}.draw-request-card[data-v-4fe1893f]{background:#f1f5fbb3;border:2px solid rgba(148,163,184,.3);border-radius:12px;padding:20px}.request-info[data-v-4fe1893f]{margin-bottom:16px;text-align:center}.request-message[data-v-4fe1893f]{font-size:18px;color:#334155;font-weight:600;margin-bottom:8px}.initiator-name[data-v-4fe1893f]{color:#60a5fa;font-weight:700}.request-hint[data-v-4fe1893f]{font-size:13px;color:#94a3b8}.action-buttons[data-v-4fe1893f]{display:flex;gap:12px}.btn-accept[data-v-4fe1893f],.btn-reject[data-v-4fe1893f]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.btn-accept[data-v-4fe1893f]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px #22c55e4d}.btn-accept[data-v-4fe1893f]:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66}.btn-reject[data-v-4fe1893f]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.btn-reject[data-v-4fe1893f]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.battle-animation-overlay[data-v-44b8083c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293bb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn-44b8083c .5s ease}@keyframes fadeIn-44b8083c{0%{opacity:0}to{opacity:1}}.battle-animation-container[data-v-44b8083c]{width:95%;max-width:1400px;max-height:90vh;overflow-y:auto;padding:30px;animation:slideIn-44b8083c .6s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn-44b8083c{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.battle-title[data-v-44b8083c]{text-align:center;margin-bottom:40px}.swords-icon[data-v-44b8083c]{font-size:64px;animation:swing-44b8083c 1s ease-in-out infinite}@keyframes swing-44b8083c{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.battle-title h2[data-v-44b8083c]{font-size:36px;color:#fff;margin:10px 0 0;text-shadow:0 2px 10px rgba(30,41,59,.4)}.special-event-banner[data-v-44b8083c]{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #d97706;border-radius:16px;padding:40px;margin:30px 0;text-align:center;box-shadow:0 10px 40px #fbbf244d;animation:bannerPulse-44b8083c 2s ease-in-out infinite}.special-event-banner.retreat[data-v-44b8083c]{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8}.special-event-banner.surrender[data-v-44b8083c]{background:linear-gradient(135deg,#10b981,#059669);border-color:#047857}@keyframes bannerPulse-44b8083c{0%,to{transform:scale(1);box-shadow:0 10px 40px #fbbf244d}50%{transform:scale(1.02);box-shadow:0 15px 60px #fbbf2480}}.special-event-text[data-v-44b8083c]{font-size:32px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(100,116,145,.12)}.battle-area[data-v-44b8083c]{display:grid;grid-template-columns:1fr 120px 1fr;gap:30px;align-items:start}.player-area[data-v-44b8083c]{background:#ffffff14;border:2px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-name[data-v-44b8083c]{font-size:24px;font-weight:700;color:#f0c850;text-align:center;margin-bottom:20px}.city-cards[data-v-44b8083c]{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.city-card[data-v-44b8083c]{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:15px;position:relative;transition:all .3s ease;animation:cardEnter-44b8083c .5s ease}@keyframes cardEnter-44b8083c{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.player-right .city-card[data-v-44b8083c]{animation:cardEnterRight-44b8083c .5s ease}@keyframes cardEnterRight-44b8083c{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.city-card-header[data-v-44b8083c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.city-name[data-v-44b8083c]{font-size:18px;font-weight:700;color:#ffffffd9}.city-skill[data-v-44b8083c]{font-size:14px;color:#fbbf24;background:#fbbf2433;padding:4px 8px;border-radius:6px;border:1px solid #fbbf24}.city-hp-bar[data-v-44b8083c]{display:flex;align-items:center;gap:10px}.hp-label[data-v-44b8083c]{font-size:14px;font-weight:700;color:#ffffff73;min-width:30px}.hp-progress-container[data-v-44b8083c]{flex:1;background:#ffffff1a;border-radius:8px;height:32px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.hp-progress[data-v-44b8083c]{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:6px}.hp-text[data-v-44b8083c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#ffffffe6;text-shadow:0 0 4px rgba(0,0,0,.6);z-index:1}.hp-current[data-v-44b8083c]{font-size:16px;transition:color .3s ease}.hp-current.hp-changing[data-v-44b8083c]{color:#fbbf24;animation:hpBlink-44b8083c .5s ease infinite}@keyframes hpBlink-44b8083c{0%,to{opacity:1}50%{opacity:.6}}.hp-max[data-v-44b8083c]{color:#ffffff73}.hp-change-label[data-v-44b8083c]{position:absolute;top:-10px;right:10px;font-size:20px;font-weight:700;animation:hpChangeFloat-44b8083c 2s ease-out forwards;z-index:10}.hp-change-label.hp-damage[data-v-44b8083c]{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.8)}.hp-change-label.hp-heal[data-v-44b8083c]{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.8)}@keyframes hpChangeFloat-44b8083c{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}.fatigue-label[data-v-44b8083c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:700;color:#fbbf24;background:#1e293bbf;padding:8px 16px;border-radius:8px;border:2px solid #fbbf24;z-index:5;animation:fatigueAppear-44b8083c .5s ease}@keyframes fatigueAppear-44b8083c{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.city-card.hp-fatigued[data-v-44b8083c]{border-color:#fbbf24;box-shadow:0 0 20px #fbbf2466}.city-card.hp-decreasing .hp-progress[data-v-44b8083c]{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.destroyed-overlay[data-v-44b8083c]{position:absolute;inset:0;background:#1e293b99;border-radius:12px;display:flex;align-items:center;justify-content:center;animation:shatter-44b8083c .8s ease;z-index:10}@keyframes shatter-44b8083c{0%{opacity:0;transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(.95) rotate(-2deg)}60%{transform:scale(1.05) rotate(2deg)}80%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}.destroyed-text[data-v-44b8083c]{font-size:24px;font-weight:700;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.8);animation:destroyedPulse-44b8083c 1.5s ease infinite}@keyframes destroyedPulse-44b8083c{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.city-card.city-destroyed[data-v-44b8083c]{opacity:.6;border-color:#ef4444;box-shadow:0 0 20px #ef44444d}.surrender-arrow[data-v-44b8083c]{position:absolute;top:50%;right:-60px;font-size:48px;transform:translateY(-50%);animation:arrowMove-44b8083c 1.5s ease-in-out infinite;z-index:15}@keyframes arrowMove-44b8083c{0%,to{transform:translateY(-50%) translate(0);opacity:1}50%{transform:translateY(-50%) translate(20px);opacity:.5}}.total-attack[data-v-44b8083c]{text-align:center;padding:15px;background:#ffffff0f;border:2px solid rgba(212,160,23,.3);border-radius:10px;font-size:18px;color:#ffffffd9;margin-top:15px}.attack-value[data-v-44b8083c]{font-size:28px;font-weight:700;color:#f0c850;margin-left:10px}.vs-divider[data-v-44b8083c]{display:flex;align-items:center;justify-content:center}.vs-icon[data-v-44b8083c]{font-size:48px;font-weight:700;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8);animation:vsRotate-44b8083c 3s ease-in-out infinite}@keyframes vsRotate-44b8083c{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}}.continue-button[data-v-44b8083c]{display:block;margin:40px auto 0;padding:16px 48px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #047857;border-radius:12px;cursor:pointer;transition:all .3s ease;animation:buttonPulse-44b8083c 2s ease infinite}.continue-button[data-v-44b8083c]:hover{transform:scale(1.05);box-shadow:0 10px 30px #10b98166}@keyframes buttonPulse-44b8083c{0%,to{box-shadow:0 0 20px #10b9814d}50%{box-shadow:0 0 40px #10b98199}}@media(max-width:1200px){.battle-area[data-v-44b8083c]{grid-template-columns:1fr;gap:20px}.vs-divider[data-v-44b8083c]{transform:rotate(90deg);margin:20px 0}.player-right .city-card[data-v-44b8083c]{animation:cardEnter-44b8083c .5s ease}}.battle-animation-container[data-v-44b8083c]::-webkit-scrollbar{width:10px}.battle-animation-container[data-v-44b8083c]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.battle-animation-container[data-v-44b8083c]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:5px}.battle-animation-container[data-v-44b8083c]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}.modal-backdrop[data-v-01deb900]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reconnect-modal[data-v-01deb900]{background:linear-gradient(135deg,#fff,#f5f7fc);border:2px solid rgba(59,130,246,.4);border-radius:24px;padding:40px 32px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #6474912e;animation:modalIn-01deb900 .3s ease-out}@keyframes modalIn-01deb900{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.reconnect-icon[data-v-01deb900]{font-size:56px;margin-bottom:16px}.reconnect-title[data-v-01deb900]{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 24px}.reconnect-info[data-v-01deb900]{background:#3b82f60a;border:1px solid rgba(209,217,230,.6);border-radius:12px;padding:16px;margin-bottom:20px}.info-row[data-v-01deb900]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-row+.info-row[data-v-01deb900]{border-top:1px solid rgba(209,217,230,.5)}.info-label[data-v-01deb900]{font-size:14px;color:#64748b;font-weight:500}.info-value[data-v-01deb900]{font-size:15px;color:#334155;font-weight:700}.info-value.room-id[data-v-01deb900]{font-family:Courier New,monospace;color:#60a5fa;letter-spacing:3px}.reconnect-hint[data-v-01deb900]{font-size:14px;color:#64748b;margin:0 0 24px}.reconnect-actions[data-v-01deb900]{display:flex;flex-direction:column;gap:12px}.reconnect-btn[data-v-01deb900]{width:100%;padding:16px 24px;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:all .3s ease}.reconnect-btn--primary[data-v-01deb900]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 20px #3b82f64d}.reconnect-btn--primary[data-v-01deb900]:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f666}.reconnect-btn--secondary[data-v-01deb900]{background:#3b82f60f;color:#64748b;border:2px solid rgba(209,217,230,.7)}.reconnect-btn--secondary[data-v-01deb900]:hover{background:#3b82f61f;border-color:#d1d9e6e6}@media(max-width:480px){.reconnect-modal[data-v-01deb900]{padding:28px 20px}.reconnect-icon[data-v-01deb900]{font-size:44px}.reconnect-title[data-v-01deb900]{font-size:18px}}#playerMode[data-v-726a2b8e]{position:relative;min-height:100vh;overflow:hidden}#playerMode[data-v-726a2b8e]:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3C!-- Connection lines --%3E%3Cline x1='80' y1='120' x2='250' y2='200' stroke='rgba(96,165,250,0.08)' stroke-width='1'/%3E%3Cline x1='250' y1='200' x2='450' y2='150' stroke='rgba(56,189,248,0.07)' stroke-width='1'/%3E%3Cline x1='450' y1='150' x2='520' y2='320' stroke='rgba(96,165,250,0.06)' stroke-width='1'/%3E%3Cline x1='520' y1='320' x2='350' y2='400' stroke='rgba(56,189,248,0.07)' stroke-width='1'/%3E%3Cline x1='350' y1='400' x2='120' y2='350' stroke='rgba(96,165,250,0.06)' stroke-width='1'/%3E%3Cline x1='120' y1='350' x2='250' y2='200' stroke='rgba(56,189,248,0.05)' stroke-width='1'/%3E%3Cline x1='250' y1='200' x2='350' y2='400' stroke='rgba(96,165,250,0.05)' stroke-width='0.8'/%3E%3Cline x1='80' y1='120' x2='120' y2='350' stroke='rgba(56,189,248,0.04)' stroke-width='0.8'/%3E%3Cline x1='450' y1='150' x2='350' y2='400' stroke='rgba(96,165,250,0.04)' stroke-width='0.8'/%3E%3Cline x1='200' y1='500' x2='350' y2='400' stroke='rgba(56,189,248,0.05)' stroke-width='0.8'/%3E%3Cline x1='200' y1='500' x2='450' y2='520' stroke='rgba(96,165,250,0.04)' stroke-width='0.8'/%3E%3Cline x1='450' y1='520' x2='520' y2='320' stroke='rgba(56,189,248,0.05)' stroke-width='0.8'/%3E%3C!-- Nodes --%3E%3Ccircle cx='80' cy='120' r='3' fill='rgba(96,165,250,0.2)'/%3E%3Ccircle cx='250' cy='200' r='4' fill='rgba(56,189,248,0.25)'/%3E%3Ccircle cx='450' cy='150' r='3' fill='rgba(96,165,250,0.2)'/%3E%3Ccircle cx='520' cy='320' r='3.5' fill='rgba(56,189,248,0.22)'/%3E%3Ccircle cx='350' cy='400' r='4' fill='rgba(96,165,250,0.25)'/%3E%3Ccircle cx='120' cy='350' r='3' fill='rgba(56,189,248,0.2)'/%3E%3Ccircle cx='200' cy='500' r='3' fill='rgba(96,165,250,0.18)'/%3E%3Ccircle cx='450' cy='520' r='3.5' fill='rgba(56,189,248,0.2)'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none;z-index:0;animation:networkPulse-726a2b8e 8s ease-in-out infinite}@keyframes networkPulse-726a2b8e{0%,to{opacity:.7}50%{opacity:1}}#playerMode[data-v-726a2b8e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:25vh;clip-path:polygon(0% 100%,0% 72%,2% 72%,2% 58%,4% 58%,4% 72%,6% 72%,6% 48%,7.5% 48%,7.5% 42%,9% 42%,9% 48%,10% 48%,10% 72%,13% 72%,13% 52%,15% 52%,15% 36%,16% 34%,17% 36%,17% 52%,19% 52%,19% 72%,22% 72%,22% 62%,24% 62%,24% 44%,26% 44%,26% 62%,28% 62%,28% 72%,31% 72%,31% 40%,32% 36%,33% 32%,34% 36%,35% 40%,35% 72%,38% 72%,38% 56%,40% 56%,40% 46%,42% 46%,42% 56%,44% 56%,44% 72%,47% 72%,47% 50%,48.5% 50%,48.5% 28%,49.5% 24%,50.5% 28%,50.5% 50%,52% 50%,52% 72%,55% 72%,55% 60%,57% 60%,57% 46%,59% 46%,59% 60%,61% 60%,61% 72%,64% 72%,64% 52%,66% 52%,66% 38%,67% 35%,68% 38%,68% 52%,70% 52%,70% 72%,73% 72%,73% 64%,75% 64%,75% 50%,77% 50%,77% 64%,79% 64%,79% 72%,82% 72%,82% 44%,83% 40%,84% 44%,84% 56%,86% 56%,86% 72%,89% 72%,89% 60%,91% 60%,91% 50%,93% 50%,93% 60%,95% 60%,95% 72%,97% 72%,97% 64%,100% 64%,100% 100%);background:radial-gradient(1.5px 1.5px at 8% 55%,rgba(96,165,250,.7) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 8.5% 62%,rgba(56,189,248,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 15.5% 45%,rgba(96,165,250,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 16% 50%,rgba(251,191,36,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 24.5% 52%,rgba(56,189,248,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 33% 42%,rgba(96,165,250,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 33.5% 50%,rgba(251,191,36,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 40.5% 52%,rgba(56,189,248,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 49.5% 38%,rgba(96,165,250,.7) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 50% 45%,rgba(56,189,248,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 57.5% 52%,rgba(251,191,36,.4) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 66.5% 44%,rgba(96,165,250,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 67% 50%,rgba(56,189,248,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 75.5% 56%,rgba(96,165,250,.5) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 83.5% 50%,rgba(56,189,248,.6) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 91.5% 56%,rgba(251,191,36,.4) 50%,transparent 50%),linear-gradient(to top,#151530,#1a1a3e 40%,#1a1a3eb3);pointer-events:none;z-index:0}.exit-btn[data-v-726a2b8e]{position:absolute;top:20px;left:20px;padding:10px 20px;background:var(--bad);border:1px solid #dc2626;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;z-index:100}.exit-btn[data-v-726a2b8e]:hover{background:#dc2626}.player-container[data-v-726a2b8e]{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:1}.victory-modal[data-v-726a2b8e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.victory-content[data-v-726a2b8e]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border:2px solid rgba(212,160,23,.4);border-radius:20px;padding:36px 32px 28px;max-width:520px;width:90%;text-align:center;box-shadow:0 20px 60px #0006}.victory-animation[data-v-726a2b8e]{margin-bottom:12px}.trophy[data-v-726a2b8e]{font-size:56px;animation:trophyFloat-726a2b8e 2.5s ease-in-out infinite}@keyframes trophyFloat-726a2b8e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.05)}}.victory-title[data-v-726a2b8e]{font-size:26px;font-weight:700;color:#f0c040;margin-bottom:6px;text-shadow:0 0 20px rgba(240,192,64,.3)}.victory-round-badge[data-v-726a2b8e]{font-size:13px;color:#ffffff73;margin-bottom:24px;letter-spacing:1px}.victory-players[data-v-726a2b8e]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.victory-player[data-v-726a2b8e]{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;text-align:left}.victory-player.is-winner[data-v-726a2b8e]{background:#f0c0400f;border-color:#f0c04033}.vp-header[data-v-726a2b8e]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vp-rank[data-v-726a2b8e]{font-size:18px}.vp-name[data-v-726a2b8e]{font-size:15px;font-weight:600;color:#ffffffd9;flex:1}.victory-player.is-winner .vp-name[data-v-726a2b8e]{color:#f0c040}.vp-gold[data-v-726a2b8e]{font-size:13px;color:#eab308;font-weight:500}.vp-cities[data-v-726a2b8e]{display:flex;flex-wrap:wrap;gap:6px}.vp-city[data-v-726a2b8e]{display:inline-flex;align-items:center;gap:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 8px;font-size:12px}.vp-city.city-dead[data-v-726a2b8e]{background:#ef44440f;border-color:#ff3c3c26;opacity:.5}.vp-city-name[data-v-726a2b8e]{color:#ffffffa6}.vp-city.city-dead .vp-city-name[data-v-726a2b8e]{color:#94a3b8;text-decoration:line-through}.vp-city-hp[data-v-726a2b8e]{color:#60a5fa;font-weight:600;font-variant-numeric:tabular-nums}.vp-city.city-dead .vp-city-hp[data-v-726a2b8e]{color:#ef4444}.victory-actions[data-v-726a2b8e]{display:flex;gap:12px;justify-content:center}.victory-btn[data-v-726a2b8e]{padding:10px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.victory-btn--restart[data-v-726a2b8e]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.victory-btn--restart[data-v-726a2b8e]:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666}.victory-btn--exit[data-v-726a2b8e]{background:#ffffff14;color:#ffffffa6;border:1px solid rgba(255,255,255,.12)}.victory-btn--exit[data-v-726a2b8e]:hover{background:#ffffff1f;color:#ffffffd9}.game-waiting-area[data-v-726a2b8e]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);position:relative;z-index:1}.waiting-content[data-v-726a2b8e]{max-width:900px;width:100%;text-align:center}.waiting-icon[data-v-726a2b8e]{font-size:80px;margin-bottom:30px;animation:pulse-726a2b8e 2s infinite}.waiting-content h3[data-v-726a2b8e]{font-size:28px;color:#f0c850;margin-bottom:15px;font-weight:700}.waiting-hint[data-v-726a2b8e]{font-size:16px;color:#ffffff73;margin-bottom:30px}.game-with-log-layout[data-v-726a2b8e]{display:grid;grid-template-columns:1fr 500px;gap:20px;height:100vh;padding:20px;background:linear-gradient(150deg,#2a2340,#1e2a4a,#2a3a5c 60%,#3a2a4a);overflow:hidden;transition:grid-template-columns .3s ease;position:relative;z-index:1}.game-with-log-layout[data-v-726a2b8e]:has(.collapsed){grid-template-columns:1fr 60px}.game-main-area[data-v-726a2b8e]{overflow-y:auto;overflow-x:hidden;border-radius:16px;min-width:0}.game-log-area[data-v-726a2b8e]{height:100%;overflow:hidden;position:relative;z-index:50}.game-main-area[data-v-726a2b8e]::-webkit-scrollbar{width:10px}.game-main-area[data-v-726a2b8e]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.game-main-area[data-v-726a2b8e]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:5px}.game-main-area[data-v-726a2b8e]::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb)}@media(max-width:1400px){.game-with-log-layout[data-v-726a2b8e]{grid-template-columns:1fr 400px}.game-with-log-layout[data-v-726a2b8e]:has(.collapsed){grid-template-columns:1fr 60px}}@media(max-width:1024px){.game-with-log-layout[data-v-726a2b8e]{grid-template-columns:1fr;grid-template-rows:1fr 300px}.game-with-log-layout[data-v-726a2b8e]:has(.collapsed){grid-template-rows:1fr 60px}}@media(max-width:768px){.game-with-log-layout[data-v-726a2b8e]{padding:10px;gap:10px;grid-template-rows:1fr 250px}.game-with-log-layout[data-v-726a2b8e]:has(.collapsed){grid-template-rows:1fr 60px}}.skill-failure-modal[data-v-726a2b8e]{position:fixed;inset:0;background:#1e293b59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-726a2b8e .2s ease-out}.skill-failure-content[data-v-726a2b8e]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border-radius:20px;padding:0;width:90%;max-width:500px;box-shadow:0 20px 60px #64749126;animation:slideUp-726a2b8e .3s ease-out;border:2px solid rgba(239,68,68,.3);overflow:hidden}.skill-failure-header[data-v-726a2b8e]{background:linear-gradient(135deg,#ef4444,#dc2626);padding:24px;display:flex;align-items:center;gap:16px;border-bottom:2px solid rgba(239,68,68,.15)}.skill-failure-icon[data-v-726a2b8e]{font-size:48px;line-height:1;animation:shake-726a2b8e .5s ease-in-out}.skill-failure-title[data-v-726a2b8e]{margin:0;font-size:28px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.skill-failure-body[data-v-726a2b8e]{padding:32px;background:#ffffff0a}.skill-failure-skill[data-v-726a2b8e],.skill-failure-reason[data-v-726a2b8e]{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.skill-failure-skill[data-v-726a2b8e]:last-child,.skill-failure-reason[data-v-726a2b8e]:last-child{margin-bottom:0}.skill-failure-skill .label[data-v-726a2b8e],.skill-failure-reason .label[data-v-726a2b8e]{font-size:14px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.skill-failure-skill .value[data-v-726a2b8e]{font-size:24px;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.skill-failure-reason .value[data-v-726a2b8e]{font-size:18px;font-weight:600;color:#fca5a5;line-height:1.6;padding:16px;background:#ef44441a;border-left:4px solid #ef4444;border-radius:8px}.skill-failure-footer[data-v-726a2b8e]{padding:24px 32px;display:flex;justify-content:center;background:#ffffff0a}.skill-failure-btn[data-v-726a2b8e]{padding:14px 48px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d;text-transform:uppercase;letter-spacing:1px}.skill-failure-btn[data-v-726a2b8e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.skill-failure-btn[data-v-726a2b8e]:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}@keyframes shake-726a2b8e{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes slideUp-726a2b8e{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-center-modal[data-v-726a2b8e]{position:fixed;inset:0;background:#1e293b59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn-726a2b8e .2s ease-out}.new-center-content[data-v-726a2b8e]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border-radius:20px;padding:32px;width:90%;max-width:600px;box-shadow:0 20px 60px #64749126;animation:slideUp-726a2b8e .3s ease-out;border:2px solid rgba(234,179,8,.4)}.new-center-header[data-v-726a2b8e]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.new-center-icon[data-v-726a2b8e]{font-size:36px}.new-center-title[data-v-726a2b8e]{margin:0;font-size:24px;color:#fbbf24;font-weight:700}.new-center-reason[data-v-726a2b8e]{color:#ffffff73;margin-bottom:24px;font-size:14px;line-height:1.6}.new-center-cities[data-v-726a2b8e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:24px;max-height:300px;overflow-y:auto}.new-center-city-card[data-v-726a2b8e]{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s;text-align:center;color:#ffffffd9}.new-center-city-card[data-v-726a2b8e]:hover{border-color:#eab30880;background:#eab3081a}.new-center-city-card.selected[data-v-726a2b8e]{border-color:#fbbf24;background:#eab30833;box-shadow:0 0 12px #eab3084d}.new-center-city-hp[data-v-726a2b8e]{margin-top:8px;font-size:13px;color:#94a3b8}.new-center-confirm-btn[data-v-726a2b8e]{width:100%;padding:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.new-center-confirm-btn[data-v-726a2b8e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.new-center-confirm-btn[data-v-726a2b8e]:disabled{opacity:.5;cursor:not-allowed}.intercept-waiting-overlay[data-v-726a2b8e]{position:fixed;inset:0;background:#0f172ad9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-726a2b8e .3s ease-out}@keyframes fadeIn-726a2b8e{0%{opacity:0}to{opacity:1}}.intercept-waiting-content[data-v-726a2b8e]{text-align:center;padding:40px;background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid rgba(139,92,246,.4);border-radius:16px;max-width:400px;width:90%;box-shadow:0 20px 60px #8b5cf64d}.intercept-waiting-content .waiting-icon[data-v-726a2b8e]{font-size:48px;margin-bottom:16px;animation:pulse-726a2b8e 2s infinite}@keyframes pulse-726a2b8e{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.intercept-waiting-content h3[data-v-726a2b8e]{color:#c4b5fd;font-size:20px;margin:0 0 12px}.intercept-waiting-content .waiting-hint[data-v-726a2b8e]{color:#94a3b8;font-size:14px;margin:0 0 20px}.waiting-progress-bar[data-v-726a2b8e]{height:6px;background:#8b5cf633;border-radius:3px;overflow:hidden}.waiting-progress-fill[data-v-726a2b8e]{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width 1s linear}.modal-backdrop[data-v-305b7d91]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-305b7d91]{background:linear-gradient(135deg,#fff,#f5f7fc);margin:20px;max-width:800px;width:100%;border-radius:16px;box-shadow:0 20px 60px #6474912e;max-height:90vh;display:flex;flex-direction:column;border:2px solid rgba(59,130,246,.3)}.modal-header[data-v-305b7d91]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(209,217,230,.7)}.modal-header h2[data-v-305b7d91]{margin:0;font-size:24px;color:#1e293b}.close-btn[data-v-305b7d91]{background:#3b82f614;border:1px solid rgba(209,217,230,.7);color:#334155;padding:8px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.close-btn[data-v-305b7d91]:hover{background:#3b82f61f}.modal-body[data-v-305b7d91]{padding:24px;overflow-y:auto;flex:1}.tab-nav[data-v-305b7d91]{display:flex;gap:8px;margin-bottom:24px;background:#3b82f60f;border-radius:12px;padding:6px}.tab-btn[data-v-305b7d91]{flex:1;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#64748b;background:transparent;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn[data-v-305b7d91]:hover{color:#334155;background:#3b82f614}.tab-btn.active[data-v-305b7d91]{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.tab-icon[data-v-305b7d91]{font-size:16px}.section-title[data-v-305b7d91]{font-size:18px;font-weight:700;color:#60a5fa;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid rgba(59,130,246,.2)}.rule-list[data-v-305b7d91]{display:flex;flex-direction:column;gap:10px}.rule-item[data-v-305b7d91]{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;background:#3b82f60a;border-radius:10px;border:1px solid rgba(209,217,230,.5)}.rule-num[data-v-305b7d91]{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.special-num[data-v-305b7d91]{background:linear-gradient(135deg,#f59e0b,#d97706);width:auto;padding:0 6px;font-size:14px}.rule-text[data-v-305b7d91]{color:#64748b;font-size:14px;line-height:1.6}.info-box[data-v-305b7d91]{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;padding:14px 18px;color:#3b82f6;font-size:14px;line-height:1.6}.skill-item[data-v-305b7d91]{padding:12px 16px;background:#3b82f60a;border-radius:10px;border:1px solid rgba(209,217,230,.5)}.skill-header-row[data-v-305b7d91]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.skill-name-tag[data-v-305b7d91]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:700}.skill-cost-tag[data-v-305b7d91]{background:#f59e0b33;color:#d97706;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.skill-desc[data-v-305b7d91]{color:#64748b;font-size:13px;line-height:1.6}@media(max-width:640px){.modal-content[data-v-305b7d91]{margin:10px;max-height:95vh}.modal-header[data-v-305b7d91],.modal-body[data-v-305b7d91]{padding:16px}.tab-btn[data-v-305b7d91]{padding:8px 10px;font-size:12px}.tab-icon[data-v-305b7d91]{display:none}}.modal-backdrop[data-v-89282a32]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto}.modal-content[data-v-89282a32]{background:#fff;margin:20px;max-width:900px;width:100%;border-radius:8px;box-shadow:0 4px 6px #6474911f;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-89282a32]{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0}.modal-header h2[data-v-89282a32]{margin:0;color:#fff;font-size:24px}.close-btn[data-v-89282a32]{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.close-btn[data-v-89282a32]:hover{background:#ffffff4d}.modal-body[data-v-89282a32]{padding:20px;overflow-y:auto;flex:1}.section-title[data-v-89282a32]{border-bottom:2px solid;padding-bottom:8px;margin-top:0;margin-bottom:16px;font-size:20px}.battle-title[data-v-89282a32]{color:#d32f2f;border-color:#d32f2f}.non-battle-title[data-v-89282a32]{color:#1976d2;border-color:#1976d2;margin-top:30px}.skills-section[data-v-89282a32]{margin-bottom:30px}.skill-card[data-v-89282a32]{margin-bottom:12px;padding:12px;border-left:4px solid;border-radius:4px;transition:transform .2s,box-shadow .2s}.skill-card[data-v-89282a32]:hover{transform:translate(4px);box-shadow:0 2px 8px #6474911f}.battle-skill[data-v-89282a32]{background:#fff3e0;border-color:#ff9800}.non-battle-skill[data-v-89282a32]{background:#e3f2fd;border-color:#2196f3}.skill-header[data-v-89282a32]{font-weight:700;margin-bottom:4px}.battle-skill .skill-header[data-v-89282a32]{color:#e65100}.non-battle-skill .skill-header[data-v-89282a32]{color:#0d47a1}.skill-description[data-v-89282a32]{color:#424242;line-height:1.6}.modal-backdrop[data-v-aa4ce7e1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto}.modal-content[data-v-aa4ce7e1]{background:#fff;margin:20px;max-width:900px;width:100%;border-radius:8px;box-shadow:0 4px 6px #6474911f;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-aa4ce7e1]{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px 8px 0 0}.modal-header h2[data-v-aa4ce7e1]{margin:0;color:#fff;font-size:24px}.close-btn[data-v-aa4ce7e1]{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.close-btn[data-v-aa4ce7e1]:hover{background:#ffffff4d}.modal-body[data-v-aa4ce7e1]{padding:20px;overflow-y:auto;flex:1}.quiz-start-section[data-v-aa4ce7e1]{text-align:center;margin-bottom:30px;padding:20px;background:#f5f5f5;border-radius:8px}.quiz-start-btn[data-v-aa4ce7e1]{background:#4caf50;color:#fff;border:none;padding:15px 40px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;box-shadow:0 2px 4px #64749126;transition:all .3s}.quiz-start-btn[data-v-aa4ce7e1]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #6474912e}.quiz-hint[data-v-aa4ce7e1]{margin-top:10px;color:#666;font-size:14px}.city-title[data-v-aa4ce7e1]{color:#1976d2;border-bottom:2px solid #1976d2;padding-bottom:8px;margin-top:30px;margin-bottom:16px}.questions-section[data-v-aa4ce7e1]{margin-bottom:20px}.question-card[data-v-aa4ce7e1]{margin-bottom:16px;padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px}.question-header[data-v-aa4ce7e1]{font-weight:700;color:#0d47a1;margin-bottom:8px}.question-options[data-v-aa4ce7e1]{color:#424242;line-height:1.8;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.question-answer[data-v-aa4ce7e1]{color:#d32f2f;font-weight:700;margin-top:8px}.quiz-modal[data-v-aa4ce7e1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:10000;display:flex;align-items:center;justify-content:center}.quiz-content[data-v-aa4ce7e1]{background:#fff;margin:20px;max-width:800px;width:100%;border-radius:8px;padding:30px;max-height:90vh;overflow-y:auto}.quiz-header[data-v-aa4ce7e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.quiz-progress[data-v-aa4ce7e1]{font-size:18px;font-weight:700;color:#333}.quiz-timer[data-v-aa4ce7e1]{font-size:20px;font-weight:700;color:#4caf50}.timer-warning[data-v-aa4ce7e1]{color:#f44336;animation:pulse-aa4ce7e1 1s infinite}@keyframes pulse-aa4ce7e1{0%,to{opacity:1}50%{opacity:.6}}.quiz-question[data-v-aa4ce7e1]{margin-bottom:20px}.question-text[data-v-aa4ce7e1]{font-size:20px;font-weight:700;color:#333;margin-bottom:20px;line-height:1.6}.quiz-options[data-v-aa4ce7e1]{display:grid;gap:12px}.quiz-option-btn[data-v-aa4ce7e1]{background:#f5f5f5;border:2px solid #e2e8f0;padding:15px 20px;border-radius:8px;cursor:pointer;font-size:16px;text-align:left;transition:all .3s}.quiz-option-btn[data-v-aa4ce7e1]:hover{background:#e3f2fd;border-color:#2196f3;transform:translate(4px)}.quiz-result[data-v-aa4ce7e1]{text-align:center}.result-title[data-v-aa4ce7e1]{color:#4caf50;font-size:32px;margin-bottom:20px}.result-score[data-v-aa4ce7e1]{font-size:48px;font-weight:700;color:#333;margin-bottom:20px}.result-details[data-v-aa4ce7e1]{display:flex;justify-content:center;gap:30px;margin-bottom:30px;font-size:18px}.result-review[data-v-aa4ce7e1]{text-align:left;margin-top:30px}.result-review h3[data-v-aa4ce7e1]{color:#333;border-bottom:2px solid #e2e8f0;padding-bottom:10px;margin-bottom:15px}.review-item[data-v-aa4ce7e1]{padding:12px;margin-bottom:10px;border-radius:6px;border-left:4px solid}.review-correct[data-v-aa4ce7e1]{background:#e8f5e9;border-color:#4caf50}.review-wrong[data-v-aa4ce7e1]{background:#ffebee;border-color:#f44336}.review-timeout[data-v-aa4ce7e1]{background:#fff3e0;border-color:#ff9800}.review-question[data-v-aa4ce7e1]{font-weight:700;margin-bottom:10px;color:#333}.review-options[data-v-aa4ce7e1]{margin:10px 0;display:flex;flex-direction:column;gap:8px}.review-option[data-v-aa4ce7e1]{padding:10px 14px;border-radius:6px;background:#f5f5f5;border:2px solid #e2e8f0;color:#333;font-size:15px}.review-option.correct-option[data-v-aa4ce7e1]{background:#4caf50;border-color:#2e7d32;color:#fff;font-weight:600;box-shadow:0 2px 4px #4caf504d}.review-option.user-option[data-v-aa4ce7e1]{background:#f44336;border-color:#c62828;color:#fff;font-weight:600;box-shadow:0 2px 4px #f443364d}.review-info[data-v-aa4ce7e1]{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-top:12px}.correct-answer-label[data-v-aa4ce7e1]{color:#1b5e20;font-weight:600;font-size:15px}.user-answer-label[data-v-aa4ce7e1]{color:#c62828;font-weight:600;font-size:15px}.timeout-text[data-v-aa4ce7e1]{color:#e65100;font-style:italic;font-weight:600;font-size:15px}.quiz-close-btn[data-v-aa4ce7e1]{margin-top:20px;background:#2196f3;color:#fff;border:none;padding:12px 40px;border-radius:6px;cursor:pointer;font-size:16px;transition:background .3s}.quiz-close-btn[data-v-aa4ce7e1]:hover{background:#1976d2}.quiz-buttons-row[data-v-aa4ce7e1]{display:flex;justify-content:center;gap:16px;margin-bottom:8px}.drill-start-btn[data-v-aa4ce7e1]{background:#7c4dff;color:#fff;border:none;padding:15px 40px;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;box-shadow:0 2px 4px #64749126;transition:all .3s}.drill-start-btn[data-v-aa4ce7e1]:hover{background:#651fff;transform:translateY(-2px);box-shadow:0 4px 8px #6474912e}.city-select-modal[data-v-aa4ce7e1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:10000;display:flex;align-items:center;justify-content:center}.city-select-content[data-v-aa4ce7e1]{background:#fff;margin:20px;max-width:500px;width:100%;border-radius:8px;padding:30px;text-align:center}.city-select-title[data-v-aa4ce7e1]{color:#7c4dff;margin-bottom:24px}.city-select-grid[data-v-aa4ce7e1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:24px}.city-select-btn[data-v-aa4ce7e1]{background:#f5f5f5;border:2px solid #e2e8f0;padding:14px 10px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.city-select-btn[data-v-aa4ce7e1]:hover{background:#ede7f6;border-color:#7c4dff;color:#7c4dff;transform:translateY(-2px)}.drill-modal[data-v-aa4ce7e1]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:10000;display:flex;align-items:center;justify-content:center}.drill-content[data-v-aa4ce7e1]{background:#fff;margin:20px;max-width:800px;width:100%;border-radius:8px;padding:30px;max-height:90vh;overflow-y:auto}.drill-header[data-v-aa4ce7e1]{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.drill-city-name[data-v-aa4ce7e1]{font-size:20px;font-weight:700;color:#7c4dff}.drill-progress[data-v-aa4ce7e1]{font-size:18px;font-weight:700;color:#333}.drill-difficulty-label[data-v-aa4ce7e1]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700;color:#fff;margin-right:8px}.difficulty-easy[data-v-aa4ce7e1]{background:#4caf50}.difficulty-medium[data-v-aa4ce7e1]{background:#ff9800}.difficulty-hard[data-v-aa4ce7e1]{background:#f44336}.drill-option-correct[data-v-aa4ce7e1]{background:#4caf50!important;border-color:#2e7d32!important;color:#fff!important}.drill-option-wrong[data-v-aa4ce7e1]{background:#f44336!important;border-color:#c62828!important;color:#fff!important}.drill-feedback[data-v-aa4ce7e1]{margin-top:20px;text-align:center}.drill-feedback-correct[data-v-aa4ce7e1]{font-size:20px;font-weight:700;color:#4caf50;margin-bottom:16px}.drill-feedback-wrong[data-v-aa4ce7e1]{font-size:20px;font-weight:700;color:#f44336;margin-bottom:16px}.drill-next-btn[data-v-aa4ce7e1]{background:#7c4dff;color:#fff;border:none;padding:12px 36px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;transition:background .3s}.drill-next-btn[data-v-aa4ce7e1]:hover{background:#651fff}.drill-summary[data-v-aa4ce7e1]{text-align:center}.drill-summary-title[data-v-aa4ce7e1]{color:#7c4dff;font-size:28px;margin-bottom:16px}.drill-summary-score[data-v-aa4ce7e1]{font-size:36px;font-weight:700;color:#333;margin-bottom:24px}.modal-backdrop[data-v-d6d71fba]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto}.modal-content[data-v-d6d71fba]{background:#fff;margin:20px;max-width:1200px;width:100%;border-radius:8px;box-shadow:0 4px 6px #6474911f;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-d6d71fba]{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:8px 8px 0 0}.modal-header h2[data-v-d6d71fba]{margin:0;color:#fff;font-size:24px}.close-btn[data-v-d6d71fba]{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.close-btn[data-v-d6d71fba]:hover{background:#ffffff4d}.modal-body[data-v-d6d71fba]{padding:20px;overflow-y:auto;flex:1}.search-section[data-v-d6d71fba]{margin-bottom:20px;position:sticky;top:0;background:#fff;padding:10px 0;z-index:10}.search-input[data-v-d6d71fba]{width:100%;padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:border-color .3s}.search-input[data-v-d6d71fba]:focus{outline:none;border-color:#ff6b6b}.province-title[data-v-d6d71fba]{color:#ff6b6b;border-bottom:2px solid #ff6b6b;padding-bottom:8px;margin-top:30px;margin-bottom:16px;font-size:20px}.cities-grid[data-v-d6d71fba]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}.city-info-card[data-v-d6d71fba]{background:#f9f9f9;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .3s}.city-info-card[data-v-d6d71fba]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #6474911f;border-color:#ff6b6b}.city-header[data-v-d6d71fba]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.city-name[data-v-d6d71fba]{font-size:18px;font-weight:700;color:#333}.city-badge[data-v-d6d71fba]{font-size:11px;padding:3px 8px;border-radius:4px;font-weight:700}.capital-badge[data-v-d6d71fba]{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.city-details[data-v-d6d71fba]{display:flex;flex-direction:column;gap:8px}.detail-row[data-v-d6d71fba]{display:flex;align-items:flex-start}.detail-label[data-v-d6d71fba]{color:#666;font-size:14px;min-width:80px}.detail-value[data-v-d6d71fba]{color:#333;font-size:14px;font-weight:500}.hp-value[data-v-d6d71fba]{color:#4caf50;font-weight:700}.skill-row[data-v-d6d71fba]{align-items:flex-start}.skill-name[data-v-d6d71fba]{color:#ff6b6b;font-weight:700;font-size:14px}.no-skill[data-v-d6d71fba]{color:#999;font-style:italic;font-size:14px}.skill-description[data-v-d6d71fba]{margin-top:8px;padding:8px;background:#ff6b6b1a;border-left:3px solid #ff6b6b;border-radius:4px;font-size:13px;color:#555;line-height:1.5}.skill-badges[data-v-d6d71fba]{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.skill-type-badge[data-v-d6d71fba]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.skill-category-badge[data-v-d6d71fba]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.skill-type--passive[data-v-d6d71fba]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.skill-type--active[data-v-d6d71fba]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.skill-type--toggle[data-v-d6d71fba]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.skill-category--battle[data-v-d6d71fba]{background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff}.skill-category--nonBattle[data-v-d6d71fba]{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.modal-backdrop[data-v-3fe96cef]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293b59;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto}.modal-content[data-v-3fe96cef]{background:#fff;margin:20px;max-width:600px;width:100%;border-radius:8px;box-shadow:0 4px 6px #6474911f;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-3fe96cef]{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px 8px 0 0}.modal-header h2[data-v-3fe96cef]{margin:0;color:#fff;font-size:24px}.close-btn[data-v-3fe96cef]{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}.close-btn[data-v-3fe96cef]:hover{background:#ffffff4d}.modal-body[data-v-3fe96cef]{padding:20px;overflow-y:auto;flex:1}.changelog-entry[data-v-3fe96cef]{margin-bottom:16px;padding:16px;border-left:4px solid #667eea;background:#f8f9ff;border-radius:4px;transition:transform .2s,box-shadow .2s}.changelog-entry[data-v-3fe96cef]:hover{transform:translate(4px);box-shadow:0 2px 8px #6474911f}.entry-header[data-v-3fe96cef]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.version-badge[data-v-3fe96cef]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 10px;border-radius:12px;font-size:14px;font-weight:700}.entry-date[data-v-3fe96cef]{color:#888;font-size:14px}.entry-desc[data-v-3fe96cef]{color:#424242;line-height:1.6;font-size:15px}.notification-container[data-v-ffb25638]{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none;display:flex;flex-direction:column;gap:10px}.notification[data-v-ffb25638]{background:var(--good);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 6px #64749126;font-size:14px;max-width:300px;text-align:center;transform:translate(100%);transition:transform .3s ease;pointer-events:auto;cursor:pointer}.notification--visible[data-v-ffb25638]{transform:translate(0)}.notification--success[data-v-ffb25638]{background:#4caf50}.notification--warning[data-v-ffb25638]{background:#ff9800}.notification--error[data-v-ffb25638]{background:#f44336}.notification--info[data-v-ffb25638]{background:#2196f3}.notification-enter-active[data-v-ffb25638],.notification-leave-active[data-v-ffb25638]{transition:all .3s ease}.notification-enter-from[data-v-ffb25638],.notification-leave-to[data-v-ffb25638]{opacity:0;transform:translate(100%)}.dialog-overlay[data-v-b309a824]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-b309a824 .2s ease-out}@keyframes fadeIn-b309a824{0%{opacity:0}to{opacity:1}}.dialog-panel[data-v-b309a824]{background:linear-gradient(135deg,#2a2340,#1e2a4a);border:2px solid rgba(212,160,23,.5);outline:2px solid rgba(212,160,23,.15);outline-offset:3px;border-radius:16px;padding:28px;max-width:440px;width:90%;box-shadow:0 30px 80px #0009,0 8px 32px #0006,inset 0 1px #ffffff0d;animation:slideIn-b309a824 .3s ease-out;position:relative}@keyframes slideIn-b309a824{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header[data-v-b309a824]{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(212,160,23,.35);position:relative}.dialog-header[data-v-b309a824]:before{content:"⚔";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:20px;opacity:.35;color:#d4a017}.dialog-icon[data-v-b309a824]{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.dialog-title[data-v-b309a824]{flex:1;font-size:22px;font-weight:800;color:#f0c850;margin:0;text-shadow:0 1px 4px rgba(212,160,23,.3)}.dialog-body[data-v-b309a824]{margin-bottom:24px;text-align:center}.dialog-message[data-v-b309a824]{font-size:16px;color:#ffffffbf;line-height:1.6;margin:0;white-space:pre-line}.dialog-actions[data-v-b309a824]{display:flex;gap:12px}.btn-confirm[data-v-b309a824],.btn-cancel[data-v-b309a824],.btn-ok[data-v-b309a824]{flex:1;padding:13px 20px;border:2px solid transparent;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;color:#fff}.btn-confirm[data-v-b309a824]{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#d4a01799;color:#fff;box-shadow:inset 0 1px #fff3,0 4px 14px #0006}.btn-confirm[data-v-b309a824]:hover{background:linear-gradient(135deg,#e6b422,#d4a017);transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 6px 24px #d4a01766}.btn-cancel[data-v-b309a824]{background:#ffffff14;border-color:#ffffff1f;color:#fff;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0000004d}.btn-cancel[data-v-b309a824]:hover{background:#ffffff24;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14,0 6px 18px #0006}.btn-ok[data-v-b309a824]{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#d4a01799;color:#fff;box-shadow:inset 0 1px #fff3,0 4px 14px #0006}.btn-ok[data-v-b309a824]:hover{background:linear-gradient(135deg,#e6b422,#d4a017);transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 6px 24px #d4a01766}:root{--bg: #1e2a4a;--bg-light: #253354;--bg-gradient: linear-gradient(150deg, #2a2340 0%, #1e2a4a 30%, #2a3a5c 60%, #3a2a4a 100%);--panel: rgba(255, 255, 255, .08);--panel-hover: rgba(255, 255, 255, .12);--panel-translucent: rgba(255, 255, 255, .06);--muted: rgba(255, 255, 255, .4);--text: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .55);--text-on-accent: #ffffff;--accent: #60a5fa;--accent-light: #93c5fd;--purple: #a78bfa;--purple-dim: rgba(139, 92, 246, .15);--teal: #2dd4bf;--teal-dim: rgba(20, 184, 166, .15);--orange: #fb923c;--orange-dim: rgba(249, 115, 22, .15);--pink: #f472b6;--pink-dim: rgba(236, 72, 153, .15);--good: #34d399;--bad: #f87171;--warn: #fbbf24;--error: #f87171;--border: rgba(255, 255, 255, .12);--border-accent: rgba(212, 160, 23, .35);--shadow-color: rgba(0, 0, 0, .3);--battle-gold: #d4a017;--battle-gold-light: #f0c850;--battle-gold-dim: rgba(212, 160, 23, .18);--battle-red: #f87171;--battle-red-dim: rgba(248, 113, 113, .15);--battle-blue: #60a5fa;--battle-blue-dim: rgba(96, 165, 250, .15);--shield-color: #60a5fa;--battle-border: rgba(255, 255, 255, .15);--battle-shadow: rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}header{padding:16px 20px;border-bottom:1px solid var(--border);background:#ffffffe0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{font-size:18px;margin:0}main{display:grid;grid-template-columns:520px 1fr;gap:12px;padding:12px}label{display:inline-block;margin:6px 0 4px;font-size:12px;color:var(--muted)}input[type=text],input[type=number],input[type=password],select,textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#ffffffe6;color:var(--text);outline:none;transition:border-color .2s}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f626}select option{color:var(--text);background:#fff}textarea{min-height:80px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scroll{max-height:280px;overflow:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:100%}.scroll::-webkit-scrollbar{height:10px}.scroll::-webkit-scrollbar-track{background:#d1d9e666}.scroll::-webkit-scrollbar-thumb{background:#b0bdd0;border-radius:6px}.scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel{background:var(--panel);border:1px solid var(--border);border-top:3px solid var(--battle-gold);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px var(--battle-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel h2{margin:0;padding:12px 14px;font-size:14px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);background:#d4a01714}.panel .content{padding:12px}.btn{padding:8px 12px;border:1px solid var(--border);background:#ffffff14;color:var(--text);border-radius:8px;cursor:pointer;transition:all .25s;box-shadow:inset 0 1px #ffffff0f;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{border-color:var(--battle-gold);color:var(--text);background:var(--battle-gold-dim);box-shadow:inset 0 1px #ffffff0f,0 2px 8px #d4a01733;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#d4a017,#b8860b);border-color:#b8860b;color:#fff;box-shadow:inset 0 1px #fff3,0 2px 6px #d4a0174d}.btn-primary:hover{background:linear-gradient(135deg,#e6b422,#d4a017);box-shadow:inset 0 1px #fff3,0 4px 16px #d4a01766}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.stack{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:8px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section{border:1px dashed var(--battle-border);border-radius:10px;padding:8px;margin:8px 0}.table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.city-table{min-width:700px}.table th,.table td{border-bottom:1px solid var(--border);padding:6px 8px;text-align:left;white-space:normal;vertical-align:top;color:var(--text)}.table th{color:var(--text-secondary);font-weight:600;position:static;background:#d4a01714}.table td input{width:100%;pointer-events:auto;position:relative;z-index:2;background:#ffffff14;border:1px solid var(--border);color:var(--text);border-radius:4px;padding:4px 6px}.badge{display:inline-block;padding:2px 6px;border-radius:999px;font-size:11px;font-weight:600;background:var(--battle-gold-dim);color:var(--battle-gold-light);border:1px solid rgba(212,160,23,.35)}.team-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;border:2px solid}.team-red{color:var(--battle-red);background:var(--battle-red-dim);border-color:#f8717166}.team-blue{color:var(--battle-blue);background:var(--battle-blue-dim);border-color:#60a5fa66}.muted{color:var(--muted);font-size:12px}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.log{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:var(--text)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:linear-gradient(135deg,#2a2340,#1e2a4a);border:2px solid var(--battle-gold);border-radius:12px;padding:12px;min-width:420px;max-width:90vw;box-shadow:0 10px 50px var(--battle-shadow),0 0 0 1px #d4a01726;color:var(--text)}.modal h3{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--text)}.modal .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.exit-btn{position:absolute;top:20px;right:20px;padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #b91c1c;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;z-index:100;box-shadow:inset 0 1px #fff3}.exit-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:inset 0 1px #fff3,0 4px 12px #ef44444d}.city-card{background:var(--panel);border:2px solid var(--border);border-radius:8px;padding:12px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;align-items:center;box-shadow:0 2px 6px var(--battle-shadow);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.city-card.selected{border-color:var(--battle-gold);background:var(--battle-gold-dim)}.room-id-display{background:#ffffff0f;border:2px solid var(--battle-gold);border-radius:10px;padding:20px;text-align:center;margin:20px 0;box-shadow:0 4px 16px var(--battle-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.room-id-display h3{margin:0 0 10px;color:var(--muted)}.room-id-number{font-size:32px;font-weight:700;color:var(--battle-gold-light);letter-spacing:4px;font-family:monospace;text-shadow:0 0 20px rgba(212,160,23,.4)}.copy-btn{padding:8px 16px;background:linear-gradient(135deg,var(--battle-gold) 0%,#b8860b 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin-top:10px;transition:all .2s}.copy-btn:hover{background:linear-gradient(135deg,#e6b422,#d4a017);box-shadow:0 4px 12px #d4a01759}.copy-btn.copied{background:linear-gradient(135deg,var(--good) 0%,#059669 100%)}.firebase-status{padding:10px;border-radius:6px;margin:10px 0;text-align:center}.firebase-status.connected{background:#34d3991a;border:1px solid var(--good);color:var(--good)}.firebase-status.disconnected{background:#f871711a;border:1px solid var(--bad);color:var(--bad)}