*,*:before,*:after{box-sizing:border-box}:root{--color-bg-primary: #0f0c29;--color-bg-secondary: #302b63;--color-bg-tertiary: #24243e;--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-accent-primary: #667eea;--color-accent-secondary: #764ba2;--color-red: #FF6B6B;--color-blue: #22D3EE;--color-green: #34D399;--color-yellow: #FBBF24;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(102, 126, 234, .3)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-family);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 100%);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}p{line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-fast)}button:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:var(--color-accent-primary);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .4s ease}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.no-select{user-select:none;-webkit-user-select:none}.setup-overlay[data-v-45c73505]{position:fixed;inset:0;background:linear-gradient(180deg,#0f0a1e,#1a0a2e,#0d0620);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.board-bg[data-v-45c73505]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.08;pointer-events:none}.board-grid[data-v-45c73505]{display:grid;grid-template-columns:repeat(8,1fr);width:min(90vw,90vh);height:min(90vw,90vh);transform:perspective(800px) rotateX(15deg) rotate(-5deg);border:4px solid rgba(255,255,255,.3)}.board-cell[data-v-45c73505]{aspect-ratio:1;background:#ffffff1a}.board-cell.dark[data-v-45c73505]{background:#8b5cf666}.bg-shapes[data-v-45c73505]{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shape[data-v-45c73505]{position:absolute;opacity:.6}.shape.triangle[data-v-45c73505]{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:52px solid}.shape.triangle.s1[data-v-45c73505]{border-bottom-color:#f472b6;top:15%;left:10%;animation:float1-45c73505 18s ease-in-out infinite,spin-45c73505 25s linear infinite}.shape.triangle.s2[data-v-45c73505]{border-bottom-color:#818cf8;top:70%;right:15%;animation:float2-45c73505 22s ease-in-out infinite,spinReverse-45c73505 30s linear infinite;transform:scale(.7)}.shape.circle[data-v-45c73505]{border-radius:50%;border:4px solid}.shape.circle.s3[data-v-45c73505]{width:80px;height:80px;border-color:#34d399;top:25%;right:10%;animation:float3-45c73505 20s ease-in-out infinite}.shape.circle.s4[data-v-45c73505]{width:50px;height:50px;border-color:#fbbf24;bottom:20%;left:8%;animation:float4-45c73505 16s ease-in-out infinite}.shape.square[data-v-45c73505]{border:4px solid}.shape.square.s5[data-v-45c73505]{width:60px;height:60px;border-color:#f87171;top:60%;left:5%;animation:float1-45c73505 24s ease-in-out infinite,spin-45c73505 35s linear infinite}.shape.square.s6[data-v-45c73505]{width:40px;height:40px;border-color:#a78bfa;top:10%;right:25%;animation:float2-45c73505 19s ease-in-out infinite,spinReverse-45c73505 28s linear infinite}.shape.diamond[data-v-45c73505]{width:50px;height:50px;border:4px solid;transform:rotate(45deg)}.shape.diamond.s7[data-v-45c73505]{border-color:#22d3ee;top:40%;left:15%;animation:float3-45c73505 21s ease-in-out infinite}.shape.diamond.s8[data-v-45c73505]{border-color:#fb923c;width:35px;height:35px;bottom:30%;right:8%;animation:float4-45c73505 17s ease-in-out infinite}.shape.ring[data-v-45c73505]{border-radius:50%;border:3px solid;box-shadow:inset 0 0 0 8px transparent,inset 0 0 0 12px}.shape.ring.s9[data-v-45c73505]{width:70px;height:70px;border-color:#e879f9;box-shadow:inset 0 0 0 8px transparent,inset 0 0 0 11px #e879f9;top:75%;left:25%;animation:float1-45c73505 23s ease-in-out infinite,spin-45c73505 40s linear infinite}.shape.ring.s10[data-v-45c73505]{width:45px;height:45px;border-color:#2dd4bf;box-shadow:inset 0 0 0 6px transparent,inset 0 0 0 9px #2dd4bf;top:8%;left:35%;animation:float2-45c73505 18s ease-in-out infinite}.shape.cross[data-v-45c73505]{width:40px;height:40px;position:relative}.shape.cross[data-v-45c73505]:before,.shape.cross[data-v-45c73505]:after{content:"";position:absolute;background:currentColor}.shape.cross[data-v-45c73505]:before{width:100%;height:8px;top:50%;transform:translateY(-50%)}.shape.cross[data-v-45c73505]:after{width:8px;height:100%;left:50%;transform:translate(-50%)}.shape.cross.s11[data-v-45c73505]{color:#4ade80;top:35%;right:20%;animation:float3-45c73505 15s ease-in-out infinite,spin-45c73505 20s linear infinite}.shape.cross.s12[data-v-45c73505]{color:#f472b6;width:25px;height:25px;bottom:15%;left:40%;animation:float4-45c73505 20s ease-in-out infinite,spinReverse-45c73505 25s linear infinite}@keyframes float1-45c73505{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(5deg)}50%{transform:translate(-20px,-60px) rotate(-5deg)}75%{transform:translate(-40px,-20px) rotate(3deg)}}@keyframes float2-45c73505{0%,to{transform:translate(0)}25%{transform:translate(-40px,30px)}50%{transform:translate(30px,50px)}75%{transform:translate(50px,-20px)}}@keyframes float3-45c73505{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}}@keyframes float4-45c73505{0%,to{transform:translate(0)}50%{transform:translate(-50px,-40px)}}@keyframes spin-45c73505{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse-45c73505{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.perspective-grid[data-v-45c73505]{position:absolute;bottom:0;left:-50%;right:-50%;height:40%;background:linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(139,92,246,.15) 1px,transparent 1px);background-size:60px 40px;transform:perspective(500px) rotateX(60deg);transform-origin:bottom center;mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);animation:gridScroll-45c73505 8s linear infinite}@keyframes gridScroll-45c73505{0%{background-position:0 0}to{background-position:0 40px}}.setup-container[data-v-45c73505]{max-width:600px;width:90%;padding:40px;position:relative;z-index:1}.setup-phase[data-v-45c73505]{animation:fadeIn-45c73505 .4s ease}.logo-container[data-v-45c73505]{text-align:center;margin-bottom:48px;position:relative}.logo-glow[data-v-45c73505]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:150px;background:radial-gradient(ellipse,rgba(236,72,153,.3),rgba(139,92,246,.2) 40%,transparent 70%);filter:blur(40px);animation:logoGlow-45c73505 4s ease-in-out infinite alternate}@keyframes logoGlow-45c73505{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.logo-img[data-v-45c73505]{height:120px;width:auto;filter:drop-shadow(0 0 40px rgba(139,92,246,.6)) drop-shadow(0 0 80px rgba(236,72,153,.4));animation:logoFloat-45c73505 3s ease-in-out infinite}@keyframes logoFloat-45c73505{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline[data-v-45c73505]{font-size:16px;letter-spacing:8px;color:#fff9;margin-top:24px;font-weight:700;text-transform:uppercase}.feature-strip[data-v-45c73505]{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:48px;padding:16px 32px;background:linear-gradient(135deg,#8b5cf626,#ec489914);border:1px solid rgba(139,92,246,.25);border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature[data-v-45c73505]{display:flex;align-items:center;gap:10px}.feature-icon[data-v-45c73505]{font-size:20px}.feature-text[data-v-45c73505]{font-size:13px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px}.feature-divider[data-v-45c73505]{width:6px;height:6px;background:linear-gradient(135deg,#c084fc,#f472b6);border-radius:50%;opacity:.7}.player-setup[data-v-45c73505]{text-align:center}.player-setup h2[data-v-45c73505]{font-size:28px;font-weight:800;color:#fff;margin:0 0 16px;text-transform:uppercase;letter-spacing:3px}.instruction[data-v-45c73505]{color:#fffc;font-size:15px;margin:0}.sub-instruction[data-v-45c73505]{color:#ffffff80;font-size:13px;margin:8px 0 32px}.color-selection[data-v-45c73505]{display:flex;gap:24px;justify-content:center;margin-bottom:32px}.color-option[data-v-45c73505]{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 32px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:140px}.color-option[data-v-45c73505]:hover{background:#ffffff0f;transform:translateY(-4px)}.color-option.selected[data-v-45c73505]{transform:translateY(-4px)}.color-option.red.selected[data-v-45c73505]{border-color:#ff6b6b;background:#ff6b6b1a;box-shadow:0 0 30px #ff6b6b33}.color-option.blue.selected[data-v-45c73505]{border-color:#22d3ee;background:#22d3ee1a;box-shadow:0 0 30px #22d3ee33}.color-option.green.selected[data-v-45c73505]{border-color:#34d399;background:#34d3991a;box-shadow:0 0 30px #34d39933}.color-option.yellow.selected[data-v-45c73505]{border-color:#fbbf24;background:#fbbf241a;box-shadow:0 0 30px #fbbf2433}.color-circle[data-v-45c73505]{width:56px;height:56px;border-radius:50%;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #fff3}.color-circle.red[data-v-45c73505]{background:linear-gradient(135deg,#ff8a8a,#ff6b6b,#e55555);box-shadow:0 4px 20px #ff6b6b66}.color-circle.blue[data-v-45c73505]{background:linear-gradient(135deg,#67e8f9,#22d3ee,#06b6d4);box-shadow:0 4px 20px #22d3ee66}.color-circle.green[data-v-45c73505]{background:linear-gradient(135deg,#6ee7b7,#34d399,#10b981);box-shadow:0 4px 20px #34d39966}.color-circle.yellow[data-v-45c73505]{background:linear-gradient(135deg,#fcd34d,#fbbf24,#f59e0b);box-shadow:0 4px 20px #fbbf2466}.color-label[data-v-45c73505]{font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.movement-label[data-v-45c73505]{font-size:11px;color:#ffffffb3;background:#ffffff1a;padding:6px 14px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.confirm[data-v-45c73505]{text-align:center}.confirm-icon[data-v-45c73505]{width:80px;height:80px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 24px;animation:scaleIn-45c73505 .3s ease;box-shadow:0 0 30px #a78bfa66}.confirm h2[data-v-45c73505]{color:#fff;margin:0 0 12px;font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:2px}.confirm p[data-v-45c73505]{color:#fff9;margin:0 0 32px;font-size:15px}.ready[data-v-45c73505]{text-align:center}.ready-icon[data-v-45c73505]{font-size:72px;margin-bottom:24px;animation:readyPulse-45c73505 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,200,0,.5))}@keyframes readyPulse-45c73505{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.ready h2[data-v-45c73505]{color:#fff;margin:0 0 12px;font-size:32px;font-weight:800;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(180deg,#fff,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ready>p[data-v-45c73505]{color:#fff9;margin:0 0 32px;font-size:15px}.tips[data-v-45c73505]{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px 20px;margin-bottom:32px}.tip[data-v-45c73505]{display:flex;align-items:center;gap:12px;padding:10px 0;color:#ffffffb3;font-size:13px}.tip-icon[data-v-45c73505]{font-size:20px}.button-group[data-v-45c73505]{display:flex;gap:16px;justify-content:center;margin-bottom:32px}.btn[data-v-45c73505]{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.btn.primary[data-v-45c73505]{background:linear-gradient(135deg,#7c3aed,#a855f7,#7c3aed);background-size:200% 200%;color:#fff;padding:18px 48px;font-size:18px;border:2px solid rgba(168,85,247,.5);box-shadow:0 0 20px #8b5cf64d,inset 0 1px #fff3;animation:gradientShift-45c73505 3s ease-in-out infinite}@keyframes gradientShift-45c73505{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn.primary[data-v-45c73505]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 30px #8b5cf680,0 10px 40px #8b5cf64d,inset 0 1px #fff3}.btn.primary .btn-shine[data-v-45c73505]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine-45c73505 3s ease-in-out infinite}@keyframes shine-45c73505{0%{left:-100%}50%,to{left:100%}}.btn.secondary[data-v-45c73505]{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15)}.btn.secondary[data-v-45c73505]:hover{background:#ffffff1a;border-color:#ffffff40}.btn.large[data-v-45c73505]{padding:18px 48px;font-size:18px}.quick-play[data-v-45c73505]{text-align:center;margin-bottom:24px}.quick-buttons[data-v-45c73505]{display:flex;gap:16px;justify-content:center}.btn.secondary[data-v-45c73505]{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:#ffffffe6;padding:14px 24px;font-size:15px;display:flex;align-items:center;gap:10px;border-radius:12px}.btn.secondary[data-v-45c73505]:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.btn-icon[data-v-45c73505]{font-size:20px}.multiplayer-section[data-v-45c73505]{text-align:center;margin-top:32px}.btn-link[data-v-45c73505]{background:none;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 16px;transition:all .2s ease;text-decoration:underline;text-underline-offset:4px}.btn-link[data-v-45c73505]:hover{color:#fffc}@keyframes fadeIn-45c73505{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-45c73505{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse-45c73505{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mode-select[data-v-45c73505]{text-align:center}.mode-select h2[data-v-45c73505]{font-size:28px;font-weight:800;color:#fff;margin:0 0 16px;text-transform:uppercase;letter-spacing:3px}.mode-selection[data-v-45c73505]{display:flex;gap:24px;justify-content:center;margin:32px 0}.mode-option[data-v-45c73505]{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 32px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px;text-align:center}.mode-option[data-v-45c73505]:hover{background:#ffffff0f;transform:translateY(-4px)}.mode-option.selected[data-v-45c73505]{border-color:#a855f7;background:#a855f71a;transform:translateY(-4px);box-shadow:0 0 30px #a855f740}.mode-icon[data-v-45c73505]{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.mode-name[data-v-45c73505]{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px}.mode-desc[data-v-45c73505]{font-size:12px;color:#ffffff80;line-height:1.5;max-width:160px}.branding-footer[data-v-45c73505]{position:fixed;bottom:0;left:0;right:0;padding:20px 24px;text-align:center;font-size:16px;font-weight:500;color:#ffffff80;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 100%)}.branding-footer a[data-v-45c73505]{color:#c4b5fdcc;text-decoration:none;font-weight:600;transition:color .2s ease}.branding-footer a[data-v-45c73505]:hover{color:#c4b5fd;text-decoration:underline}.modal-backdrop[data-v-48a361e2]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in-48a361e2 .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container[data-v-48a361e2]{position:relative;width:640px;max-height:85vh;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;border:2px solid rgba(139,92,246,.3);box-shadow:0 0 60px #8b5cf633,0 25px 50px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:modal-appear-48a361e2 .3s ease}.close-btn[data-v-48a361e2]{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn[data-v-48a361e2]:hover{background:#ffffff1a;color:#fff}.close-btn svg[data-v-48a361e2]{width:16px;height:16px}.modal-header[data-v-48a361e2]{padding:24px 24px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.logo-img[data-v-48a361e2]{height:56px;width:auto;filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}.subtitle[data-v-48a361e2]{margin:6px 0 0;font-size:15px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:3px}.tabs[data-v-48a361e2]{display:flex;padding:0 16px;gap:4px;background:#0003;border-bottom:1px solid rgba(255,255,255,.08)}.tab[data-v-48a361e2]{flex:1;padding:14px 10px;background:none;border:none;color:#ffffff80;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;text-transform:uppercase;letter-spacing:1px}.tab[data-v-48a361e2]:hover{color:#fffc}.tab.active[data-v-48a361e2]{color:#fff}.tab.active[data-v-48a361e2]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#a855f7)}.tab-content[data-v-48a361e2]{flex:1;overflow-y:auto;padding:20px}.content-section[data-v-48a361e2]{display:flex;flex-direction:column;gap:12px}.section-intro[data-v-48a361e2]{font-size:15px;color:#ffffffa6;margin:0 0 12px;padding:14px 18px;background:#8b5cf61a;border-radius:10px;border-left:4px solid rgba(139,92,246,.5);line-height:1.5}.rule-card[data-v-48a361e2]{display:flex;gap:16px;padding:18px 20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.rule-card[data-v-48a361e2]:hover{background:#ffffff0d;border-color:#ffffff1a}.rule-icon[data-v-48a361e2]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.rule-content[data-v-48a361e2]{flex:1}.rule-content h3[data-v-48a361e2]{margin:0 0 8px;font-size:18px;font-weight:800;color:#fff}.rule-content p[data-v-48a361e2]{margin:0;font-size:15px;color:#ffffffbf;line-height:1.6}.rule-content strong[data-v-48a361e2]{color:#fff;font-weight:700}.rule-card.highlight-swift[data-v-48a361e2]{border-left:3px solid #60a5fa;background:#60a5fa0d}.rule-card.highlight-strider[data-v-48a361e2]{border-left:3px solid #fbbf24;background:#fbbf240d}.rule-card.highlight-power[data-v-48a361e2]{border-left:3px solid #ffd700;background:#ffd7000d}.rule-card.highlight-safe[data-v-48a361e2]{border-left:3px solid #00ffc8;background:#00ffc80d}.rule-card.highlight-warp[data-v-48a361e2]{border-left:3px solid #a855f7;background:#a855f70d}.rule-card.highlight-reclaim[data-v-48a361e2]{border-left:3px solid #ec4899;background:#ec48990d}.rule-card.highlight-gold[data-v-48a361e2]{border-left:3px solid #fbbf24;background:#fbbf240d}.rule-card.highlight-red[data-v-48a361e2]{border-left:3px solid #ef4444;background:#ef44440d}.rule-card.highlight-dice[data-v-48a361e2]{border-left:3px solid #f59e0b;background:#f59e0b0d}.tip-box[data-v-48a361e2]{margin-top:12px;padding:16px 20px;background:linear-gradient(135deg,#8b5cf626,#a855f71a);border-radius:10px;font-size:15px;color:#ffffffd9;border:2px solid rgba(139,92,246,.25);line-height:1.5}.tip-box strong[data-v-48a361e2]{color:#c4b5fd}.tab-content[data-v-48a361e2]::-webkit-scrollbar{width:6px}.tab-content[data-v-48a361e2]::-webkit-scrollbar-track{background:#ffffff05}.tab-content[data-v-48a361e2]::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.tab-content[data-v-48a361e2]::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@keyframes fade-in-48a361e2{0%{opacity:0}to{opacity:1}}@keyframes modal-appear-48a361e2{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-header[data-v-7b5426d9]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(180deg,#0f0a1efa,#1a0a2ef2);border-bottom:2px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left[data-v-7b5426d9],.header-right[data-v-7b5426d9]{flex:0 0 100px;display:flex}.header-left[data-v-7b5426d9]{justify-content:flex-start}.header-right[data-v-7b5426d9]{justify-content:flex-end}.header-center[data-v-7b5426d9]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.back-btn[data-v-7b5426d9]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.back-btn[data-v-7b5426d9]:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.back-btn svg[data-v-7b5426d9]{width:22px;height:22px}.logo[data-v-7b5426d9]{display:flex;flex-direction:column;align-items:center;gap:8px}.logo-img[data-v-7b5426d9]{height:48px;width:auto;filter:drop-shadow(0 0 20px rgba(139,92,246,.5))}.logo-meta[data-v-7b5426d9]{display:flex;align-items:center;gap:8px}.mode-badge[data-v-7b5426d9]{font-size:13px;padding:6px 12px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mode-badge.classic[data-v-7b5426d9]{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.mode-badge.dice[data-v-7b5426d9]{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.mode-badge.online[data-v-7b5426d9]{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3);display:flex;align-items:center;gap:4px}.online-dot[data-v-7b5426d9]{width:5px;height:5px;border-radius:50%;background:#22c55e}.online-dot.connecting[data-v-7b5426d9]{background:#eab308;animation:blink-7b5426d9 1s ease-in-out infinite}.online-dot.disconnected[data-v-7b5426d9]{background:#ef4444}.chain-alert[data-v-7b5426d9]{padding:4px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;font-weight:700;color:#fff;animation:chain-pulse-7b5426d9 .5s ease-in-out infinite alternate;text-transform:uppercase;font-size:9px;letter-spacing:.5px;margin-left:8px}.rules-btn[data-v-7b5426d9]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.rules-btn[data-v-7b5426d9]:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px)}.rules-btn svg[data-v-7b5426d9]{width:18px;height:18px}@keyframes chain-pulse-7b5426d9{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes blink-7b5426d9{0%,to{opacity:1}50%{opacity:.3}}.token[data-v-8d96cc82]{width:54px;height:54px;position:relative;cursor:default;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1}.token.owned[data-v-8d96cc82]{cursor:pointer}.token.owned[data-v-8d96cc82]:hover{transform:scale(1.08);z-index:10}.token.selected[data-v-8d96cc82]{transform:scale(1.12);z-index:20}.token.just-moved[data-v-8d96cc82]{animation:token-land-8d96cc82 .4s cubic-bezier(.34,1.56,.64,1)}.token.playable[data-v-8d96cc82]:not(.selected):hover{transform:scale(1.1) translateY(-2px)}.token-body[data-v-8d96cc82]{width:100%;height:100%;border-radius:50%;background:var(--token-gradient);box-shadow:0 4px 12px #0006,0 2px 4px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.token.selected .token-body[data-v-8d96cc82]{box-shadow:0 0 20px var(--token-glow),0 0 40px var(--token-glow),0 4px 12px #0006,inset 0 2px 4px #ffffff4d;border-color:#ffffff80}.token-shine[data-v-8d96cc82]{position:absolute;top:8%;left:15%;width:40%;height:25%;background:linear-gradient(180deg,#fff9,#ffffff1a);border-radius:50%;filter:blur(2px)}.movement-indicator[data-v-8d96cc82]{font-size:22px;font-weight:900;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 12px rgba(255,255,255,.4);z-index:1}.movement-indicator.swift[data-v-8d96cc82]{color:#fff}.movement-indicator.strider[data-v-8d96cc82]{color:#fef08a}.movement-indicator.hidden[data-v-8d96cc82]{color:#96969699;text-shadow:none}.movement-indicator.powered[data-v-8d96cc82]{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 12px rgba(255,215,0,.8),0 0 20px rgba(255,200,0,.5);animation:powered-pulse-8d96cc82 1.5s ease-in-out infinite}@keyframes powered-pulse-8d96cc82{0%,to{text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 12px rgba(255,215,0,.8),0 0 20px rgba(255,200,0,.5)}50%{text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 16px rgba(255,215,0,1),0 0 28px rgba(255,200,0,.7)}}.selection-ring[data-v-8d96cc82]{position:absolute;inset:-6px;border:3px solid var(--token-primary);border-radius:50%;animation:selection-pulse-8d96cc82 1s ease-in-out infinite;box-shadow:0 0 15px var(--token-glow)}.playable-indicator[data-v-8d96cc82]{position:absolute;inset:-4px;border:2px dashed rgba(255,255,255,.4);border-radius:50%;animation:playable-rotate-8d96cc82 8s linear infinite}@keyframes selection-pulse-8d96cc82{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes playable-rotate-8d96cc82{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes token-land-8d96cc82{0%{transform:scale(.5) translateY(-20px);opacity:.5}50%{transform:scale(1.15) translateY(0);opacity:1}75%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0)}}.particles-container[data-v-7135a00f]{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:50}.particle[data-v-7135a00f]{position:absolute;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px currentColor}.board-container[data-v-58dc92a1]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 25px 50px -12px #000c,inset 0 1px #ffffff1a}.board-main[data-v-58dc92a1]{display:flex;align-items:center;gap:8px}.row-labels[data-v-58dc92a1]{display:flex;flex-direction:column;gap:0}.row-labels .label[data-v-58dc92a1]{height:72px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#ffffff40;width:20px}.column-labels[data-v-58dc92a1]{display:flex;gap:0;padding-left:0}.column-labels .label[data-v-58dc92a1]{width:72px;height:20px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#ffffff40}.board[data-v-58dc92a1]{display:flex;flex-direction:column}.squares[data-v-58dc92a1]{position:relative;display:grid;grid-template-columns:repeat(8,72px);grid-template-rows:repeat(8,72px);border:3px solid #0f3460;border-radius:4px;overflow:hidden;box-shadow:0 0 40px #5e548e4d,inset 0 0 20px #00000080}.square[data-v-58dc92a1]{width:72px;height:72px;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.square.light[data-v-58dc92a1]{background:linear-gradient(135deg,#e8d5b7,#d4c4a8)}.square.dark[data-v-58dc92a1]{background:linear-gradient(135deg,#5e548e,#4a4072)}.square.power[data-v-58dc92a1]{position:relative;overflow:hidden}.square.power[data-v-58dc92a1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,200,50,.25) 0%,rgba(255,170,0,.1) 40%,transparent 70%)}.power-indicator[data-v-58dc92a1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.power-icon[data-v-58dc92a1]{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(255,200,0,.8)) drop-shadow(0 0 16px rgba(255,170,0,.5));animation:power-star-58dc92a1 3s ease-in-out infinite}.square.safe[data-v-58dc92a1]{position:relative;overflow:hidden}.square.safe[data-v-58dc92a1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,255,200,.2) 0%,rgba(0,220,180,.1) 40%,transparent 70%)}.safe-indicator[data-v-58dc92a1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.safe-icon[data-v-58dc92a1]{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(0,255,200,.8)) drop-shadow(0 0 16px rgba(0,220,180,.5));animation:safe-shield-58dc92a1 4s ease-in-out infinite}.square.warp[data-v-58dc92a1]{position:relative;overflow:hidden}.square.warp[data-v-58dc92a1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(147,51,234,.3) 0%,rgba(124,58,237,.15) 40%,transparent 70%)}.warp-indicator[data-v-58dc92a1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.warp-icon[data-v-58dc92a1]{width:40px;height:40px;filter:drop-shadow(0 0 8px rgba(147,51,234,.8)) drop-shadow(0 0 16px rgba(124,58,237,.5));animation:warp-spin-58dc92a1 4s linear infinite}.square.reclaim[data-v-58dc92a1]{position:relative;overflow:hidden}.square.reclaim[data-v-58dc92a1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(236,72,153,.3) 0%,rgba(219,39,119,.15) 40%,transparent 70%)}.reclaim-indicator[data-v-58dc92a1]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.reclaim-icon[data-v-58dc92a1]{width:38px;height:38px;filter:drop-shadow(0 0 8px rgba(236,72,153,.8)) drop-shadow(0 0 16px rgba(219,39,119,.5));animation:reclaim-pulse-58dc92a1 2s ease-in-out infinite}.square.reclaim-inactive[data-v-58dc92a1]:before{background:radial-gradient(circle at center,rgba(100,100,100,.2) 0%,rgba(80,80,80,.1) 40%,transparent 70%)}.square.reclaim-inactive .reclaim-icon[data-v-58dc92a1]{filter:grayscale(.8) opacity(.4);animation:none}.warp-destination-indicator[data-v-58dc92a1]{width:24px;height:24px;background:radial-gradient(circle,#9333eae6,#7c3aed80);border-radius:50%;animation:warp-destination-pulse-58dc92a1 .8s ease-in-out infinite;box-shadow:0 0 20px #9333eab3}.move-indicator[data-v-58dc92a1]{width:20px;height:20px;background:radial-gradient(circle,#0f8c,#0f86);border-radius:50%;animation:pulse-58dc92a1 1s ease-in-out infinite;box-shadow:0 0 15px #0f89}.capture-indicator[data-v-58dc92a1]{position:absolute;inset:4px;border:3px solid rgba(255,59,48,.8);border-radius:50%;animation:capture-pulse-58dc92a1 .8s ease-in-out infinite;box-shadow:0 0 15px #ff3b3080}.square.last-move-from[data-v-58dc92a1]{background:linear-gradient(135deg,#ffc10766,#ffc10733)!important}.square.last-move-to[data-v-58dc92a1]{background:linear-gradient(135deg,#4caf5066,#4caf5033)!important}.square[data-v-58dc92a1]:hover{filter:brightness(1.1)}.square.valid-move[data-v-58dc92a1]:hover{filter:brightness(1.2);transform:scale(1.02)}@keyframes pulse-58dc92a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes capture-pulse-58dc92a1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.7}}@keyframes power-star-58dc92a1{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 8px rgba(255,200,0,.8)) drop-shadow(0 0 16px rgba(255,170,0,.5))}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 12px rgba(255,200,0,1)) drop-shadow(0 0 24px rgba(255,170,0,.7))}}@keyframes safe-shield-58dc92a1{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(0,255,200,.8)) drop-shadow(0 0 16px rgba(0,220,180,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(0,255,200,1)) drop-shadow(0 0 24px rgba(0,220,180,.7))}}@keyframes warp-spin-58dc92a1{0%{transform:rotate(0);filter:drop-shadow(0 0 8px rgba(147,51,234,.8)) drop-shadow(0 0 16px rgba(124,58,237,.5))}50%{filter:drop-shadow(0 0 12px rgba(147,51,234,1)) drop-shadow(0 0 24px rgba(124,58,237,.7))}to{transform:rotate(360deg);filter:drop-shadow(0 0 8px rgba(147,51,234,.8)) drop-shadow(0 0 16px rgba(124,58,237,.5))}}@keyframes reclaim-pulse-58dc92a1{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(236,72,153,.8)) drop-shadow(0 0 16px rgba(219,39,119,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(236,72,153,1)) drop-shadow(0 0 24px rgba(219,39,119,.7))}}@keyframes warp-destination-pulse-58dc92a1{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 20px #9333eab3}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 30px #9333eae6}}.board-container.shaking.shake-light[data-v-58dc92a1]{animation:shake-light-58dc92a1 .2s ease-in-out}.board-container.shaking.shake-medium[data-v-58dc92a1]{animation:shake-medium-58dc92a1 .3s ease-in-out}.board-container.shaking.shake-heavy[data-v-58dc92a1]{animation:shake-heavy-58dc92a1 .4s ease-in-out}@keyframes shake-light-58dc92a1{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes shake-medium-58dc92a1{0%,to{transform:translate(0)}10%{transform:translate(-3px,-1px)}20%{transform:translate(3px,1px)}30%{transform:translate(-3px)}40%{transform:translate(3px,-1px)}50%{transform:translate(-2px,1px)}60%{transform:translate(2px)}70%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}90%{transform:translate(-1px)}}@keyframes shake-heavy-58dc92a1{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px,-2px) rotate(-.5deg)}20%{transform:translate(5px,2px) rotate(.5deg)}30%{transform:translate(-4px,-1px) rotate(-.3deg)}40%{transform:translate(4px,1px) rotate(.3deg)}50%{transform:translate(-3px) rotate(-.2deg)}60%{transform:translate(3px,-1px) rotate(.2deg)}70%{transform:translate(-2px,1px) rotate(-.1deg)}80%{transform:translate(2px) rotate(.1deg)}90%{transform:translate(-1px,-1px) rotate(0)}}.square-legend[data-v-58dc92a1]{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.08);margin-top:8px}.legend-row[data-v-58dc92a1]{display:flex;gap:24px;justify-content:center}.legend-item[data-v-58dc92a1]{display:flex;align-items:center;gap:10px;min-width:180px}.legend-icon[data-v-58dc92a1]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legend-icon svg[data-v-58dc92a1]{width:28px;height:28px}.legend-text[data-v-58dc92a1]{display:flex;flex-direction:column;gap:1px}.legend-label[data-v-58dc92a1]{font-size:16px;font-weight:800;color:#fff}.legend-desc[data-v-58dc92a1]{font-size:14px;color:#fff9}.legend-item.power .legend-icon svg[data-v-58dc92a1]{filter:drop-shadow(0 0 6px rgba(255,215,0,.7))}.legend-item.safe .legend-icon svg[data-v-58dc92a1]{filter:drop-shadow(0 0 6px rgba(0,255,200,.7))}.legend-item.warp .legend-icon svg[data-v-58dc92a1]{filter:drop-shadow(0 0 6px rgba(168,85,247,.7))}.legend-item.reclaim .legend-icon svg[data-v-58dc92a1]{filter:drop-shadow(0 0 6px rgba(236,72,153,.7))}.player-panel[data-v-ed1b9959]{background:linear-gradient(145deg,#1a1a2ee6,#16213ee6);border-radius:12px;padding:14px 16px;border:2px solid transparent;transition:border-color .3s ease,box-shadow .3s ease;min-width:200px;box-shadow:0 0 #0000}.player-panel[data-v-ed1b9959]:not(.active){border-color:#ffffff1a}.player-panel.active[data-v-ed1b9959]{border-color:#667eea80;box-shadow:0 0 25px #667eea26}.player-panel.player-1.active[data-v-ed1b9959]{border-color:#ef444466;box-shadow:0 0 25px #ef44441f}.player-panel.player-2.active[data-v-ed1b9959]{border-color:#22c55e66;box-shadow:0 0 25px #22c55e1f}.panel-header[data-v-ed1b9959]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-header h3[data-v-ed1b9959]{margin:0;font-size:20px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}.active-badge[data-v-ed1b9959]{padding:5px 12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;animation:badge-pulse-ed1b9959 1.5s ease-in-out infinite}.vp-bar[data-v-ed1b9959]{margin-bottom:12px}.vp-bar .stat-label[data-v-ed1b9959]{display:block;font-size:12px;text-transform:uppercase;color:#ffffff80;letter-spacing:1px;margin-bottom:6px;font-weight:600}.vp-track[data-v-ed1b9959]{position:relative;height:36px;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.vp-fill[data-v-ed1b9959]{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#a78bfa4d,#8b5cf680);border-radius:8px;transition:width .4s ease-out}.vp-text[data-v-ed1b9959]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#a78bfa;text-shadow:0 1px 2px rgba(0,0,0,.3)}.colors-section[data-v-ed1b9959]{margin-bottom:12px}.section-header[data-v-ed1b9959]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.colors-section h4[data-v-ed1b9959],.captured-section h4[data-v-ed1b9959]{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;color:#ffffff80;letter-spacing:1px}.color-cards[data-v-ed1b9959]{display:flex;gap:8px}.color-card[data-v-ed1b9959]{flex:1;padding:10px 12px;border-radius:10px;border:2px solid;display:flex;align-items:center;gap:10px;min-height:44px}.color-dot[data-v-ed1b9959]{width:18px;height:18px;border-radius:50%;box-shadow:0 2px 4px #0000004d;flex-shrink:0}.color-dot.red[data-v-ed1b9959]{background:#ff6b6b}.color-dot.blue[data-v-ed1b9959]{background:#22d3ee}.color-dot.green[data-v-ed1b9959]{background:#34d399}.color-dot.yellow[data-v-ed1b9959]{background:#fbbf24}.color-dot.gray[data-v-ed1b9959]{background:#6b7280}.token-count[data-v-ed1b9959]{font-size:18px;font-weight:800;color:#fff}.movement-type[data-v-ed1b9959]{font-size:12px;font-weight:600;color:#fffc;background:#ffffff1a;padding:4px 8px;border-radius:6px;margin-left:auto;min-width:70px;text-align:center}.movement-hidden[data-v-ed1b9959]{font-size:14px;font-weight:700;color:#ffffff4d;margin-left:auto;min-width:70px;text-align:center;background:#ffffff0d;padding:4px 8px;border-radius:6px}.captured-section[data-v-ed1b9959]{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.captured-tokens[data-v-ed1b9959]{display:flex;flex-wrap:wrap;gap:6px}.captured-token[data-v-ed1b9959]{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #fff3;opacity:.7}.captured-token.red[data-v-ed1b9959]{background:linear-gradient(135deg,#ff6b6b,#e55555)}.captured-token.blue[data-v-ed1b9959]{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.captured-token.green[data-v-ed1b9959]{background:linear-gradient(135deg,#34d399,#10b981)}.captured-token.yellow[data-v-ed1b9959]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}@keyframes badge-pulse-ed1b9959{0%,to{opacity:1}50%{opacity:.8}}.dice-roller[data-v-3fcb936d]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;text-align:center;margin-bottom:16px;height:160px;display:flex;align-items:center;justify-content:center}.roll-prompt[data-v-3fcb936d]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.roll-prompt p[data-v-3fcb936d]{margin:0 0 12px;color:#ffffffb3;font-size:14px}.roll-btn[data-v-3fcb936d]{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.roll-btn[data-v-3fcb936d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.dice-icon[data-v-3fcb936d]{font-size:20px}.rolling[data-v-3fcb936d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px}.rolling p[data-v-3fcb936d]{margin:0;color:#ffffffb3;font-size:14px}.dice[data-v-3fcb936d]{width:60px;height:60px;background:linear-gradient(135deg,#fef3c7,#fcd34d);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,inset 0 2px 4px #ffffff80}.dice-face[data-v-3fcb936d]{font-size:28px;font-weight:800;color:#92400e}.dice.rolling-animation[data-v-3fcb936d]{animation:dice-shake-3fcb936d .1s infinite}.roll-result[data-v-3fcb936d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px}.color-result[data-v-3fcb936d]{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc}.color-badge[data-v-3fcb936d]{padding:4px 12px;border-radius:12px;font-weight:600;color:#fff;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes dice-shake-3fcb936d{0%,to{transform:rotate(-5deg) scale(1.1)}50%{transform:rotate(5deg) scale(1.1)}}.dice.any-token[data-v-3fcb936d]{background:linear-gradient(135deg,#a855f7,#7c3aed)}.dice.any-token .dice-face[data-v-3fcb936d]{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.dice.any-direction[data-v-3fcb936d]{background:linear-gradient(135deg,#22c55e,#16a34a)}.dice.any-direction .dice-face[data-v-3fcb936d]{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.roll-result.special[data-v-3fcb936d]{gap:16px}.special-result[data-v-3fcb936d]{display:flex;flex-direction:column;align-items:center;gap:4px}.special-label[data-v-3fcb936d]{font-size:18px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}.dice.any-token+.special-result .special-label[data-v-3fcb936d]{color:#c4b5fd}.dice.any-direction+.special-result .special-label[data-v-3fcb936d]{color:#86efac}.special-desc[data-v-3fcb936d]{font-size:13px;color:#fff9}.win-overlay[data-v-f9eda538]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:100}.backdrop[data-v-f9eda538]{position:absolute;inset:0;background:#000000d9;border-radius:16px;transition:opacity .3s ease}.win-overlay.peeking .backdrop[data-v-f9eda538]{opacity:.1}.win-overlay.peeking .win-content[data-v-f9eda538]{opacity:0;transform:scale(.95)}.win-content[data-v-f9eda538]{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 60px;border-radius:16px;background:linear-gradient(145deg,#1a1a2efa,#16213efa);border:2px solid rgba(255,255,255,.2);animation:win-appear-f9eda538 .5s ease-out;transition:opacity .3s ease,transform .3s ease}.button-row[data-v-f9eda538]{display:flex;gap:12px;margin-top:8px}.action-btn[data-v-f9eda538]{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-icon[data-v-f9eda538]{width:18px;height:18px}.view-btn[data-v-f9eda538]{background:linear-gradient(135deg,#4b5563,#374151);color:#fff}.view-btn[data-v-f9eda538]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4b556366}.view-btn[data-v-f9eda538]:active{transform:translateY(0);background:linear-gradient(135deg,#374151,#1f2937)}.rematch-btn[data-v-f9eda538]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.rematch-btn[data-v-f9eda538]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}.play-btn[data-v-f9eda538]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.play-btn[data-v-f9eda538]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.win-content.player-1[data-v-f9eda538]{border-color:#ff6b6b80;box-shadow:0 0 40px #ff6b6b4d}.win-content.player-2[data-v-f9eda538]{border-color:#34d39980;box-shadow:0 0 40px #34d3994d}.trophy[data-v-f9eda538]{font-size:64px;animation:trophy-bounce-f9eda538 1s ease-in-out infinite}.winner-text[data-v-f9eda538]{margin:0;font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.win-condition[data-v-f9eda538]{font-size:14px;color:#ffffffb3;background:#0000004d;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}@keyframes win-appear-f9eda538{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes trophy-bounce-f9eda538{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.match-stats[data-v-f9eda538]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;background:#0000004d;border-radius:12px;min-width:280px}.stats-header[data-v-f9eda538]{display:flex;gap:16px;font-size:13px;color:#fff9}.game-duration[data-v-f9eda538]{font-family:SF Mono,Monaco,monospace;font-weight:600}.total-turns[data-v-f9eda538]{opacity:.8}.stats-comparison[data-v-f9eda538]{display:flex;align-items:center;gap:20px}.player-stats[data-v-f9eda538]{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.stats-label[data-v-f9eda538]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:1px}.player-indicator[data-v-f9eda538]{width:10px;height:10px;border-radius:50%}.player-indicator.p1[data-v-f9eda538]{background:linear-gradient(135deg,#ff6b6b,#22d3ee)}.player-indicator.p2[data-v-f9eda538]{background:linear-gradient(135deg,#34d399,#fbbf24)}.stat-row[data-v-f9eda538]{display:flex;align-items:center;gap:4px}.stat-icon[data-v-f9eda538]{font-size:14px}.stat-value[data-v-f9eda538]{font-size:16px;font-weight:700;color:#fff}.winner-stats .stat-value[data-v-f9eda538]{color:#4ade80}.loser-stats .stat-value[data-v-f9eda538]{color:#fff9}.vs-divider[data-v-f9eda538]{font-size:11px;color:#ffffff4d;text-transform:uppercase;font-weight:600;letter-spacing:1px}.lobby-overlay[data-v-d97c62cb]{position:fixed;inset:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;z-index:1000}.lobby-container[data-v-d97c62cb]{max-width:550px;width:90%;padding:40px;position:relative}.back-btn[data-v-d97c62cb]{position:absolute;top:0;left:0;background:none;border:none;color:#fff9;font-size:16px;cursor:pointer;padding:8px 16px;transition:color .2s}.back-btn[data-v-d97c62cb]:hover{color:#fff}.error-banner[data-v-d97c62cb]{background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:12px 16px;color:#fca5a5;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.dismiss-btn[data-v-d97c62cb]{background:none;border:none;color:#fca5a5;font-size:20px;cursor:pointer;padding:0 4px}.lobby-phase[data-v-d97c62cb]{animation:fadeIn-d97c62cb .3s ease;text-align:center}.lobby-phase h2[data-v-d97c62cb]{font-size:32px;color:#fff;margin:0 0 8px}.subtitle[data-v-d97c62cb]{color:#fff9;margin:0 0 32px}.option-cards[data-v-d97c62cb]{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.option-card[data-v-d97c62cb]{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:180px}.option-card[data-v-d97c62cb]:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.option-icon[data-v-d97c62cb]{font-size:48px}.option-title[data-v-d97c62cb]{font-size:18px;font-weight:700;color:#fff}.option-desc[data-v-d97c62cb]{font-size:13px;color:#ffffff80;text-align:center}.input-group[data-v-d97c62cb]{margin-bottom:20px;text-align:left}.input-group label[data-v-d97c62cb]{display:block;color:#ffffffb3;font-size:14px;margin-bottom:8px}.input-group input[data-v-d97c62cb]{width:100%;padding:14px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px;outline:none;transition:all .2s;box-sizing:border-box}.input-group input[data-v-d97c62cb]:focus{border-color:#667eea;background:#ffffff26}.input-group input[data-v-d97c62cb]::placeholder{color:#fff6}.room-code-input[data-v-d97c62cb]{text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:600}.btn[data-v-d97c62cb]{padding:14px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px}.btn.primary[data-v-d97c62cb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.primary[data-v-d97c62cb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.btn[data-v-d97c62cb]:disabled{opacity:.5;cursor:not-allowed}.room-info[data-v-d97c62cb]{background:#ffffff0d;border-radius:16px;padding:24px;margin-bottom:24px}.room-code-display[data-v-d97c62cb]{margin-bottom:20px}.room-code-display .label[data-v-d97c62cb],.invite-link-section .label[data-v-d97c62cb]{display:block;color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.room-code-display .code[data-v-d97c62cb]{font-size:36px;font-weight:800;color:#fff;letter-spacing:8px}.link-copy[data-v-d97c62cb]{display:flex;gap:8px}.invite-input[data-v-d97c62cb]{flex:1;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:13px}.copy-btn[data-v-d97c62cb]{padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.copy-btn[data-v-d97c62cb]:hover{background:#fff3}.copy-btn.success[data-v-d97c62cb]{background:#22c55e4d;border-color:#22c55e80;color:#4ade80}.waiting-indicator[data-v-d97c62cb]{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff9}.spinner[data-v-d97c62cb]{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#667eea;border-radius:50%;animation:spin-d97c62cb 1s linear infinite}.players-status[data-v-d97c62cb]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:32px}.player-card[data-v-d97c62cb]{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 24px;min-width:140px;transition:all .3s}.player-card.ready[data-v-d97c62cb]{border-color:#22c55e;background:#22c55e1a}.player-label[data-v-d97c62cb]{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.player-name[data-v-d97c62cb]{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.ready-status[data-v-d97c62cb]{font-size:12px;color:#ffffff80}.player-card.ready .ready-status[data-v-d97c62cb]{color:#4ade80}.vs[data-v-d97c62cb]{font-size:24px;font-weight:800;color:#ffffff4d}.color-setup h3[data-v-d97c62cb]{color:#fff;margin:0 0 8px;font-size:20px}.color-setup .instruction[data-v-d97c62cb]{color:#fff9;font-size:14px;margin:0 0 24px}.color-selection[data-v-d97c62cb]{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.color-option[data-v-d97c62cb]{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 28px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.color-option[data-v-d97c62cb]:hover{background:#ffffff1a;transform:translateY(-4px)}.color-option.selected[data-v-d97c62cb]{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.color-option.red.selected[data-v-d97c62cb]{border-color:#ff6b6b;background:#ff6b6b26}.color-option.blue.selected[data-v-d97c62cb]{border-color:#22d3ee;background:#22d3ee26}.color-option.green.selected[data-v-d97c62cb]{border-color:#34d399;background:#34d39926}.color-option.yellow.selected[data-v-d97c62cb]{border-color:#fbbf24;background:#fbbf2426}.color-circle[data-v-d97c62cb]{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 12px #0000004d}.color-circle.red[data-v-d97c62cb]{background:linear-gradient(135deg,#ff8a8a,#ff6b6b,#e55555)}.color-circle.blue[data-v-d97c62cb]{background:linear-gradient(135deg,#67e8f9,#22d3ee,#06b6d4)}.color-circle.green[data-v-d97c62cb]{background:linear-gradient(135deg,#6ee7b7,#34d399,#10b981)}.color-circle.yellow[data-v-d97c62cb]{background:linear-gradient(135deg,#fcd34d,#fbbf24,#f59e0b)}.color-label[data-v-d97c62cb]{font-size:16px;font-weight:600;color:#fff}.movement-label[data-v-d97c62cb]{font-size:11px;color:#fff9;background:#ffffff1a;padding:4px 10px;border-radius:10px}.waiting-for-opponent[data-v-d97c62cb]{text-align:center}.ready-confirmed[data-v-d97c62cb]{display:inline-flex;align-items:center;gap:10px;background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:24px;padding:12px 24px;margin-bottom:16px}.check-icon[data-v-d97c62cb]{width:24px;height:24px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.ready-confirmed span[data-v-d97c62cb]:last-child{color:#4ade80;font-weight:600}.waiting-for-opponent p[data-v-d97c62cb]{color:#fff9;margin:0}@keyframes fadeIn-d97c62cb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-d97c62cb{to{transform:rotate(360deg)}}.app[data-v-3c01fdea]{min-height:100vh;background:linear-gradient(180deg,#0f0a1e,#1a0a2e,#0d0620);display:flex;flex-direction:column;position:relative}.app[data-v-3c01fdea]:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(139,92,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.game-layout[data-v-3c01fdea]{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;padding:24px;flex:1;position:relative;z-index:1}.board-section[data-v-3c01fdea]{display:flex;flex-direction:column;align-items:center;position:relative}@media(max-width:1100px){.game-layout[data-v-3c01fdea]{flex-direction:column;gap:20px;padding:16px}.player-panel-1[data-v-3c01fdea]{order:3}.board-section[data-v-3c01fdea]{order:2}.player-panel-2[data-v-3c01fdea]{order:1}}