*{box-sizing:border-box}body{margin:0;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,#f5f7fa,#c3cfe2);min-height:100vh}#root{min-height:100vh}.app{max-width:none;margin:0;padding:1rem;text-align:center;background:linear-gradient(135deg,#1a202c,#2d3748);min-height:100vh;font-family:Arial,sans-serif;width:max-content;min-width:100vw;display:flex;flex-direction:column;align-items:center}h1{color:#e2e8f0;font-size:1.8rem;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.nav{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.nav button{padding:.75rem 1rem;border:none;border-radius:8px;background:#4a5568;color:#e2e8f0;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;font-size:.9rem;min-height:44px}.nav button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0006;background:#718096}.nav button.active{background:#63b3ed;color:#1a202c}.comparison{background:#2d3748;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000004d;margin:1rem 0;width:max-content}.comparison h2{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.3rem}.comparison-container{display:flex;justify-content:center;align-items:flex-start;gap:.5rem;width:max-content}.picture-card{background:#4a5568;border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;width:300px;min-height:44px;flex-shrink:0}.picture-card:hover{transform:scale(1.02);box-shadow:0 4px 16px #63b3ed4d;background:#718096}.picture-card img{width:100%;height:250px;object-fit:contain;border-radius:8px;margin-bottom:.5rem}.picture-card h3{color:#e2e8f0;margin:.25rem 0;font-size:.9rem;line-height:1.2}.picture-card p{color:#a0aec0;margin:0;font-style:italic;font-size:.8rem}.vs{display:none}.leaderboard{background:#2d3748;border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000004d;margin:1rem 0}.leaderboard h2{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.3rem}.leaderboard-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-item{display:flex;align-items:center;background:#4a5568;border-radius:8px;padding:1.5rem;transition:all .3s ease;border-left:4px solid transparent}.leaderboard-item:hover{background:#718096;box-shadow:0 2px 8px #0000004d}.leaderboard-item:first-child{border-left-color:#f6ad55}.leaderboard-item:nth-child(2){border-left-color:#a0aec0}.leaderboard-item:nth-child(3){border-left-color:#ed8936}.rank{font-size:1.2rem;font-weight:700;color:#e2e8f0;margin-right:1rem;min-width:40px}.leaderboard-item img{width:120px;height:120px;object-fit:contain;border-radius:8px;margin-right:1.5rem}.info{flex:1;text-align:left}.info h3{color:#e2e8f0;margin:0 0 .5rem;font-size:1.3rem}.info p{color:#a0aec0;margin:0 0 .75rem;font-size:1rem}.stats{display:flex;gap:.5rem;font-size:.7rem;color:#cbd5e0;flex-wrap:wrap}.stats span{background:#1a202c;padding:.2rem .4rem;border-radius:4px;font-weight:500}.nav button.reset{background:#e53e3e;color:#fff}.nav button.reset:hover{background:#c53030}.nav button:disabled{opacity:.5;cursor:not-allowed}.nav button:disabled:hover{transform:none;box-shadow:0 2px 4px #0000004d}.nav button.back{background:#f6e05e;color:#1a202c}.nav button.back:hover{background:#e9d44f;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.back-compare{background:#f6e05e;color:#1a202c;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:700;cursor:pointer}.back-compare:disabled{opacity:.5;cursor:not-allowed}.back-compare:hover:not(:disabled){background:#e9d44f;transform:translateY(-1px)}.skip-button{padding:.5rem 1rem;border:none;border-radius:8px;background:#6c757d;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.skip-button:disabled{opacity:.5;cursor:not-allowed}.action-btn{min-width:140px;min-height:40px;padding:.5rem 1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;box-shadow:0 2px 4px #0000004d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.setup{background:#2d3748;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000004d;margin:2rem 0;max-width:400px}.setup h2{color:#e2e8f0;margin-bottom:2rem;font-size:1.5rem}.setup-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.setup-controls label{color:#e2e8f0;font-size:1.2rem;font-weight:700}.setup-controls input[type=range]{width:100%;height:8px;border-radius:4px;background:#4a5568;outline:none}.setup-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#63b3ed;cursor:pointer}.setup-controls p{color:#a0aec0;margin:0}.start-button{padding:1rem 2rem;border:none;border-radius:8px;background:#63b3ed;color:#1a202c;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000004d;font-size:1rem}.start-button:hover{background:#4299e1;transform:translateY(-1px);box-shadow:0 4px 8px #0006}.tournament-progress{margin-bottom:1rem;padding:1rem;background:#1a202c;border-radius:8px}.bracket-status{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.bracket-status span{padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:.9rem}.winner-bracket{background:#38a169;color:#fff}.loser-bracket{background:#ed8936;color:#fff}.eliminated{background:#e53e3e;color:#fff}