*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}#game-container{max-width:1200px;margin:0 auto;padding:20px}header{background:#fffffff2;padding:20px;border-radius:15px;margin-bottom:20px;box-shadow:0 8px 25px #00000026}header h1{text-align:center;font-size:2.5em;color:#4a5568;margin-bottom:15px}#game-status{display:flex;justify-content:space-between;align-items:center;font-size:1.2em;font-weight:500}#current-player{color:#2d3748}#scores{display:flex;gap:30px}#scores div{padding:8px 15px;background:#f7fafc;border-radius:8px;border:2px solid #e2e8f0}main{display:flex;gap:20px;align-items:flex-start}#game-board-container{flex:1;background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 8px 25px #00000026}#game-board{display:block;margin:0 auto;border:3px solid #4a5568;border-radius:10px;cursor:pointer;background:#f8f9fa;max-width:100%;max-height:600px;width:600px;height:600px}#game-controls{width:280px;background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 8px 25px #00000026}#game-controls button{width:100%;padding:12px;margin-bottom:15px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}#new-game{background:#48bb78;color:#fff}#new-game:hover{background:#38a169;transform:translateY(-2px)}#reset-game{background:#ed8936;color:#fff}#reset-game:hover{background:#dd6b20;transform:translateY(-2px)}#game-info{margin-top:20px}#game-info h3{color:#4a5568;margin-bottom:10px;font-size:1.1em}#game-info ul{list-style-position:inside;line-height:1.6;color:#666}#game-info li{margin-bottom:5px;font-size:.9em}@media (max-width: 768px){main{flex-direction:column}#game-controls{width:100%}#game-board{max-width:100%;height:auto}#game-status{flex-direction:column;gap:15px;text-align:center}#scores{justify-content:center}}.game-over{pointer-events:none;opacity:.7}.highlight{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.notification-container{position:fixed;top:20px;right:20px;z-index:1000;pointer-events:none}.notification{background:#fffffff2;border-left:4px solid #4CAF50;border-radius:8px;padding:16px 20px;margin-bottom:10px;box-shadow:0 4px 12px #00000026;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;cursor:pointer;min-width:300px;max-width:400px}.notification.show{transform:translate(0);opacity:1}.notification.success{border-left-color:#4caf50}.notification.error{border-left-color:#f44336}.notification.warning{border-left-color:#ff9800}.notification.info{border-left-color:#2196f3}.notification-title{font-weight:600;font-size:1.1em;margin-bottom:4px;color:#2d3748}.notification-message{color:#4a5568;font-size:.95em;line-height:1.4}.notification-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:1.2em;color:#a0aec0;cursor:pointer;padding:4px;line-height:1}.notification-close:hover{color:#4a5568}.notification.hide{transform:translate(400px);opacity:0}