:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.skill-gomoku-page[data-v-3c820d84]{min-height:100vh;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1);font-family:Arial,sans-serif;overflow-x:hidden}.hero-section[data-v-3c820d84]{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background[data-v-3c820d84]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.chessboard-bg[data-v-3c820d84]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:linear-gradient(90deg,#333 1px,transparent 1px),linear-gradient(#333 1px,transparent 1px);background-size:20px 20px;opacity:.3;animation:rotate-3c820d84 20s linear infinite}@keyframes rotate-3c820d84{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.skill-effects[data-v-3c820d84]{position:absolute;width:100%;height:100%}.effect[data-v-3c820d84]{position:absolute;font-size:2rem;animation:float-3c820d84 3s ease-in-out infinite}.effect-1[data-v-3c820d84]{top:20%;left:10%;animation-delay:0s}.effect-2[data-v-3c820d84]{top:30%;right:15%;animation-delay:.5s}.effect-3[data-v-3c820d84]{bottom:30%;left:20%;animation-delay:1s}.effect-4[data-v-3c820d84]{bottom:20%;right:10%;animation-delay:1.5s}@keyframes float-3c820d84{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content[data-v-3c820d84]{position:relative;z-index:2;text-align:center;color:#fff}.main-title[data-v-3c820d84]{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:3px 3px 0px #ff6b6b,6px 6px 0px #4ecdc4;animation:bounce-3c820d84 2s ease-in-out infinite}@keyframes bounce-3c820d84{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.subtitle[data-v-3c820d84]{font-size:1.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.cta-button[data-v-3c820d84]{position:relative;display:inline-block;padding:15px 30px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;overflow:hidden}.cta-button[data-v-3c820d84]:hover{transform:scale(1.1);box-shadow:0 10px 20px #0000004d}.button-glow[data-v-3c820d84]{position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:27px;z-index:-1;animation:glow-3c820d84 2s ease-in-out infinite alternate}@keyframes glow-3c820d84{0%{opacity:.5}to{opacity:1}}.container[data-v-3c820d84]{max-width:1200px;margin:0 auto;padding:0 20px}.section-title[data-v-3c820d84]{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.intro-section[data-v-3c820d84]{padding:80px 0;background:#ffffffe6}.intro-content[data-v-3c820d84]{max-width:800px;margin:0 auto;text-align:center}.intro-text[data-v-3c820d84]{font-size:1.2rem;line-height:1.8;color:#555}.gameplay-section[data-v-3c820d84]{padding:80px 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.gameplay-cards[data-v-3c820d84]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:2rem}.gameplay-card[data-v-3c820d84]{background:#ffffff1a;padding:30px;border-radius:15px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.gameplay-card[data-v-3c820d84]:hover{transform:translateY(-10px)}.card-icon[data-v-3c820d84]{font-size:3rem;margin-bottom:1rem}.gameplay-card h3[data-v-3c820d84]{font-size:1.5rem;margin-bottom:1rem}.skills-section[data-v-3c820d84]{padding:80px 0;background:linear-gradient(135deg,#ff9a9e,#fecfef 50% 100%)}.skills-grid[data-v-3c820d84]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:2rem}.skill-card[data-v-3c820d84]{height:200px;perspective:1000px;cursor:pointer}.card-inner[data-v-3c820d84]{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.skill-card.flipped .card-inner[data-v-3c820d84]{transform:rotateY(180deg)}.card-front[data-v-3c820d84],.card-back[data-v-3c820d84]{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;box-shadow:0 8px 16px #0003}.card-front[data-v-3c820d84]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-back[data-v-3c820d84]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:rotateY(180deg)}.skill-icon[data-v-3c820d84]{font-size:3rem;margin-bottom:10px}.skill-name[data-v-3c820d84]{font-size:1.2rem;font-weight:700}.skill-effect[data-v-3c820d84]{font-size:.9rem;margin-bottom:10px;text-align:center}.skill-quote[data-v-3c820d84]{font-size:.8rem;font-style:italic;text-align:center;opacity:.9}.features-section[data-v-3c820d84]{padding:80px 0;background:linear-gradient(135deg,#a8edea,#fed6e3)}.features-grid[data-v-3c820d84]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:2rem}.feature-item[data-v-3c820d84]{text-align:center;padding:30px;background:#fffc;border-radius:15px;transition:transform .3s ease}.feature-item[data-v-3c820d84]:hover{transform:translateY(-5px)}.feature-icon[data-v-3c820d84]{font-size:3rem;margin-bottom:1rem}.feature-item h3[data-v-3c820d84]{font-size:1.5rem;margin-bottom:1rem;color:#333}.feature-item p[data-v-3c820d84]{color:#666;line-height:1.6}@media (max-width: 768px){.main-title[data-v-3c820d84]{font-size:2.5rem}.subtitle[data-v-3c820d84]{font-size:1.2rem}.skills-grid[data-v-3c820d84]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skill-card[data-v-3c820d84]{height:150px}.skill-icon[data-v-3c820d84]{font-size:2rem}.skill-name[data-v-3c820d84]{font-size:1rem}}.game-page[data-v-feb6ae3f]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Arial,sans-serif}.game-header[data-v-feb6ae3f]{text-align:center;margin-bottom:30px;color:#fff}.game-title[data-v-feb6ae3f]{font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-info[data-v-feb6ae3f]{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto}.player-info[data-v-feb6ae3f]{display:flex;align-items:center;gap:20px}.player[data-v-feb6ae3f]{display:flex;align-items:center;gap:10px;padding:10px 20px;border-radius:25px;background:#ffffff1a;transition:all .3s ease}.player.active[data-v-feb6ae3f]{background:#ffffff4d;transform:scale(1.1)}.player-icon[data-v-feb6ae3f]{font-size:1.5rem}.vs[data-v-feb6ae3f]{font-size:1.2rem;font-weight:700}.game-status[data-v-feb6ae3f]{font-size:1.1rem;font-weight:700}.game-main[data-v-feb6ae3f]{display:flex;gap:30px;justify-content:center;margin-bottom:30px}.board-container[data-v-feb6ae3f]{flex-shrink:0}.board[data-v-feb6ae3f]{display:grid;grid-template-columns:repeat(15,30px);grid-template-rows:repeat(15,30px);gap:1px;background:#8b4513;padding:10px;border-radius:10px;box-shadow:0 10px 20px #0000004d}.board-row[data-v-feb6ae3f]{display:contents}.board-cell[data-v-feb6ae3f]{width:30px;height:30px;background:#deb887;border:1px solid #8B4513;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.board-cell[data-v-feb6ae3f]:hover{background:#f4a460;transform:scale(1.1)}.board-cell.has-piece[data-v-feb6ae3f]{cursor:default}.board-cell.last-move[data-v-feb6ae3f]{box-shadow:inset 0 0 10px gold}.board-cell.winning-line[data-v-feb6ae3f]{background:#ff6b6b;animation:pulse-feb6ae3f 1s infinite}.board-cell.selectable[data-v-feb6ae3f]{cursor:pointer;background:gold!important;border:3px solid #FFA500;animation:selectablePulse-feb6ae3f 1s infinite}.board-cell.skill-target[data-v-feb6ae3f]{box-shadow:0 0 15px gold}@keyframes selectablePulse-feb6ae3f{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-feb6ae3f{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.piece[data-v-feb6ae3f]{font-size:20px;font-weight:700;animation:drop-feb6ae3f .3s ease-out}@keyframes drop-feb6ae3f{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.black-piece[data-v-feb6ae3f]{color:#000;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.white-piece[data-v-feb6ae3f]{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.interference-piece[data-v-feb6ae3f]{color:#ff6b6b;font-size:16px}.skills-panel[data-v-feb6ae3f]{background:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 5px 15px #0003;min-width:300px;max-height:500px;overflow-y:auto}.panel-title[data-v-feb6ae3f]{text-align:center;margin-bottom:20px;color:#333}.skills-grid[data-v-feb6ae3f]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-height:400px;overflow-y:auto}.skill-card[data-v-feb6ae3f]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;justify-content:space-between}.skill-card[data-v-feb6ae3f]:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.skill-card.disabled[data-v-feb6ae3f]{opacity:.5;cursor:not-allowed}.skill-card.cooldown[data-v-feb6ae3f]{background:linear-gradient(135deg,#999,#666)}.skill-header[data-v-feb6ae3f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.skill-icon[data-v-feb6ae3f]{font-size:1.5rem}.skill-uses[data-v-feb6ae3f]{background:#fff3;padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:700}.skill-name[data-v-feb6ae3f]{font-size:.9rem;font-weight:700;margin-bottom:5px}.skill-effect[data-v-feb6ae3f]{font-size:.75rem;opacity:.9;margin-bottom:8px;line-height:1.2;flex-grow:1}.skill-status[data-v-feb6ae3f]{margin-top:auto}.skill-cooldown[data-v-feb6ae3f]{font-size:.8rem;color:gold;font-weight:700}.skill-available[data-v-feb6ae3f]{font-size:.8rem;color:#4caf50;font-weight:700}.game-controls[data-v-feb6ae3f]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.control-btn[data-v-feb6ae3f]{padding:12px 24px;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.control-btn.new-game[data-v-feb6ae3f]{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff}.control-btn.undo[data-v-feb6ae3f]{background:linear-gradient(45deg,#ff9800,#f57c00);color:#fff}.control-btn.undo[data-v-feb6ae3f]:disabled{background:#ccc;cursor:not-allowed}.control-btn.toggle-ai[data-v-feb6ae3f]{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff}.control-btn.cancel-skill[data-v-feb6ae3f]{background:linear-gradient(45deg,#f44336,#d32f2f);color:#fff}.control-btn[data-v-feb6ae3f]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.skill-effect-overlay[data-v-feb6ae3f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:20px 40px;border-radius:15px;font-size:1.5rem;font-weight:700;z-index:1000;animation:fadeInOut-feb6ae3f 2s ease-in-out}@keyframes fadeInOut-feb6ae3f{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.skill-selection-overlay[data-v-feb6ae3f]{position:fixed;top:10px;left:10px;right:10px;transform:none;background:#000000f2;color:#fff;padding:15px;border-radius:10px;z-index:1000;max-width:none;text-align:center;box-shadow:0 5px 20px #000000b3;max-height:60vh;overflow-y:auto}.selection-header[data-v-feb6ae3f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.selection-prompt h3[data-v-feb6ae3f]{margin:0;color:gold}.close-btn[data-v-feb6ae3f]{background:#f44;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.close-btn[data-v-feb6ae3f]:hover{background:#f66}.selection-prompt p[data-v-feb6ae3f]{margin-bottom:15px;font-size:1.1rem}.selectable-pieces-info[data-v-feb6ae3f]{max-height:150px;overflow-y:auto;text-align:left}.piece-info[data-v-feb6ae3f]{padding:5px 0;border-bottom:1px solid #444;font-size:.9rem}.piece-info[data-v-feb6ae3f]:last-child{border-bottom:none}.skill-hint[data-v-feb6ae3f]{margin-top:15px;padding:10px;background:#ffd7001a;border:1px solid #FFD700;border-radius:5px;font-size:.9rem;color:gold}@media (max-width: 768px){.skill-selection-overlay[data-v-feb6ae3f]{top:5px;left:5px;right:5px;padding:10px;max-height:50vh;font-size:.9rem}.selection-prompt h3[data-v-feb6ae3f]{font-size:1.1rem;margin-bottom:8px}.selection-prompt p[data-v-feb6ae3f]{font-size:.9rem;margin-bottom:10px}.selectable-pieces-info[data-v-feb6ae3f]{max-height:100px;font-size:.8rem}.piece-info[data-v-feb6ae3f]{padding:3px 0;font-size:.8rem}.skill-hint[data-v-feb6ae3f]{margin-top:10px;padding:8px;font-size:.8rem}}@media (max-width: 480px){.skill-selection-overlay[data-v-feb6ae3f]{top:2px;left:2px;right:2px;padding:8px;max-height:45vh;font-size:.8rem}.selection-prompt h3[data-v-feb6ae3f]{font-size:1rem;margin-bottom:6px}.selection-prompt p[data-v-feb6ae3f]{font-size:.8rem;margin-bottom:8px}.selectable-pieces-info[data-v-feb6ae3f]{max-height:80px;font-size:.75rem}.piece-info[data-v-feb6ae3f]{padding:2px 0;font-size:.75rem}.skill-hint[data-v-feb6ae3f]{margin-top:8px;padding:6px;font-size:.75rem}}.game-log[data-v-feb6ae3f]{background:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 5px 15px #0003;max-width:800px;margin:0 auto}.game-log h4[data-v-feb6ae3f]{margin-bottom:15px;color:#333}.log-content[data-v-feb6ae3f]{max-height:200px;overflow-y:auto}.log-entry[data-v-feb6ae3f]{padding:5px 0;border-bottom:1px solid #eee;font-size:.9rem;color:#666}.log-entry[data-v-feb6ae3f]:last-child{border-bottom:none}@media (max-width: 768px){.game-main[data-v-feb6ae3f]{flex-direction:column;align-items:center}.board[data-v-feb6ae3f]{grid-template-columns:repeat(15,20px);grid-template-rows:repeat(15,20px)}.board-cell[data-v-feb6ae3f]{width:20px;height:20px}.piece[data-v-feb6ae3f]{font-size:14px}.skills-panel[data-v-feb6ae3f]{min-width:auto;width:100%;padding:8px;margin:0;border-radius:10px}.panel-title[data-v-feb6ae3f]{font-size:1rem;margin-bottom:10px;text-align:center}.skills-grid[data-v-feb6ae3f]{grid-template-columns:repeat(2,1fr);max-height:300px;gap:8px;padding:0}.skill-card[data-v-feb6ae3f]{min-height:90px;padding:6px;border-radius:8px;box-shadow:0 2px 8px #00000026;transition:all .2s ease}.skill-card[data-v-feb6ae3f]:active{transform:scale(.95)}.skill-header[data-v-feb6ae3f]{margin-bottom:4px}.skill-icon[data-v-feb6ae3f]{font-size:1.4rem}.skill-uses[data-v-feb6ae3f]{font-size:.6rem;padding:1px 4px}.skill-name[data-v-feb6ae3f]{font-size:.75rem;font-weight:700;margin-bottom:4px}.skill-effect[data-v-feb6ae3f]{font-size:.65rem;line-height:1.2;margin-bottom:4px}.skill-status[data-v-feb6ae3f],.skill-cooldown[data-v-feb6ae3f],.skill-available[data-v-feb6ae3f]{font-size:.6rem}.game-info[data-v-feb6ae3f]{flex-direction:column;gap:15px}}@media (max-width: 480px){.skills-panel[data-v-feb6ae3f]{padding:6px}.panel-title[data-v-feb6ae3f]{font-size:.9rem;margin-bottom:8px}.skills-grid[data-v-feb6ae3f]{grid-template-columns:repeat(2,1fr);max-height:250px;gap:6px}.skill-card[data-v-feb6ae3f]{min-height:80px;padding:4px;border-radius:6px}.skill-header[data-v-feb6ae3f]{margin-bottom:2px}.skill-icon[data-v-feb6ae3f]{font-size:1.2rem}.skill-uses[data-v-feb6ae3f]{font-size:.55rem;padding:1px 3px}.skill-name[data-v-feb6ae3f]{font-size:.7rem;margin-bottom:2px}.skill-effect[data-v-feb6ae3f]{font-size:.6rem;line-height:1.1;margin-bottom:2px}.skill-status[data-v-feb6ae3f],.skill-cooldown[data-v-feb6ae3f],.skill-available[data-v-feb6ae3f]{font-size:.55rem}}@media (max-width: 360px){.skills-grid[data-v-feb6ae3f]{grid-template-columns:1fr;max-height:200px}.skill-card[data-v-feb6ae3f]{min-height:70px;padding:3px}.skill-icon[data-v-feb6ae3f]{font-size:1rem}.skill-name[data-v-feb6ae3f]{font-size:.65rem}.skill-effect[data-v-feb6ae3f]{font-size:.55rem}}