.back-link{display:block;text-align:center;margin-top:var(--space-8);color:#3b82f6;text-decoration:none;font-weight:500;font-size:var(--text-lg);transition:all var(--transition-fast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.back-link:hover{text-decoration:underline;color:#2563eb;background-color:#3b82f61a;transform:translate(-4px)}.back-link:before{content:"←";margin-right:var(--space-2);transition:transform var(--transition-fast)}.back-link:hover:before{transform:translate(-2px)}.game-container{max-width:1200px;margin:var(--space-8) auto;padding:var(--space-4)}.game-header{text-align:center;margin-bottom:var(--space-8)}.game-title{font-size:var(--text-5xl);font-weight:800;color:#1e40af;margin-bottom:var(--space-4);position:relative;display:inline-block}.game-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:var(--radius-full)}.game-subtitle{font-size:var(--text-xl);color:#6b7280;margin-bottom:0}.game-mode-selector{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 4px 12px #0000001a;margin-bottom:var(--space-8);text-align:center;border:1px solid #e5e7eb;position:relative;overflow:hidden}.game-mode-selector:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.05) 0%,transparent 50%)}.mode-selector-title{font-size:var(--text-2xl);font-weight:700;color:#374151;margin-bottom:var(--space-6);position:relative;z-index:1}.mode-buttons{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap;margin-top:var(--space-4);position:relative;z-index:1}.mode-button{padding:var(--space-6) var(--space-8);border:2px solid transparent;border-radius:var(--radius-xl);font-weight:600;font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-normal);min-width:200px;background:#fff;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;text-align:center}.mode-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.mode-button:hover:before{left:100%}.mode-button.single-player{border-color:#22c55e;color:#166534}.mode-button.single-player:hover{background:#22c55e;color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #22c55e4d}.mode-button.multiplayer{border-color:#3b82f6;color:#1e40af}.mode-button.multiplayer:hover{background:#3b82f6;color:#fff;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f64d}.mode-icon{font-size:var(--text-4xl);margin-bottom:var(--space-2);display:block;transition:transform var(--transition-fast)}.mode-button:hover .mode-icon{transform:scale(1.1)}.mode-description{font-size:var(--text-sm);margin-top:var(--space-2);opacity:.8;line-height:1.4}.game-layout{display:grid;grid-template-columns:1fr;gap:var(--space-8);min-height:600px}.game-layout.multiplayer-mode{grid-template-columns:1fr}@media (min-width: 1024px){.game-layout.multiplayer-mode{grid-template-columns:280px 1fr 280px;gap:var(--space-6)}}.game-main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.multiplayer-panel{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;height:fit-content;transition:background-color var(--transition-theme),border-color var(--transition-theme)}.multiplayer-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.connection-status{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:var(--radius-md);padding:var(--space-4);text-align:center;margin-bottom:var(--space-4);font-size:var(--text-sm);color:#0369a1;position:relative;overflow:hidden}.connection-status:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.loading-indicator{display:inline-flex;align-items:center;gap:var(--space-2)}.loading-dots{display:inline-flex;gap:var(--space-1)}.loading-dot{width:4px;height:4px;background:currentColor;border-radius:50%;animation:loading 1.4s infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes loading{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width: 1023px){.game-layout.multiplayer-mode{grid-template-columns:1fr}.multiplayer-sidebar{order:-1;flex-direction:row;overflow-x:auto;gap:var(--space-3);padding-bottom:var(--space-2)}.multiplayer-panel{min-width:280px;flex-shrink:0}}@media (max-width: 640px){.game-container{margin:var(--space-4) auto;padding:var(--space-2)}.mode-buttons{flex-direction:column;align-items:center;gap:var(--space-4)}.mode-button{min-width:100%;max-width:300px;padding:var(--space-4) var(--space-6)}.game-title{font-size:var(--text-4xl)}.game-subtitle{font-size:var(--text-lg)}.multiplayer-sidebar{flex-direction:column;overflow-x:visible}.multiplayer-panel{min-width:auto}}@media (max-width: 480px){.game-mode-selector{padding:var(--space-6)}.mode-button{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.mode-icon{font-size:var(--text-3xl)}.game-header{margin-bottom:var(--space-6)}}.theme-pro-play .mode-button.single-player{border-color:#00c6ff;color:#0369a1}.theme-pro-play .mode-button.single-player:hover{background:#00c6ff;box-shadow:0 8px 20px #00c6ff4d}.theme-power-up .mode-button{font-family:var(--font-display-power);font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.05em}.theme-power-up .game-title{font-family:var(--font-display-power);text-transform:uppercase;letter-spacing:.1em}.theme-power-up .mode-selector-title{font-family:var(--font-display-power);text-transform:uppercase;letter-spacing:.05em}.theme-power-up .game-mode-selector:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(59,130,246,.02) 15px,rgba(59,130,246,.02) 30px);pointer-events:none}.theme-sparkle-play .mode-button,.theme-sparkle-play .game-title,.theme-sparkle-play .mode-selector-title{font-family:var(--font-display-sparkle)}.theme-sparkle-play .game-mode-selector:after{content:"✨🎮✨";position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--text-lg);opacity:.3;animation:sparkle-rotate 3s ease-in-out infinite}@keyframes sparkle-rotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(10deg) scale(1.1)}}.game-component-wrapper{margin-top:var(--space-8);min-height:500px;background-color:transparent;padding:0;border-radius:var(--radius-lg);position:relative;z-index:1;overflow:visible;display:flex;justify-content:center;align-items:flex-start}.game-card-wrapper{background-color:transparent;padding:0;border-radius:var(--radius-xl);box-shadow:none;display:flex;flex-direction:column;align-items:center;min-height:500px;width:100%;max-width:700px;box-sizing:border-box;position:relative;z-index:1;overflow:visible;transition:background-color var(--transition-theme)}tic-tac-toe{display:block;width:100%;margin:var(--space-4) auto}.game-main{width:100%;max-width:800px;margin:0 auto;padding:var(--space-4)}.game-main tic-tac-toe{min-height:500px;display:block;width:100%}.connection-status.success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.connection-status.error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.mode-button:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.back-link:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}@media print{.game-container{max-width:none}.back-link{display:none}.game-mode-selector,.multiplayer-panel{box-shadow:none;border:1px solid #ddd}.connection-status{display:none}}