@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Orbitron:wght@400;700;900&display=swap";:root{--bg-dark: #0a0a0f;--bg-card: #1a1a20;--bg-hover: #25252c;--accent-cyan: #3dd6d0;--accent-pink: #ff6b6b;--accent-green: #51cf66;--accent-orange: #ff922b;--text-primary: #ffffff;--text-secondary: #a0a0a8;--text-muted: #6a6a75;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);margin:0;padding:0}.snaporslop-container{max-width:1400px;margin:0 auto;padding:24px 32px;min-height:100vh}.snaporslop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:var(--text-secondary)}.loading-pulse{display:flex;gap:6px}.loading-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.snaporslop-header{padding:16px 0 24px}.header-top-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.challenge-badge{display:flex;align-items:center;gap:8px;background:var(--bg-card);padding:10px 16px;border-radius:100px;font-size:.9rem}.badge-icon{font-size:1rem}.badge-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.challenge-number{color:var(--accent-cyan);font-family:SF Mono,Monaco,monospace;font-weight:700;font-size:1.1rem}.challenge-date-inline{color:var(--text-muted);font-size:.75rem}.streak-inline{display:flex;align-items:center;gap:6px;background:#ff922b26;padding:10px 16px;border-radius:100px;color:var(--accent-orange);font-weight:600;font-size:.85rem}.streak-flame-inline{font-size:1rem}.streak-count-inline{font-family:SF Mono,Monaco,monospace;font-weight:700}.streak-text-inline{font-size:.75rem;opacity:.9}.streak-check-inline{font-size:.8rem;margin-left:2px}.countdown-inline{display:flex;align-items:center;gap:6px;background:var(--bg-card);padding:10px 16px;border-radius:100px;font-size:.85rem;color:var(--text-muted)}.countdown-label-inline{font-size:.75rem}.countdown-time-inline{font-family:SF Mono,Monaco,monospace;color:var(--text-secondary);font-weight:600}.instruction-box{text-align:center;line-height:1.4}.instruction-text{font-size:1.6rem;margin:0 0 6px;font-weight:700}.slop-highlight{color:var(--accent-pink)}.instruction-sub{color:var(--text-muted);font-size:.95rem;margin:0}.images-section{margin:16px 0 32px}.images-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:100%}@media(max-width:768px){.images-grid{grid-template-columns:1fr;gap:16px}.header-top-row{flex-direction:column;gap:6px}.challenge-badge,.streak-inline,.countdown-inline{width:100%;justify-content:center}.instruction-text{font-size:1.2rem}}.image-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background:var(--bg-card)}.image-container:hover:not(.selected):not([class*=is-]){transform:translateY(-2px);box-shadow:0 12px 24px #0006}.image-container.selected{box-shadow:0 0 0 2px var(--accent-cyan)}.image-container.correct-choice{box-shadow:0 0 0 2px var(--accent-green)}.image-container.wrong-choice{box-shadow:0 0 0 2px var(--accent-pink)}.image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden}.challenge-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.image-container:hover .challenge-image{transform:scale(1.02)}.image-overlay{position:absolute;top:12px;left:12px;width:32px;height:32px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.option-label{font-family:SF Mono,Monaco,monospace;font-size:.9rem;font-weight:700;color:#fff}.image-meta{position:absolute;bottom:12px;left:12px}.category-tag{background:#000000d9;color:#fff;padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-badge{position:absolute;top:12px;right:12px;padding:5px 10px;border-radius:100px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:1px}.slop-badge{background:var(--accent-pink);color:#fff}.real-badge{background:var(--accent-green);color:#fff}.stats-overlay{position:absolute;bottom:44px;right:12px;background:#000000e6;padding:8px 12px;border-radius:var(--radius-sm);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-percentage{font-family:SF Mono,Monaco,monospace;font-size:1.2rem;color:var(--accent-cyan);font-weight:700;line-height:1}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.leaderboard-section{max-width:600px;margin:56px auto 40px}.streak-leaderboard{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.leaderboard-header{padding:16px 20px;background:#ff922b1a;border-bottom:1px solid rgba(255,255,255,.06)}.leaderboard-title{display:flex;align-items:center;gap:8px;margin-bottom:2px}.title-icon{font-size:1.2rem}.leaderboard-title h3{font-size:1rem;margin:0;font-weight:700}.leaderboard-subtitle{color:var(--text-muted);font-size:.8rem;margin:0 0 0 28px}.leaderboard-list{padding:6px}.leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);transition:background .2s ease}.leaderboard-item:hover{background:#ffffff08}.rank-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:700;flex-shrink:0}.rank-gold .rank-badge{background:gold;color:#000;font-size:1rem}.rank-silver .rank-badge{background:silver;color:#000;font-size:1rem}.rank-bronze .rank-badge{background:#cd7f32;color:#fff;font-size:1rem}.rank-normal .rank-badge{background:var(--bg-hover);color:var(--text-secondary)}.user-info{display:flex;align-items:center;gap:8px;flex:1}.user-avatar{width:32px;height:32px;background:var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--bg-dark);font-size:.7rem;font-family:SF Mono,Monaco,monospace}.user-details{display:flex;flex-direction:column;gap:1px}.user-id{color:var(--text-primary);font-weight:600;font-size:.9rem;font-family:SF Mono,Monaco,monospace}.user-accuracy{color:var(--text-muted);font-size:.7rem;font-family:SF Mono,Monaco,monospace}.streak-display{display:flex;align-items:center;gap:3px;font-weight:600;color:var(--accent-orange);font-size:.9rem}.streak-flame{font-size:.9rem}.streak-count{font-family:SF Mono,Monaco,monospace}.streak-label{font-size:.7rem;color:var(--text-muted)}.leaderboard-footer{padding:12px;text-align:center;border-top:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:.8rem}.leaderboard-loading{padding:30px;text-align:center}.loading-dots{display:flex;gap:6px;justify-content:center}.loading-dots span{width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.results-section{max-width:600px;margin:20px auto;display:flex;flex-direction:column;gap:16px}.result-card{text-align:center;padding:24px;border-radius:var(--radius-lg);background:var(--bg-card)}.result-card.success{border:1px solid var(--accent-green)}.result-card.fail{border:1px solid var(--accent-pink)}.result-icon{font-size:2.5rem;margin-bottom:8px}.result-title{font-size:1.3rem;margin:0 0 6px;font-weight:700}.result-message{color:var(--text-secondary);font-size:.95rem;margin:0;line-height:1.5}.share-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.share-card-header{background:var(--bg-hover);padding:3px}.share-tabs{display:flex;gap:3px}.share-tab{flex:1;padding:10px;background:transparent;border:none;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.share-tab.active{background:var(--bg-card);color:var(--text-primary)}.share-card-content{padding:20px}.share-preview{display:flex;gap:12px;padding:16px;border-radius:var(--radius-md);margin-bottom:16px;background:var(--bg-hover)}.share-preview.success{border-left:3px solid var(--accent-green)}.share-preview.fail{border-left:3px solid var(--accent-pink)}.preview-badge{font-size:2rem;flex-shrink:0}.preview-text{flex:1}.preview-title{font-size:1.1rem;margin:0 0 2px;font-weight:700}.preview-challenge{color:var(--text-muted);font-size:.8rem;margin:0 0 8px;font-family:SF Mono,Monaco,monospace}.preview-stats{display:flex;gap:16px}.stat-item{display:flex;flex-direction:column}.stat-item .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-item .stat-value{font-family:SF Mono,Monaco,monospace;font-size:1.1rem;color:var(--accent-cyan);font-weight:700;line-height:1}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.share-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-btn:hover{transform:translateY(-1px);opacity:.9}.share-btn.twitter{background:#000;color:#fff}.share-btn.copy{background:var(--bg-hover);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.share-btn.native{background:var(--accent-cyan);color:var(--bg-dark)}.btn-icon{font-size:1rem}.challenge-friend-section{margin-top:0}.challenge-friend-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px}.challenge-friend-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.challenge-icon{font-size:1.6rem}.challenge-text h3{font-size:1rem;margin:0 0 2px;font-weight:700}.challenge-text p{color:var(--text-muted);font-size:.85rem;margin:0}.challenge-cta-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--accent-cyan);color:var(--bg-dark);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.challenge-cta-button:hover{opacity:.9;transform:translateY(-1px)}.cta-icon{font-size:1rem}.challenge-options{animation:slide-down .3s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.challenge-preview{background:var(--bg-hover);padding:12px;border-radius:var(--radius-md);margin-bottom:16px}.preview-message{color:var(--text-primary);font-size:.9rem;margin:0 0 6px;line-height:1.4}.preview-url{color:var(--accent-cyan);font-size:.75rem;word-break:break-all;font-family:SF Mono,Monaco,monospace}.challenge-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.challenge-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.challenge-btn:hover{transform:translateY(-1px);opacity:.9}.challenge-btn.twitter{background:#000;color:#fff}.challenge-btn.facebook{background:#1877f2;color:#fff}.challenge-btn.whatsapp{background:#25d366;color:#fff}.challenge-btn.copy{background:var(--bg-hover);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.challenge-btn.native{background:var(--accent-green);color:var(--bg-dark)}.close-options{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.close-options:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.snaporslop-footer{margin-top:40px;padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.06)}.footer-content{max-width:600px;margin:0 auto}.footer-text{color:var(--text-muted);font-size:.9rem;margin:0 0 16px}.footer-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-card);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;font-weight:500;font-size:.9rem}.footer-link:hover{background:var(--bg-hover);color:var(--text-primary)}.footer-link.primary{background:var(--accent-cyan);color:var(--bg-dark)}.footer-link.primary:hover{opacity:.9}.link-icon{font-size:1rem}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a25;--bg-card-hover: #222230;--neon-cyan: #00f0ff;--neon-pink: #ff00aa;--neon-lime: #00ff88;--neon-yellow: #ffee00;--neon-purple: #aa00ff;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--font-display: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-glow-cyan: 0 0 20px rgba(0, 240, 255, .3);--shadow-glow-pink: 0 0 20px rgba(255, 0, 170, .3);--shadow-glow-lime: 0 0 20px rgba(0, 255, 136, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--neon-cyan);text-decoration:none;transition:all .2s ease}a:hover{text-shadow:var(--shadow-glow-cyan)}.app-container{max-width:1400px;margin:0 auto;padding:0 24px;width:100%}.header{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0a0a0ff2,#0a0a0fcc);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-display);font-size:2.5rem;letter-spacing:2px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glitch 3s infinite;cursor:pointer}.logo:hover{text-shadow:none}@keyframes glitch{0%,90%,to{transform:translate(0);filter:none}92%{transform:translate(-2px,1px);filter:hue-rotate(90deg)}94%{transform:translate(2px,-1px);filter:hue-rotate(-90deg)}96%{transform:translate(-1px,2px)}}.nav{display:flex;gap:32px}.nav-link{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-md);transition:all .3s ease}.nav-link:hover,.nav-link.active{color:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:var(--shadow-glow-cyan)}.main-content{flex:1;padding:48px 0}.vote-page{display:flex;flex-direction:column;align-items:center;gap:48px}.vote-header{text-align:center}.vote-title{font-family:var(--font-display);font-size:4rem;letter-spacing:4px;margin-bottom:16px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-lime),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite;background-size:200% 100%}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.vote-subtitle{font-size:1.1rem;color:var(--text-secondary)}.vote-subtitle span{color:var(--neon-pink);font-weight:700}.vote-instruction{font-size:1.1rem;color:var(--text-secondary);margin-top:8px}.vote-instruction span{color:var(--neon-pink);font-weight:700}.vote-error{margin-top:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;text-align:center;background:#ff00aa1a;border:1px solid var(--neon-pink);color:var(--neon-pink)}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;max-width:1200px}.image-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00f0ff1a,#ff00aa1a);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.image-card:hover{transform:scale(1.02) rotate(-1deg);border-color:var(--neon-cyan);box-shadow:var(--shadow-glow-cyan)}.image-card:hover:before{opacity:1}.image-card.selected{border-color:var(--neon-lime);box-shadow:var(--shadow-glow-lime)}.image-card.correct{border-color:var(--neon-lime);box-shadow:var(--shadow-glow-lime);animation:pulse-green .5s ease}.image-card.incorrect{border-color:var(--neon-pink);box-shadow:var(--shadow-glow-pink);animation:shake .5s ease}@keyframes pulse-green{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-card:hover img{transform:scale(1.1)}.image-label{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;padding:12px 24px;background:#000c;border:1px solid var(--neon-cyan);border-radius:var(--radius-md);z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-result{position:absolute;top:24px;right:24px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;padding:12px 24px;border-radius:var(--radius-md);z-index:2}.image-result.real{background:var(--neon-lime);color:var(--bg-primary)}.image-result.ai{background:var(--neon-pink);color:var(--bg-primary)}.vote-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:2.5rem;letter-spacing:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink),var(--neon-lime));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,240,255,.5);z-index:2;text-align:center;animation:shimmer 3s ease-in-out infinite;background-size:200% 100%}.category-badge{position:absolute;top:24px;left:24px;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;background:#000000b3;border:1px solid var(--text-muted);border-radius:var(--radius-md);z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary)}.stats-bar{display:flex;gap:32px;padding:24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);font-size:2rem;color:var(--neon-cyan)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.vote-result{text-align:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vote-result h2{font-family:var(--font-display);font-size:3rem;letter-spacing:4px;margin-bottom:16px}.vote-result.correct h2{color:var(--neon-lime)}.vote-result.incorrect h2{color:var(--neon-pink)}.vote-result p{color:var(--text-secondary);margin-bottom:24px}.next-button{font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;padding:16px 48px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-lime));border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all .3s ease}.next-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan)}.rankings-page{padding:48px 0}.page-title{font-family:var(--font-display);font-size:3rem;letter-spacing:4px;text-align:center;margin-bottom:48px;background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rankings-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:48px}.tab-button{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;background:transparent;border:1px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.tab-button:hover,.tab-button.active{border-color:var(--neon-pink);color:var(--neon-pink);box-shadow:var(--shadow-glow-pink)}.ranking-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.ranking-item{display:flex;align-items:center;gap:24px;padding:20px 24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all .3s ease;animation:slideIn .3s ease forwards;opacity:0}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ranking-item:hover{background:var(--bg-card-hover);border-color:var(--neon-cyan);transform:translate(8px)}.ranking-position{font-family:var(--font-display);font-size:2rem;width:48px;text-align:center}.ranking-position.gold{color:var(--neon-yellow)}.ranking-position.silver{color:silver}.ranking-position.bronze{color:#cd7f32}.ranking-content{flex:1}.ranking-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.ranking-value{font-size:1.2rem;color:var(--text-primary)}.ranking-stat{text-align:right}.ranking-stat-value{font-family:var(--font-display);font-size:1.5rem;color:var(--neon-lime)}.ranking-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.profile-page{max-width:600px;margin:0 auto;text-align:center}.profile-header{margin-bottom:48px}.profile-avatar{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;color:var(--bg-primary)}.profile-title{font-family:var(--font-display);font-size:2.5rem;letter-spacing:2px;margin-bottom:8px}.profile-subtitle{color:var(--text-secondary)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.profile-stat{padding:24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.profile-stat-value{font-family:var(--font-display);font-size:2.5rem;color:var(--neon-cyan)}.profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.profile-accuracy{padding:24px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05)}.accuracy-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin:16px 0}.accuracy-fill{height:100%;background:linear-gradient(90deg,var(--neon-pink),var(--neon-lime));border-radius:4px;transition:width .5s ease}.empty-state{text-align:center;padding:80px 24px}.empty-state h3{font-family:var(--font-display);font-size:2rem;letter-spacing:2px;margin-bottom:16px;color:var(--text-secondary)}.empty-state p{color:var(--text-muted);margin-bottom:24px}.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-card);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding:24px 0;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.8rem}.daily-header{text-align:center;margin-bottom:32px}.daily-badge{display:inline-block;font-family:var(--font-mono);font-size:.85rem;letter-spacing:2px;padding:8px 16px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-lime));color:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:16px}.countdown-timer{margin-top:24px;padding:16px 24px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);display:inline-flex;flex-direction:column;align-items:center;gap:8px}.countdown-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.countdown-display{display:flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:2rem;letter-spacing:2px}.time-unit{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:50px;text-align:center}.time-separator{color:var(--text-muted);animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.daily-footer{text-align:center;margin-top:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.daily-footer p{color:var(--text-muted);margin-bottom:16px}.archive-link{display:inline-block;font-family:var(--font-mono);font-size:.9rem;padding:12px 24px;background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:var(--radius-md);color:var(--neon-cyan);transition:all .3s ease}.archive-link:hover{background:var(--neon-cyan);color:var(--bg-primary);box-shadow:var(--shadow-glow-cyan)}.archive-page{padding:48px 0}.archive-header{text-align:center;margin-bottom:48px}.archive-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:24px}.archive-nav{display:flex;justify-content:center;gap:16px;margin-top:24px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;max-width:1200px;margin:0 auto}.archive-item{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;text-decoration:none}.archive-item:hover{transform:translateY(-4px);border-color:var(--neon-cyan);box-shadow:var(--shadow-glow-cyan)}.archive-item.today{border-color:var(--neon-lime);box-shadow:0 0 20px #0f83}.archive-number{font-family:var(--font-display);font-size:1.5rem;padding:12px;background:var(--bg-secondary);color:var(--neon-cyan);text-align:center}.archive-image-split{position:relative;aspect-ratio:4/3;overflow:hidden;display:flex}.split-image{position:absolute;top:0;width:100%;height:100%}.split-image img{width:100%;height:100%;object-fit:cover}.left-half{left:0;z-index:1}.right-half{left:0;z-index:2}.today-badge{position:absolute;top:8px;right:8px;font-family:var(--font-mono);font-size:.7rem;padding:4px 8px;background:var(--neon-lime);color:var(--bg-primary);border-radius:var(--radius-sm);font-weight:700}.archive-info{padding:12px;display:flex;justify-content:space-between;align-items:center}.archive-category{font-size:.85rem;color:var(--text-primary);font-weight:700}.archive-accuracy{font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm)}.archive-accuracy.high{background:#0f83;color:var(--neon-lime)}.archive-accuracy.low{background:#f0a3;color:var(--neon-pink)}.challenge-header{text-align:center;margin-bottom:32px}.challenge-subtitle{color:var(--text-muted);font-size:1.1rem;margin-top:8px}.challenge-nav{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}.nav-arrow{font-family:var(--font-mono);font-size:.9rem;padding:8px 16px;background:var(--bg-card);border:1px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .3s ease}.nav-arrow:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--shadow-glow-cyan)}.challenge-counter{font-family:var(--font-display);font-size:1.5rem;color:var(--text-primary)}.challenge-actions{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:24px}.archive-button{font-family:var(--font-mono);font-size:.9rem;padding:12px 24px;background:transparent;border:1px solid var(--text-muted);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;text-decoration:none}.archive-button:hover{border-color:var(--neon-pink);color:var(--neon-pink)}.challenge-footer{display:flex;justify-content:center;gap:24px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.footer-link{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);transition:color .3s ease}.footer-link:hover{color:var(--neon-cyan)}@media(max-width:768px){.countdown-display{font-size:1.5rem}.archive-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.challenge-nav{flex-wrap:wrap;gap:12px}}.rankings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1400px;margin:0 auto}.ranking-column{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid rgba(255,255,255,.05)}.column-title{font-family:var(--font-display);font-size:1.5rem;letter-spacing:2px;margin-bottom:8px;text-align:center}.column-title.hardest{color:var(--neon-pink)}.column-title.easiest{color:var(--neon-lime)}.column-title.leaderboard-title{color:var(--neon-cyan)}.column-subtitle{font-size:.85rem;color:var(--text-muted);text-align:center;margin-bottom:24px}.ranking-list.compact{max-width:100%}.ranking-item.photo-rank{padding:12px;gap:16px}.ranking-item.photo-rank:hover{transform:translate(4px)}.ranking-photo{position:relative;width:80px;height:60px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.ranking-photo img{width:100%;height:100%;object-fit:cover}.accuracy-badge{position:absolute;bottom:4px;right:4px;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#000c}.accuracy-badge.low{color:var(--neon-pink)}.accuracy-badge.high{color:var(--neon-lime)}.ranking-info{flex:1}.ranking-category{font-weight:700;color:var(--text-primary);font-size:.9rem}.ranking-votes{font-size:.75rem;color:var(--text-muted)}.ranking-item.player-rank{padding:16px}.player-name{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.player-stats{font-size:.8rem;color:var(--text-secondary);margin-top:4px}@media(max-width:1200px){.rankings-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:768px){.header{padding:16px 0}.header-content{flex-direction:column;gap:12px}.logo{font-size:1.8rem}.nav{gap:8px;flex-wrap:wrap;justify-content:center;width:100%}.nav-link{font-size:.75rem;padding:6px 10px;letter-spacing:.5px}.vote-title{font-size:2.5rem}.image-grid{grid-template-columns:1fr;gap:24px}.stats-bar{flex-wrap:wrap;justify-content:center}.profile-stats{grid-template-columns:1fr}}.share-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--bg-card-hover)}.share-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.share-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:16px}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.share-btn:hover{transform:translateY(-2px)}.share-btn.native{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));color:#fff}.share-btn.twitter{background:#000;color:#fff;border:1px solid #333}.share-btn.twitter:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff4d}.share-btn.facebook{background:#1877f2;color:#fff}.share-btn.facebook:hover{box-shadow:0 0 10px #1877f280}.share-btn.copy{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--text-muted)}.share-btn.copy:hover{border-color:var(--neon-lime);box-shadow:0 0 10px #00ff884d}.share-preview{background:var(--bg-card);padding:16px;border-radius:var(--radius-md);border:1px solid var(--bg-card-hover)}.share-preview p{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:480px){.share-buttons{flex-direction:column;width:100%}.share-btn{width:100%;justify-content:center}}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:8px 16px;border-radius:20px;font-family:var(--font-mono);font-weight:700;margin:12px 0;box-shadow:0 4px 15px #ff6b3566;animation:pulse-streak 2s ease-in-out infinite}@keyframes pulse-streak{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.streak-icon{font-size:1.2rem}.streak-count{font-size:1.3rem;font-weight:800}.streak-label{font-size:.85rem;opacity:.9}.streak-check{margin-left:4px;font-size:1rem}.streak-warning{background:linear-gradient(135deg,var(--neon-pink),#ff4757);animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{box-shadow:0 4px 15px #f0a6}50%{box-shadow:0 4px 25px #ff00aab3}}.daily-streak-section{background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hover));border:2px solid;border-image:linear-gradient(135deg,#ff6b35,#f7931e) 1;border-radius:var(--radius-lg);padding:24px;margin-top:24px;text-align:center}.daily-streak-section h3{font-family:var(--font-display);font-size:1.5rem;color:#ff6b35;margin-bottom:16px;letter-spacing:2px}.streak-display{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:12px}.streak-number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.streak-text{font-size:1.5rem;color:var(--text-secondary);font-weight:600}.streak-message{font-size:.9rem;color:var(--text-secondary);margin-top:12px}.email-capture-section{background:linear-gradient(135deg,var(--bg-card),var(--bg-card-hover));border:1px solid var(--bg-card-hover);border-radius:var(--radius-lg);padding:28px;margin-top:32px}.email-capture-section h3{font-family:var(--font-display);font-size:1.3rem;color:var(--neon-cyan);margin-bottom:12px;letter-spacing:1px}.email-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.email-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input[type=email]{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--bg-card-hover);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;transition:border-color .2s}.form-group input[type=email]:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 0 2px #00f0ff1a}.form-group input[type=email]:disabled{opacity:.6;cursor:not-allowed}.form-group.checkbox{flex-direction:row;align-items:center}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--neon-lime);cursor:pointer}.form-message{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600}.form-message.success{background:#00ff881a;border:1px solid var(--neon-lime);color:var(--neon-lime)}.form-message.error{background:#ff00aa1a;border:1px solid var(--neon-pink);color:var(--neon-pink)}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00f0ff66}.btn-secondary{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--text-muted)}.btn-secondary:hover:not(:disabled){border-color:var(--neon-lime);box-shadow:0 0 10px #00ff884d}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.email-info{margin-top:20px;padding-top:20px;border-top:1px solid var(--bg-card-hover)}.email-info p{font-size:.85rem;color:var(--text-muted);margin:0}@media(max-width:480px){.email-capture-section{padding:20px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}