@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap";: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}.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-content{flex-direction:column;gap:16px}.nav{gap:16px}.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}}