.game-list{margin-top:2rem}.game-list h2{margin-bottom:1.5rem;color:#333;font-size:1.8rem}.game-list.empty{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.games-container{display:flex;flex-direction:column;gap:1rem}.game-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;transition:all .3s ease;border-left:4px solid #667eea}.game-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a}.rank-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 10px #667eea4d}.game-name{font-size:1.3rem;font-weight:500;color:#333}.game-input{margin-bottom:2rem;position:relative}.game-input form{display:flex;gap:1rem;flex-wrap:wrap}.search-container{flex:1;min-width:200px;position:relative}.game-input-field{width:100%;padding:1rem;font-size:1.1rem;border:2px solid #e0e0e0;border-radius:10px;transition:all .3s ease;outline:none}.game-input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:white;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 10px 30px #00000026;max-height:300px;overflow-y:auto;z-index:1000}.search-result-item{padding:1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all .2s ease;display:flex;gap:1rem;align-items:center}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-left:4px solid #667eea}.search-result-item.no-results{cursor:default;color:#666;font-style:italic}.search-result-item.no-results:hover{background:white;border-left:none}.result-cover{width:60px;height:80px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#f0f0f0}.result-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.result-name{font-weight:500;color:#333;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-platform{font-size:.85rem;color:#666;background:#f5f5f5;padding:.25rem .75rem;border-radius:12px;display:inline-block;width:fit-content}.result-year{font-size:.8rem;color:#999}.add-game-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.add-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.add-game-btn:active{transform:translateY(0)}.binary-search-flow{display:flex;justify-content:center;align-items:center;min-height:400px}.comparison-card{width:100%;max-width:800px;text-align:center}.comparison-card h2{font-size:2rem;margin-bottom:.5rem;color:#333}.comparison-instruction{color:#666;margin-bottom:2rem;font-size:1.1rem}.comparison-container{display:flex;align-items:center;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.game-card{flex:1;min-width:250px;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.game-card.new-game{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transform:scale(1.05)}.game-card.existing-game{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.game-card:hover{transform:scale(1.08);box-shadow:0 15px 40px #0003}.game-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.game-name{font-size:1.8rem;font-weight:700}.vs-divider{font-size:2rem;font-weight:700;color:#667eea;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.comparison-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.preference-btn{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #0003}.preference-btn.prefer-new{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.preference-btn.prefer-existing{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff}.preference-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.preference-btn:active{transform:translateY(-1px)}.cancel-btn{padding:.7rem 1.5rem;font-size:1rem;background:#e0e0e0;color:#666;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.cancel-btn:hover{background:#d0d0d0;transform:translateY(-2px)}.progress-info{margin-top:2rem;padding:1rem;background:#f5f7fa;border-radius:8px;color:#666;font-size:.9rem}@media (max-width: 768px){.comparison-container{flex-direction:column}.vs-divider{transform:rotate(90deg)}.game-card{min-width:100%}}.app{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.app-header{text-align:center;color:#fff;margin-bottom:3rem}.app-header h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-header p{font-size:1.2rem;opacity:.9}.app-main{background:white;border-radius:20px;padding:2rem;box-shadow:0 20px 60px #0000004d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333}#root{min-height:100vh}