*,::after,::before{margin:0;padding:0;box-sizing:border-box}.skip-to-content{position:absolute;top:-100%;left:16px;z-index:10000;padding:10px 20px;background:var(--accent);color:var(--bg);font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:600;font-size:.9rem;border-radius:0 0 var(--r) var(--r);text-decoration:none;transition:top .2s}.skip-to-content:focus{top:0;outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--bg:#08080a;--bg-raised:#0e0e12;--bg-card:#131317;--bg-card-hover:#1a1a20;--border:#1d1d25;--border-hover:#2c2c38;--accent:#d4ff00;--accent-dim:rgba(212,255,0,0.07);--accent-mid:rgba(212,255,0,0.2);--accent-glow:0 0 30px rgba(212,255,0,0.15);--red:#ff3b3b;--green:#00e87b;--text:#eaeae4;--text-2:#9090a2;--text-3:#54546a;--r:6px;--r-lg:10px;--t:0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme=midnight]{--bg:#060d1a;--bg-raised:#0a1628;--bg-card:#0e1e36;--bg-card-hover:#142844;--border:#1c3358;--border-hover:#274a78;--accent:#5ba8ff;--accent-dim:rgba(91,168,255,0.07);--accent-mid:rgba(91,168,255,0.2);--accent-glow:0 0 30px rgba(91,168,255,0.15);--text:#dce6f2;--text-2:#7e9abf;--text-3:#4a6588}[data-theme=amoled]{--bg:#000000;--bg-raised:#050505;--bg-card:#0a0a0a;--bg-card-hover:#121212;--border:#1a1a1a;--border-hover:#2a2a2a;--accent:#b8ff00;--accent-dim:rgba(184,255,0,0.06);--accent-mid:rgba(184,255,0,0.15);--text:#f0f0f0;--text-2:#999999;--text-3:#5a5a5a}html{scroll-behavior:smooth}body{font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-size-adjust:100%;color-scheme:dark}body.page-exit{opacity:0!important;transition:opacity .15s ease!important}img:not([data-loaded]){opacity:0;transition:opacity .25s ease}img.img-loaded,img[data-loaded]{opacity:1}@view-transition{navigation:auto}::view-transition-old(root){animation:.15s ease both fadeOut}::view-transition-new(root){animation:.25s ease both fadeSlideIn}@keyframes fadeOut{to{opacity:0}}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(6px)}}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.noise-layer{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:-1;opacity:.028}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,8,10,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-logo{font-family:Syne,sans-serif;font-size:1.35rem;font-weight:800;color:var(--accent);letter-spacing:-.5px;cursor:pointer;user-select:none}.nav-links{display:flex;gap:4px;align-items:center}.nav-links a{padding:10px 16px;font-size:.88rem;font-weight:500;color:var(--text-2);border-radius:var(--r);transition:var(--t)}.nav-links a.active,.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.05)}.nav-links a.nav-cta{background:var(--accent);color:var(--bg);font-weight:600;margin-left:8px}.nav-links a.nav-cta:hover{filter:brightness(.92)}.nav-user{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:var(--t);margin-left:12px;position:relative}.nav-user:hover{background:var(--bg-card-hover)}.nav-user img{width:28px;height:28px;border-radius:50%;object-fit:cover}.nav-user span{font-size:.82rem;font-weight:500}.nav-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--red);position:absolute;top:2px;right:8px;box-shadow:0 0 6px var(--red);animation:notifPulse 1.5s ease-in-out infinite}@keyframes notifPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:6px 0;z-index:1100;box-shadow:0 12px 32px rgba(0,0,0,.5);animation:dropdownIn .18s ease}.user-dropdown.open{display:block}@keyframes dropdownIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.84rem;color:var(--text-2);text-decoration:none;transition:var(--t);cursor:pointer;white-space:nowrap}.user-dropdown-item:hover{background:var(--bg-card-hover);color:var(--text)}.user-dropdown-item svg{flex-shrink:0;opacity:.6}.user-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.user-dropdown-logout:hover{color:var(--red)}.user-boost-info{cursor:default;font-size:.78rem;color:var(--text-3)}.user-boost-info svg{color:var(--accent);opacity:1}#boost-remaining{font-weight:700;color:var(--accent)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;min-width:44px;min-height:44px;justify-content:center;align-items:center;z-index:1001}.hamburger span{width:22px;height:2px;background:var(--text);border-radius:1px;transition:var(--t)}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(8,8,10,.97);backdrop-filter:blur(14px);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:10px}.mobile-nav.open{display:flex}.mobile-nav a{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700;padding:14px 32px;border-radius:var(--r);transition:var(--t)}.mobile-nav a:hover{background:rgba(255,255,255,.04)}main{padding-top:60px;min-height:100vh;min-height:100dvh;position:relative;z-index:1;animation:pageEnter .4s cubic-bezier(.22,1,.36,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1080px;margin:0 auto;padding:0 24px}.marquee-wrap{overflow:hidden;background:var(--accent);padding:11px 0;position:relative}.marquee-wrap::after,.marquee-wrap::before{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--accent),transparent)}.marquee-wrap::after{right:0;background:linear-gradient(-90deg,var(--accent),transparent)}.marquee-track{display:flex;gap:0;animation:marquee-scroll 14s linear infinite;width:max-content;white-space:nowrap}.marquee-track span{font-family:Syne,sans-serif;font-weight:800;font-size:.7rem;color:var(--bg);letter-spacing:4px;text-transform:uppercase;padding:0 24px}.marquee-track .sep{opacity:.25;padding:0 6px;font-size:.85rem}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hero{padding:100px 24px 70px;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-180px;left:50%;transform:translateX(-50%);width:700px;height:500px;background:radial-gradient(ellipse at center,rgba(212,255,0,.06) 0,rgba(212,255,0,.02) 40%,transparent 70%);pointer-events:none;z-index:0}.hero::after{content:'';position:absolute;top:20%;left:50%;transform:translateX(-50%);width:500px;height:500px;border:1px solid rgba(212,255,0,.03);border-radius:50%;pointer-events:none;z-index:0}.hero .container{position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:.68rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent);border:1px solid rgba(212,255,0,.15);border-radius:999px;margin-bottom:44px;background:rgba(212,255,0,.04);animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.1s}.hero-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);animation:tagPulse 2s ease-in-out infinite}@keyframes tagPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero h1{font-family:Syne,sans-serif;font-size:clamp(3.4rem, 11vw, 8.5rem);font-weight:800;line-height:.9;letter-spacing:-4px;margin-bottom:36px;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.2s}.hero h1 .hero-line-top{display:block;font-size:.38em;letter-spacing:8px;text-transform:uppercase;color:var(--text-2);font-weight:600;margin-bottom:8px;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif}.hero h1 .accent{background:linear-gradient(90deg,var(--accent),#00e87b,var(--accent));background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:heroGradientShift 4s ease-in-out infinite;position:relative;display:inline-block}@keyframes heroGradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero h1 .accent::after{content:'|';color:var(--accent);opacity:.7;animation:cursorBlink .8s ease-in-out infinite;margin-left:2px;font-weight:400}@keyframes cursorBlink{0%,100%{opacity:.7}50%{opacity:0}}.hero-desc{font-size:1.12rem;color:var(--text-2);max-width:440px;margin:0 auto 50px;line-height:1.7;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.35s;font-weight:400}.hero-desc strong{color:var(--text);font-weight:600}.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both;animation-delay:.5s}.hero-deco{position:absolute;pointer-events:none;z-index:0}.hero-deco--cross{top:15%;right:10%;width:24px;height:24px;opacity:.15;animation:floatSlow 6s ease-in-out infinite}.hero-deco--cross::after,.hero-deco--cross::before{content:'';position:absolute;background:var(--accent);border-radius:1px}.hero-deco--cross::before{width:2px;height:24px;left:11px;top:0}.hero-deco--cross::after{width:24px;height:2px;left:0;top:11px}.hero-deco--ring{bottom:18%;left:8%;width:60px;height:60px;border:2px solid rgba(212,255,0,.08);border-radius:50%;animation:floatSlow 8s ease-in-out infinite reverse}.hero-deco--dots{top:35%;left:6%;display:grid;grid-template-columns:repeat(3,6px);gap:8px;opacity:.1;animation:floatSlow 7s ease-in-out infinite 1s}.hero-deco--dots span{width:4px;height:4px;border-radius:50%;background:var(--accent)}.hero-deco--line{bottom:25%;right:7%;width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,255,0,.12),transparent);animation:floatSlow 5s ease-in-out infinite .5s}@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-proof{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:56px}.hero-proof-divider{width:1px;height:28px;background:var(--border)}.hero-proof-item{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-3);font-weight:500}.hero-proof-item svg{width:16px;height:16px;opacity:.5}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:var(--r);font-size:.92rem;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:var(--t)}.btn-accent,.btn-primary{background:var(--accent);color:var(--bg)}.btn-accent:hover,.btn-primary:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-ghost,.btn-secondary{background:0 0;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover,.btn-secondary:hover{border-color:var(--text-3);background:rgba(255,255,255,.03)}.btn-gold{background:var(--accent);color:var(--bg)}.btn-gold:hover{filter:brightness(.9);transform:translateY(-1px)}.btn-sm{padding:10px 20px;font-size:.85rem}.btn-google{background:#fff;color:#222;padding:13px 28px;font-weight:600;border-radius:var(--r)}.btn-google:hover{background:#f2f2f2;transform:translateY(-1px)}.btn-google svg{width:18px;height:18px}.stats-bar{padding:44px 24px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;max-width:600px;margin:0 auto}.stat{text-align:center}.stat-number{font-family:Syne,sans-serif;font-size:2.6rem;font-weight:800;color:var(--accent);line-height:1}.stat-label{font-size:.78rem;color:var(--text-3);margin-top:6px;text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.how-section{padding:80px 24px}.section-heading,.section-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;text-align:center;margin-bottom:48px;letter-spacing:-1px}.section-subtitle{text-align:center;color:var(--text-2);margin-top:-36px;margin-bottom:48px;font-size:.92rem}@media (max-width:480px){.section-subtitle{margin-top:-20px;margin-bottom:28px;font-size:.85rem}}.steps{max-width:560px;margin:0 auto;display:flex;flex-direction:column}.step{display:flex;gap:24px;align-items:flex-start;padding:28px 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step-num{font-family:Syne,sans-serif;font-size:2.8rem;font-weight:800;color:var(--text-3);line-height:1;min-width:72px;transition:var(--t)}.step:hover .step-num{color:var(--accent)}.step-content h3{font-family:Syne,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:6px}.step-content p{font-size:.92rem;color:var(--text-2);line-height:1.5}.vote-section{padding:36px 24px;min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);display:flex;flex-direction:column;align-items:center}.vote-header{text-align:center;margin-bottom:20px}.vote-header h2{font-family:Syne,sans-serif;font-size:1.7rem;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.vote-header p{color:var(--text-2);font-size:.92rem}.vote-onboarding{max-width:500px;margin:0 auto 20px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);text-align:center;transition:opacity .3s ease,transform .3s ease}.onboarding-steps{display:flex;justify-content:center;gap:20px;margin-bottom:14px}.onboarding-step{display:flex;flex-direction:column;align-items:center;gap:6px}.onboarding-num{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--bg);font-family:Syne,sans-serif;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.onboarding-text{font-size:.78rem;color:var(--text-2);font-weight:500}.vote-total-counter{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 14px;font-size:.72rem;font-weight:600;color:var(--text-3);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;letter-spacing:.5px}.vote-total-counter .total-num{color:var(--accent);font-family:Syne,sans-serif;font-weight:800;font-size:.82rem}.gender-filter{display:flex;gap:4px;margin-bottom:36px;background:var(--bg-card);border-radius:var(--r);padding:3px;border:1px solid var(--border)}.gender-filter button{padding:9px 22px;border-radius:var(--r);border:none;background:0 0;color:var(--text-2);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--t);font-family:inherit}.gender-filter button.active{background:var(--accent);color:var(--bg)}.gender-filter button:hover:not(.active){color:var(--text)}.vote-arena{display:flex;gap:28px;align-items:stretch;justify-content:center;width:100%;max-width:780px;position:relative}.vote-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:50px;height:50px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:.95rem;color:var(--accent);box-shadow:var(--accent-glow)}.vote-card{flex:1;max-width:350px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;animation:cardIn .35s ease both;will-change:transform,opacity}.vote-card:first-child{animation-name:cardInLeft}.vote-card:nth-child(3){animation-name:cardInRight;animation-delay:80ms}@keyframes cardIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes cardInLeft{from{opacity:0;transform:translateX(-20px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes cardInRight{from{opacity:0;transform:translateX(20px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}.vote-card:hover{transform:scale(1.02) perspective(600px) rotateY(-1deg);border-color:var(--accent);box-shadow:var(--accent-glow),0 0 0 1px var(--accent),0 8px 32px rgba(212,255,0,.08)}.vote-card:nth-child(3):hover{transform:scale(1.02) perspective(600px) rotateY(1deg)}@media (hover:hover){.vote-card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from var(--glow-angle,0deg),transparent 60%,var(--accent) 80%,transparent 100%);opacity:0;z-index:-1;transition:opacity .3s ease;animation:glowSpin 3s linear infinite}.vote-card:hover::after{opacity:.15}@keyframes glowSpin{to{--glow-angle:360deg}}@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}}.vote-card.winner{animation:winPulse .6s cubic-bezier(.34,1.56,.64,1);border-color:var(--green);box-shadow:0 0 40px rgba(0,232,123,.25),0 0 80px rgba(0,232,123,.08),inset 0 0 60px rgba(0,232,123,.04);z-index:2}.vote-card.winner .vote-card-img{filter:brightness(1.08) saturate(1.1);transition:filter .3s ease}.vote-card.loser{animation:loseFade .55s ease forwards;border-color:var(--red);filter:grayscale(.4) brightness(.8)}.vote-card.loser::before{background:rgba(255,59,59,.06)!important}@keyframes winPulse{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(1.02)}80%{transform:scale(1.04)}100%{transform:scale(1.02)}}@keyframes loseFade{0%{opacity:1;transform:scale(1)}100%{opacity:.45;transform:scale(.95)}}.vote-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.vote-card-info{padding:16px 18px}.vote-card-name{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700}.vote-card-elo{font-size:.82rem;color:var(--text-3);margin-top:3px;font-weight:500}.vote-card-boosted{border-color:rgba(255,165,0,.3)!important;box-shadow:0 0 20px rgba(255,165,0,.08)}.vote-card-boosted:hover{border-color:orange!important;box-shadow:0 0 30px rgba(255,165,0,.15),0 8px 32px rgba(255,165,0,.08)}.vote-boost-badge{position:absolute;top:8px;right:8px;z-index:3;display:flex;align-items:center;gap:4px;background:rgba(255,165,0,.9);color:#000;font-size:.6rem;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.5px;backdrop-filter:blur(4px);animation:boostBadgePulse 2s ease-in-out infinite}@keyframes boostBadgePulse{0%,100%{opacity:.9}50%{opacity:1;box-shadow:0 0 8px rgba(255,165,0,.4)}}.vote-result-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(8,8,10,.55);opacity:0;pointer-events:none;transition:opacity .3s}.vote-card.loser .vote-result-overlay,.vote-card.winner .vote-result-overlay{opacity:1}.vote-result-text{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;padding:10px 24px;border-radius:var(--r);letter-spacing:1px}.vote-card.winner .vote-result-text{background:var(--accent);color:var(--bg)}.vote-card.loser .vote-result-text{background:rgba(255,255,255,.08);color:var(--text-2)}.vote-elo-change{font-size:.95rem;font-weight:700;margin-top:8px;display:none}.vote-card.loser .vote-elo-change,.vote-card.winner .vote-elo-change{display:block}.elo-positive{color:var(--green)}.elo-negative{color:var(--red)}.vote-card-kbd{position:absolute;top:10px;right:10px;width:28px;height:28px;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text-2);font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:5}@media (hover:hover){.vote-card-kbd{display:flex}.vote-card:hover .vote-card-kbd{opacity:1}}.vote-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:20}.vote-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleBurst .8s ease-out forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--px),var(--py)) scale(0)}}.vote-share-btn{margin-top:10px;padding:6px 14px;border-radius:var(--r);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--t);opacity:0;animation:fadeUp .3s ease .3s forwards}.vote-share-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.vote-boost-btn{margin-top:6px;padding:5px 12px;border-radius:var(--r);background:rgba(255,165,0,.15);border:1px solid rgba(255,165,0,.3);color:orange;font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;opacity:0;animation:fadeUp .3s ease .5s forwards;transition:var(--t)}.vote-boost-btn:hover{background:rgba(255,165,0,.25);border-color:rgba(255,165,0,.5)}.vote-boost-btn.boosted{background:rgba(255,165,0,.3);color:#fff}.vote-empty{text-align:center;padding:60px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.vote-empty svg{opacity:.6}.vote-empty p{font-size:1rem;color:var(--text-2);margin-bottom:8px}@media (max-width:640px){.vote-arena{gap:12px}.vote-vs{width:38px;height:38px;font-size:.7rem}.vote-card-info{padding:10px 12px}.vote-card-name{font-size:.95rem}.vote-card-elo{font-size:.75rem}.vote-result-text{font-size:1rem;padding:8px 16px}.vote-header h2{font-size:1.5rem}.vote-header p{font-size:.82rem}}@media (max-width:380px){.vote-arena{gap:8px}.vote-vs{width:32px;height:32px;font-size:.6rem}.vote-card-info{padding:8px 10px}.vote-card-name{font-size:.85rem}.vote-card-img{aspect-ratio:2/3}}.ranking-section{padding:40px 0 80px}.ranking-header{text-align:center;margin-bottom:20px}.ranking-header h2{font-family:Syne,sans-serif;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.ranking-header p{color:var(--text-2);font-size:.92rem}.ranking-preview{position:absolute;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;pointer-events:auto;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:320px}.ranking-preview.visible{opacity:1;transform:translateY(0)}.preview-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.preview-body{min-width:0}.preview-name{font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;color:var(--text);margin-bottom:2px}.preview-elo{font-size:.75rem;color:var(--accent);font-weight:600;margin-bottom:4px}.preview-stats{display:flex;gap:8px;margin-bottom:4px}.preview-stat{font-size:.65rem;color:var(--text-3);background:var(--bg-raised);padding:2px 6px;border-radius:4px}.preview-socials{display:flex;gap:6px;flex-wrap:wrap}.preview-social{font-size:.6rem;color:var(--text-2);text-decoration:none;transition:var(--t)}.preview-social:hover{color:var(--accent)}.recently-viewed-strip{margin-bottom:20px}.recent-strip-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px;font-weight:500}.recent-strip-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.recent-strip-scroll::-webkit-scrollbar{display:none}.recent-strip-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;flex-shrink:0;transition:var(--t)}.recent-strip-item:hover{transform:translateY(-2px)}.recent-strip-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--border);transition:var(--t)}.recent-strip-item:hover .recent-strip-img{border-color:var(--accent)}.recent-strip-name{font-size:.65rem;color:var(--text-2);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ranking-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}.ranking-controls-right{display:flex;align-items:center;gap:8px}.btn-random-profile{width:40px;height:40px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);flex-shrink:0}.btn-random-profile:hover{background:var(--bg-card-hover);color:var(--accent);border-color:var(--accent)}.btn-share-ranking{width:40px;height:40px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--t);flex-shrink:0}.btn-share-ranking:hover{background:var(--bg-card-hover);color:var(--accent);border-color:var(--accent)}.ranking-sort-wrap{position:relative}.btn-sort-toggle{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);font-size:.78rem;font-family:inherit;cursor:pointer;transition:var(--t);white-space:nowrap}.btn-sort-toggle:hover{background:var(--bg-card-hover);color:var(--accent);border-color:var(--accent)}.btn-sort-toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.sort-label{font-weight:600}.ranking-sort-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:4px;z-index:50;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;box-shadow:0 8px 24px rgba(0,0,0,.4)}.ranking-sort-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.sort-option{display:block;width:100%;padding:10px 14px;background:0 0;border:none;color:var(--text-2);font-size:.82rem;font-family:inherit;text-align:left;cursor:pointer;border-radius:6px;transition:var(--t)}.sort-option:hover{background:var(--bg-card-hover);color:var(--text)}.sort-option.active{color:var(--accent);font-weight:600}.ranking-search{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:var(--t)}.ranking-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.ranking-search svg{color:var(--text-3);flex-shrink:0}.ranking-search input{background:0 0;border:none;outline:0;color:var(--text);font-size:.88rem;font-family:inherit;padding:10px 0;width:140px}.ranking-search input::placeholder{color:var(--text-3)}.ranking-tabs{display:flex;gap:6px;justify-content:center}.ranking-tabs button{padding:10px 28px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);font-size:.92rem;font-weight:600;cursor:pointer;transition:var(--t);font-family:inherit}.ranking-tabs button.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.ranking-tabs button:hover:not(.active){background:var(--bg-card-hover);color:var(--text)}.gender-female .ranking-tabs button.active{background:#ff6b9d;border-color:#ff6b9d}.gender-male .ranking-tabs button.active{background:#5b8aff;border-color:#5b8aff}.gender-female .podium-card.gold{border-color:rgba(255,107,157,.3)}.gender-male .podium-card.gold{border-color:rgba(91,138,255,.3)}.ranking-period-tabs{display:flex;gap:4px}.ranking-period-tabs button{padding:7px 16px;border-radius:var(--r);border:1px solid var(--border);background:0 0;color:var(--text-3);font-size:.78rem;font-weight:500;cursor:pointer;transition:var(--t);font-family:inherit;letter-spacing:.02em}.ranking-period-tabs button.active{background:var(--bg-card-hover);color:var(--text);border-color:var(--border-hover)}.ranking-period-tabs button:hover:not(.active){color:var(--text-2);border-color:var(--border-hover)}.top-three{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:44px;flex-wrap:wrap}.podium-card{width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 18px 22px;text-align:center;transition:var(--t);position:relative;cursor:pointer}.podium-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:0 8px 32px rgba(0,0,0,.3)}.podium-card.gold{border-color:rgba(212,255,0,.25);box-shadow:0 0 40px rgba(212,255,0,.08);order:0;width:220px;background:linear-gradient(180deg,rgba(212,255,0,.04) 0,var(--bg-card) 40%)}.podium-card.gold::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.podium-card.gold:hover{box-shadow:0 0 50px rgba(212,255,0,.14);border-color:rgba(212,255,0,.4);transform:translateY(-8px)}.podium-card.silver:hover{border-color:rgba(192,192,192,.3);box-shadow:0 0 30px rgba(192,192,192,.08)}.podium-card.bronze:hover{border-color:rgba(205,155,106,.3);box-shadow:0 0 30px rgba(205,155,106,.08)}.podium-card.silver{order:-1;background:linear-gradient(180deg,rgba(192,192,192,.03) 0,var(--bg-card) 40%)}.podium-card.bronze{order:1;background:linear-gradient(180deg,rgba(205,155,106,.03) 0,var(--bg-card) 40%)}.podium-rank{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:.85rem}.podium-crown{position:absolute;top:-28px;left:50%;transform:translateX(-50%);animation:crownBob 2s ease-in-out infinite}@keyframes crownBob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}.podium-card.gold .podium-rank{background:var(--accent);color:var(--bg)}.podium-card.silver .podium-rank{background:#8a8a94;color:var(--bg)}.podium-card.bronze .podium-rank{background:#a0734a;color:#fff}.podium-img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block}.podium-card.gold .podium-img{width:110px;height:110px;border:2px solid var(--accent);box-shadow:0 0 20px rgba(212,255,0,.15),0 0 40px rgba(212,255,0,.06)}.podium-card.silver .podium-img{border:2px solid rgba(192,192,192,.4);box-shadow:0 0 15px rgba(192,192,192,.1)}.podium-card.bronze .podium-img{border:2px solid rgba(205,155,106,.4);box-shadow:0 0 15px rgba(205,155,106,.1)}.podium-name{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;margin-bottom:4px}.podium-elo{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;color:var(--accent)}.podium-card.silver .podium-elo{color:silver}.podium-card.bronze .podium-elo{color:#cd9b6a}.podium-stats{margin-top:6px;font-size:.75rem;color:var(--text-3)}.winrate-bar{width:100%;height:3px;background:rgba(255,59,59,.2);border-radius:2px;margin-top:8px;overflow:hidden}.winrate-bar-fill{height:100%;background:var(--green);border-radius:2px;transition:width .6s cubic-bezier(.22,1,.36,1)}.ranking-winrate-bar{width:50px;height:3px;background:rgba(255,59,59,.15);border-radius:2px;overflow:hidden;flex-shrink:0}.ranking-winrate-bar .winrate-bar-fill{background:var(--green)}@media (max-width:480px){.ranking-winrate-bar{width:36px}}.ranking-list{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.ranking-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:var(--t);contain:layout style;cursor:pointer;contain:layout style}.ranking-row:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateX(3px) translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.ranking-row:hover .ranking-row-img{border-color:var(--accent);box-shadow:0 0 12px rgba(212,255,0,.15)}.ranking-row:hover .ranking-row-name{color:var(--accent)}.ranking-row:active{transform:translateX(1px) scale(.995);transition-duration:50ms}.ranking-pos{font-family:Syne,sans-serif;font-weight:800;font-size:1rem;width:32px;text-align:center;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:1px}.rank-change{font-size:.55rem;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:600;display:flex;align-items:center;gap:1px;line-height:1}.rank-up{color:var(--green)}.rank-down{color:var(--red)}.ranking-row:nth-child(-n+7) .ranking-pos{color:var(--accent)}.ranking-row-img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:var(--t)}.ranking-row-info{flex:1}.ranking-row-name{font-weight:600;font-size:.92rem}.name-tag{font-size:.65em;color:var(--text-3);font-weight:400;margin-left:2px;opacity:.6}.ranking-row-record{font-size:.78rem;color:var(--text-3)}.ranking-row-elo-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.ranking-row-elo{font-family:Syne,sans-serif;font-weight:800;font-size:1.05rem;color:var(--accent)}.elo-trend{font-size:.65rem;font-weight:700;font-family:Syne,sans-serif}.elo-trend-up{color:var(--green)}.elo-trend-down{color:var(--red)}.active-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-left:6px;vertical-align:middle;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}.boost-badge-sm{display:inline-block;font-size:.55rem;font-weight:700;color:orange;background:rgba(255,165,0,.12);border:1px solid rgba(255,165,0,.25);padding:1px 5px;border-radius:4px;margin-left:6px;vertical-align:middle;letter-spacing:.5px}.flame-badge{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle;animation:flameGlow 1.2s ease-in-out infinite alternate}@keyframes flameGlow{from{opacity:.7;filter:brightness(1)}to{opacity:1;filter:brightness(1.3)}}.mini-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;font-size:.55rem;font-weight:700;width:16px;height:16px;border-radius:50%;vertical-align:middle;letter-spacing:0}.mini-badge-wr{background:rgba(212,255,0,.15);color:var(--accent);border:1px solid rgba(212,255,0,.25)}.mini-badge-elite{background:rgba(138,138,240,.15);color:#8a8af0;border:1px solid rgba(138,138,240,.25)}.ranking-row-boosted{border-color:rgba(255,165,0,.15)!important}.ranking-row-social{display:flex;gap:4px;flex-shrink:0;align-items:center}.social-tag{padding:3px 7px;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;letter-spacing:.3px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:var(--t)}.social-tag:hover{background:var(--bg-card-hover);color:var(--text)}.social-link{padding:4px 8px;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--border);transition:var(--t);font-size:.6rem;font-weight:600;white-space:nowrap;text-decoration:none;color:var(--text-2)}.social-link:hover{background:var(--bg-card-hover);color:var(--text);transform:scale(1.05)}.elo-info{max-width:680px;margin:32px auto 0}.elo-info-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--t);width:100%}.elo-info-toggle:hover{background:var(--bg-card-hover);color:var(--text)}.elo-info-toggle svg{color:var(--accent);flex-shrink:0}.elo-info-content{display:none;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r) var(--r)}.elo-info.open .elo-info-content{display:block}.elo-info.open .elo-info-toggle{border-radius:var(--r) var(--r) 0 0;color:var(--text)}.elo-info-content p{font-size:.85rem;color:var(--text-2);line-height:1.6;margin-bottom:8px}.elo-info-content p:last-child{margin-bottom:0}.elo-info-content strong{color:var(--accent);font-weight:600}@media (max-width:480px){.elo-info{margin-top:24px;padding:0 12px}.elo-info-toggle{font-size:.78rem;padding:8px 12px}.elo-info-content{padding:12px 14px}.elo-info-content p{font-size:.82rem}}.ranking-empty{text-align:center;padding:50px 24px;color:var(--text-2)}.profile-section{padding:48px 24px}.profile-card-large{max-width:580px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);position:relative;overflow:hidden}.profile-hero-img{width:100%;aspect-ratio:3/4;max-height:320px;object-fit:cover}.profile-card-large::after{content:'';position:absolute;bottom:auto;top:260px;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none;z-index:1}.profile-details{padding:28px;text-align:center}.profile-name{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:6px}.profile-join-date{font-size:.78rem;color:var(--text-3);margin-bottom:8px}.profile-elo-big{font-family:Syne,sans-serif;font-size:2.8rem;font-weight:800;color:var(--accent);margin:12px 0;line-height:1}.achievement-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0 4px}.achievement-badge{display:inline-block;padding:3px 10px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;border:1px solid}.badge-gold{color:gold;border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.08)}.badge-silver{color:silver;border-color:rgba(192,192,192,.3);background:rgba(192,192,192,.08)}.badge-votes{color:var(--accent);border-color:var(--accent-mid);background:var(--accent-dim)}.badge-winrate{color:var(--green);border-color:rgba(0,232,123,.3);background:rgba(0,232,123,.08)}.badge-elo{color:#ff6b6b;border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.08)}.badge-rising{color:#4ecdc4;border-color:rgba(78,205,196,.3);background:rgba(78,205,196,.08)}.badge-voter{color:var(--accent);border-color:rgba(212,255,0,.3);background:rgba(212,255,0,.08)}.badge-active-voter{color:#ffa726;border-color:rgba(255,167,38,.3);background:rgba(255,167,38,.08)}.profile-milestone{margin:10px auto 4px;max-width:220px}.milestone-label{font-size:.68rem;color:var(--text-3);margin-bottom:4px}.milestone-label strong{color:var(--accent)}.milestone-bar{height:3px;background:var(--bg-raised);border-radius:2px;overflow:hidden}.milestone-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .6s ease}.elo-gauge{width:100%;max-width:280px;margin:8px auto 16px;position:relative;height:6px;background:var(--bg-raised);border-radius:3px;overflow:hidden}.elo-gauge-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--red),var(--accent),var(--green));border-radius:3px;transition:width .8s cubic-bezier(.22,1,.36,1)}.elo-gauge-labels{display:none}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.profile-stat{padding:14px;background:rgba(255,255,255,.02);border-radius:var(--r);border:1px solid var(--border)}.profile-stat-value{font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800}.profile-stat-label{font-size:.75rem;color:var(--text-3);margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.profile-rank-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.profile-rank-badge{display:inline-block;padding:6px 16px;background:var(--accent-dim);border:1px solid rgba(212,255,0,.15);border-radius:999px;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;color:var(--accent);letter-spacing:1px}.profile-rank-gender{background:rgba(255,255,255,.03);border-color:var(--border);color:var(--text-2)}.profile-social-links{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.profile-social-btn{padding:9px 18px;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-weight:500;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:var(--t)}.profile-social-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.profile-action-btns{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:16px;flex-wrap:wrap}.profile-action-btns .btn-sm{padding:8px 12px;font-size:.75rem;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;flex-shrink:0}.btn-report{padding:8px 10px!important;min-width:36px;height:36px;color:var(--text-3)}.btn-report:hover{color:var(--red);border-color:rgba(255,59,59,.3)}.btn-boost{background:linear-gradient(135deg,rgba(255,165,0,.15),rgba(255,107,0,.1));border:1px solid rgba(255,165,0,.3);color:orange;display:inline-flex;align-items:center;gap:6px;transition:all .25s ease}.btn-boost:hover{background:linear-gradient(135deg,rgba(255,165,0,.25),rgba(255,107,0,.15));border-color:rgba(255,165,0,.5);box-shadow:0 0 20px rgba(255,165,0,.15)}.btn-boost.boosting{animation:boostPulse .5s ease}.btn-boost.boosted{background:linear-gradient(135deg,rgba(255,165,0,.3),rgba(255,107,0,.2))}@keyframes boostPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.boost-count{background:rgba(255,165,0,.25);padding:1px 6px;border-radius:10px;font-size:.7rem;font-weight:700}.boost-particle{position:fixed;width:6px;height:6px;background:orange;border-radius:50%;pointer-events:none;z-index:9999;animation:boostParticleFly .7s ease-out forwards}@keyframes boostParticleFly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--bpx),var(--bpy)) scale(0)}}.compare-modal{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.compare-modal.open{opacity:1;pointer-events:auto}.compare-modal-content{width:90%;max-width:380px;max-height:80vh;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;overflow-y:auto}.compare-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.compare-modal-header h3{font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem}.compare-modal-close{background:0 0;border:none;color:var(--text-3);font-size:1.5rem;cursor:pointer;padding:0 4px;line-height:1}.compare-modal-close:hover{color:var(--text)}.compare-search-input{width:100%;padding:10px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:inherit;font-size:.88rem;margin-bottom:12px;outline:0}.compare-search-input:focus{border-color:var(--accent)}.compare-list{display:flex;flex-direction:column;gap:6px}.compare-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r);cursor:pointer;transition:var(--t)}.compare-option:hover{background:var(--bg-raised)}.compare-option-img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.compare-option-name{font-weight:600;font-size:.88rem}.compare-option-elo{font-size:.75rem;color:var(--text-3)}.compare-title{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:28px;letter-spacing:-.5px}.compare-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:36px}.compare-player{text-align:center;flex:1;max-width:160px}.compare-player-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid var(--border);margin-bottom:8px;transition:var(--t)}.compare-player:hover .compare-player-img{border-color:var(--accent)}.compare-player-name{font-weight:700;font-size:.95rem}.compare-vs{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--accent);padding:10px;border:2px solid var(--accent);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--accent-glow)}.compare-stats{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.compare-stat-row{display:flex;align-items:center;gap:12px}.compare-stat-val{width:50px;font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;text-align:center;flex-shrink:0}.compare-stat-bar-wrap{flex:1;display:flex;align-items:center;gap:8px}.compare-stat-bar-left,.compare-stat-bar-right{flex:1;height:6px;background:var(--bg-raised);border-radius:3px;overflow:hidden}.compare-stat-bar-left{direction:rtl}.compare-stat-bar-left>div,.compare-stat-bar-right>div{height:100%;border-radius:3px;transition:width .5s ease}.compare-stat-label{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600;white-space:nowrap;min-width:65px;text-align:center}@media (max-width:480px){.compare-player-img{width:70px;height:70px}.compare-vs{width:36px;height:36px;font-size:.85rem}.compare-stat-val{width:40px;font-size:.82rem}.compare-stat-label{font-size:.65rem;min-width:55px}}.profile-elo-chart{max-width:580px;margin:20px auto 0;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);display:none}.profile-elo-chart.has-data{display:block}.elo-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.elo-chart-label{font-size:.82rem;font-weight:600;color:var(--text-2)}.elo-chart-change{font-size:.75rem;font-weight:600}.elo-sparkline{width:100%;height:auto;display:block}.profile-history{max-width:580px;margin:20px auto 0}.history-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:14px;color:var(--text-2)}.history-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:4px;transition:var(--t);cursor:pointer}.history-row:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.history-row.anim{animation:rowSlide .4s cubic-bezier(.22,1,.36,1) both}.history-result{width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:.72rem;flex-shrink:0}.history-win{background:rgba(0,232,123,.12);color:var(--green)}.history-loss{background:rgba(255,59,59,.12);color:var(--red)}.history-opponent-img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.history-opponent-name{flex:1;font-weight:500;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-elo{font-family:Syne,sans-serif;font-weight:700;font-size:.82rem;min-width:40px;text-align:right}.history-time{font-size:.72rem;color:var(--text-3);min-width:45px;text-align:right}.history-empty{text-align:center;color:var(--text-3);font-size:.88rem;padding:20px}@media (max-width:480px){.profile-history{margin-top:16px;padding:0 12px}.history-row{padding:8px 10px;gap:8px}.history-result{width:24px;height:24px;font-size:.65rem}.history-opponent-img{width:28px;height:28px}.history-opponent-name{font-size:.82rem}.history-elo{font-size:.75rem}.history-time{font-size:.65rem;min-width:38px}}.profile-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500;margin-bottom:20px;cursor:pointer;transition:var(--t);font-size:.92rem}.profile-back:hover{color:var(--text)}.join-section{padding:48px 24px}.join-card{max-width:480px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px 32px}.join-card h2{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:6px;text-align:center}.join-card .subtitle{text-align:center;color:var(--text-2);margin-bottom:20px;font-size:.92rem}.join-login-gate{text-align:center;padding:32px 0}.join-login-gate-icon{margin-bottom:16px;opacity:.8}.join-login-gate h3{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:8px}.join-login-gate .subtitle{color:var(--text-3);font-size:.9rem;margin-bottom:24px}.join-google-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 32px;font-size:1rem;font-weight:600}.join-gate-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-3);font-size:.8rem}.join-gate-divider::after,.join-gate-divider::before{content:'';flex:1;height:1px;background:var(--border)}.join-login-alt{margin-top:16px;font-size:.82rem;color:var(--text-3)}.join-login-alt a{color:var(--accent);text-decoration:none}.join-login-alt a:hover{text-decoration:underline}.join-progress{margin-bottom:20px}.join-progress-bar{height:4px;background:var(--bg-card-hover);border-radius:2px;overflow:hidden;margin-bottom:4px}.join-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease,background .3s ease}.join-progress-label{font-size:.7rem;color:var(--text-3);text-align:right}.join-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;padding:16px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--r)}.join-benefit{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--text-2)}@media (max-width:480px){.join-benefits{grid-template-columns:1fr;gap:8px}}.join-preview{display:flex;justify-content:center;margin-bottom:24px}.join-preview-card{text-align:center;padding:20px;background:var(--bg-raised);border:1px dashed var(--border);border-radius:var(--r-lg);width:160px;transition:var(--t)}.join-preview-card.has-data{border-style:solid;border-color:var(--accent);box-shadow:0 0 20px rgba(212,255,0,.06)}.join-preview-img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block;border:2px solid var(--border);transition:var(--t)}.join-preview-card.has-data .join-preview-img{border-color:var(--accent)}.join-preview-name{font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;color:var(--text-2);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-preview-card.has-data .join-preview-name{color:var(--text)}.join-preview-elo{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--accent);opacity:.5}.join-preview-card.has-data .join-preview-elo{opacity:1}.join-preview-tag{font-size:.62rem;color:var(--text-3);text-transform:uppercase;letter-spacing:1px;margin-top:6px}@media (max-width:480px){.join-preview-card{width:140px;padding:16px}.join-preview-img{width:60px;height:60px}.join-preview-name{font-size:.85rem}.join-preview-elo{font-size:.95rem}}.join-login-prompt{text-align:center;padding:32px 16px}.join-login-prompt p{color:var(--text-2);margin-bottom:18px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text-2);margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:0;-webkit-appearance:none}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:38px;cursor:pointer}.form-group select:hover{border-color:var(--border-hover)}.form-group textarea{resize:vertical;min-height:80px;max-height:200px;line-height:1.5}.form-group input:hover,.form-group textarea:hover{border-color:var(--border-hover)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-3);font-size:.85rem}.form-group select option{background:var(--bg-raised);color:var(--text);padding:8px}.photo-upload{border:2px dashed var(--border);border-radius:var(--r-lg);padding:32px 18px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden;background:rgba(255,255,255,.01)}.photo-upload.drag-over,.photo-upload:hover{border-color:var(--accent);background:var(--accent-dim);background:var(--accent-dim)}.photo-upload.drag-over{box-shadow:0 0 20px rgba(212,255,0,.1)}.photo-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-upload-icon{font-size:1.8rem;margin-bottom:6px;color:var(--text-3)}.photo-upload p{color:var(--text-2);font-size:.88rem}.photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:none}.photo-upload.has-preview .photo-upload-icon,.photo-upload.has-preview p{display:none}.photo-upload.has-preview .photo-preview{display:block}.form-hint{font-size:.72rem;color:var(--text-3);margin-top:5px;padding-left:2px}.form-error{color:var(--red);font-size:.82rem;margin-top:8px;display:none}.form-error.visible{display:block}.form-group-checkbox{padding-top:8px;border-top:1px solid var(--border);margin-top:24px}.form-group-checkbox+.form-group-checkbox{border-top:none;margin-top:0;padding-top:0}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.82rem;line-height:1.5;color:var(--text-2);font-weight:400;position:relative;-webkit-tap-highlight-color:transparent;padding:10px 14px;border-radius:var(--r);border:1px solid transparent;transition:background .2s,border-color .2s}.checkbox-label:hover{background:var(--accent-dim);border-color:var(--border)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none;-webkit-appearance:none;appearance:none}.checkbox-custom{flex-shrink:0;width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid var(--text-3);border-radius:5px;background:var(--bg-raised);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:1px}.checkbox-label:hover .checkbox-custom{border-color:var(--accent);background:rgba(212,255,0,.04)}.checkbox-label input:focus-visible+.checkbox-custom{outline:2px solid var(--accent);outline-offset:2px}.checkbox-label input:checked+.checkbox-custom{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px rgba(212,255,0,.2);transform:scale(1)}.checkbox-label input:checked+.checkbox-custom::after{content:'';display:block;width:5px;height:9px;border:solid var(--bg);border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px;animation:checkPop .2s cubic-bezier(.4,0,.2,1)}@keyframes checkPop{0%{opacity:0;transform:rotate(45deg) scale(.5)}100%{opacity:1;transform:rotate(45deg) scale(1)}}.checkbox-text{flex:1;padding-top:1px}.checkbox-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.checkbox-text a:hover{color:var(--text)}.legal-section{padding:120px 20px 80px}.legal-title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:var(--text);margin-bottom:8px}.legal-updated{font-size:.8rem;color:var(--text-3);margin-bottom:40px}.legal-content{max-width:720px}.legal-content h2{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;color:var(--accent);margin-top:36px;margin-bottom:14px;letter-spacing:-.02em}.legal-content p{font-size:.88rem;line-height:1.7;color:var(--text-2);margin-bottom:10px}.legal-content ul{list-style:none;padding-left:0;margin-bottom:12px}.legal-content ul li{font-size:.86rem;line-height:1.65;color:var(--text-2);padding-left:18px;position:relative;margin-bottom:6px}.legal-content ul li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.5}.form-success{text-align:center;padding:36px 18px}.form-success .checkmark{font-size:2.4rem;margin-bottom:14px;color:var(--green)}.form-success h3{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:6px}.form-success p{color:var(--text-2);margin-bottom:20px;font-size:.92rem}.spinner{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:36px auto}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--bg-card);border-radius:var(--r);position:relative;overflow:hidden}.skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skeleton-trending{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto}.skeleton-trending-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);position:relative;overflow:hidden}.skeleton-trending-item::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-circle{width:44px;height:44px;border-radius:50%;background:var(--bg-raised);flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-line{height:10px;background:var(--bg-raised);border-radius:4px}.skeleton-line:first-child{width:70%}.skeleton-line:last-child{width:45%}.skeleton-activity{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.skeleton-activity-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);position:relative;overflow:hidden}.skeleton-activity-item::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-bar{height:10px;background:var(--bg-raised);border-radius:4px}.profile-skeleton{padding:60px 20px 20px;text-align:center;animation:shimmer 1.5s ease-in-out infinite}.skeleton-podium{display:flex;justify-content:center;align-items:flex-end;gap:16px}.skeleton-podium-card{width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 18px 22px;text-align:center;position:relative;overflow:hidden}.skeleton-podium-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-podium-img{width:90px;height:90px;border-radius:50%;background:var(--bg-raised);margin:0 auto 14px}.skeleton-podium-card:nth-child(2){width:220px}.skeleton-podium-card:nth-child(2) .skeleton-podium-img{width:110px;height:110px}.skeleton-vote{display:flex;gap:28px;align-items:stretch;justify-content:center;width:100%;max-width:780px}.skeleton-vote-card{flex:1;max-width:350px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;position:relative}.skeleton-vote-card::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-vote-img{width:100%;aspect-ratio:3/4;background:var(--bg-raised)}.skeleton-vote-info{padding:16px 18px;display:flex;flex-direction:column;gap:6px}@media (max-width:768px){.skeleton-trending{grid-template-columns:1fr 1fr}.skeleton-podium-card{width:180px}.skeleton-podium-card:nth-child(2){width:200px}}@media (max-width:480px){.skeleton-trending{grid-template-columns:1fr}.skeleton-vote{gap:8px}.skeleton-vote-card{max-width:50%}.skeleton-podium{gap:8px}.skeleton-podium-card{width:auto!important;flex:1;padding:22px 10px 16px}.skeleton-podium-img{width:56px!important;height:56px!important}}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(80px);padding:12px 24px;border-radius:var(--r);background:var(--bg-raised);border:1px solid var(--border);color:var(--text);font-weight:500;font-size:.88rem;z-index:2000;transition:transform .35s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(14px)}.toast.visible{transform:translateX(-50%) translateY(0)}.bottom-nav{display:none;will-change:transform;position:fixed;bottom:0;left:0;right:0;z-index:1000;background:rgba(8,8,10,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,6px)}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto;position:relative}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 12px;font-size:.62rem;font-weight:600;color:var(--text-2);transition:color .2s ease,transform .2s ease;text-transform:uppercase;letter-spacing:.5px;-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav a:active{transform:scale(.9)}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active svg{filter:drop-shadow(0 0 6px rgba(212,255,0,.3))}.bottom-nav a.active::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:18px;height:2px;background:var(--accent);border-radius:2px;animation:navDotIn .3s ease}@keyframes navDotIn{from{width:0;opacity:0}to{width:18px;opacity:1}}.bottom-nav a svg{width:22px;height:22px;stroke-width:1.8;transition:transform .2s ease}.bottom-nav a.active svg{transform:translateY(-1px)}@media (max-width:768px){.hamburger{display:flex}.nav-links{display:none}.nav-user-desktop{display:none}.bottom-nav{display:block}main{padding-bottom:72px}.site-footer{padding-bottom:80px}.marquee-track span{letter-spacing:2px;padding:0 14px}.marquee-wrap::after,.marquee-wrap::before{width:40px}.profile-action-btns{gap:4px}.profile-action-btns .btn-sm{padding:6px 10px;font-size:.7rem;height:32px}.hero{padding:50px 18px 36px}.hero h1{font-size:2.8rem;letter-spacing:-1.5px}.hero-desc{font-size:1rem;margin-bottom:36px}.hero-tag{margin-bottom:28px;font-size:.6rem}.hero-deco{display:none}.hero-proof{gap:14px;flex-wrap:wrap}.hero-proof-item{font-size:.75rem}.stats-bar{padding:32px 18px}.stats-grid{gap:28px}.stat-number{font-size:2rem}.vote-arena{gap:14px}.vote-card{max-width:320px}.vote-vs{width:42px;height:42px;font-size:.82rem}.top-three{gap:12px}.podium-card{width:180px}.podium-card.gold{width:200px}.podium-img{width:80px;height:80px}.podium-card.gold .podium-img{width:96px;height:96px}.ranking-row-social{display:none}.step{gap:18px}.step-num{font-size:2.2rem;min-width:56px}.join-section{padding:36px 16px}.profile-hero-img{max-height:320px}}@media (max-width:480px){.hero{padding:36px 14px 24px}.hero h1{font-size:2.2rem;letter-spacing:-1px}.hero h1 .hero-line-top{font-size:.42em;letter-spacing:5px}.hero-desc{font-size:.92rem;line-height:1.6;max-width:320px}.hero-buttons{flex-direction:column;align-items:center;gap:10px}.hero-buttons .btn{width:100%;justify-content:center}.hero-proof{margin-top:36px;gap:10px}.hero-proof-item{gap:5px;font-size:.72rem}.hero-proof-divider{height:22px}.marquee-track span{font-size:.6rem;letter-spacing:2px;padding:0 16px}.stats-bar{padding:24px 14px}.stats-grid{gap:20px}.stat-number{font-size:1.7rem}.stat-label{font-size:.68rem}.vote-section{padding:24px 12px}.vote-header{margin-bottom:14px}.vote-header h2{font-size:1.4rem}.vote-header p{font-size:.82rem}.vote-arena{flex-direction:row;gap:8px;max-width:100%}.vote-card{max-width:50%;flex:1}.vote-card-img{aspect-ratio:3/4}.vote-card-info{padding:10px 12px}.vote-card-name{font-size:.92rem}.vote-card-elo{font-size:.72rem}.vote-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;font-size:.72rem}.vote-result-text{font-size:.92rem;padding:6px 14px}.vote-elo-change{font-size:.82rem}.gender-filter{margin-bottom:20px}.gender-filter button{padding:7px 14px;font-size:.78rem}.ranking-section{padding:28px 0 60px}.ranking-header{margin-bottom:14px}.ranking-header h2{font-size:1.4rem}.ranking-controls{margin-bottom:20px;gap:10px;flex-direction:column}.ranking-controls-right{width:100%;justify-content:center}.ranking-tabs button{padding:8px 20px;font-size:.82rem}.ranking-period-tabs{width:100%;justify-content:center}.ranking-period-tabs button{padding:6px 12px;font-size:.72rem}.ranking-search{flex:1;max-width:240px}.ranking-search input{width:100%}.btn-random-profile{width:36px;height:36px}.top-three{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:0 12px;margin-bottom:28px;align-items:flex-end}.podium-card{width:auto!important;flex:1;padding:22px 10px 16px;order:unset!important}.podium-card.gold{order:0!important}.podium-card.silver{order:-1!important}.podium-card.bronze{order:1!important}.podium-img{width:56px;height:56px;margin-bottom:8px}.podium-card.gold .podium-img{width:68px;height:68px}.podium-name{font-size:.82rem}.podium-elo{font-size:1rem}.podium-stats{font-size:.65rem}.podium-rank{width:26px;height:26px;font-size:.72rem;top:-10px}.ranking-list{padding:0 12px;gap:4px}.ranking-row{padding:10px 12px;gap:10px}.ranking-pos{font-size:.88rem;width:26px}.ranking-row-img{width:36px;height:36px}.ranking-row-name{font-size:.85rem}.ranking-row-record{font-size:.72rem}.ranking-row-elo{font-size:.92rem}.profile-section{padding:28px 14px}.profile-hero-img{max-height:280px}.profile-details{padding:20px 16px}.profile-name{font-size:1.4rem}.profile-elo-big{font-size:2.2rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-stat{padding:10px 8px}.profile-stat-value{font-size:1.1rem}.profile-stat-label{font-size:.68rem}.profile-social-links{gap:6px}.profile-social-btn{padding:10px 14px;font-size:.8rem}.join-card{padding:24px 18px}.join-card h2{font-size:1.25rem}.join-card .subtitle{font-size:.85rem}.photo-upload{padding:24px 14px}.form-group input,.form-group select,.form-group textarea{padding:11px 12px;font-size:.86rem}.checkbox-label{padding:8px 10px;gap:10px;font-size:.78rem}.how-section{padding:48px 14px}.section-heading{font-size:1.5rem;margin-bottom:32px}.step-num{font-size:1.8rem;min-width:48px}.step-content h3{font-size:1.05rem}.step-content p{font-size:.85rem}.step{padding:20px 0}.site-footer{padding:24px 16px 80px;font-size:.72rem}.auth-modal{padding:0;align-items:flex-end}.auth-modal-content{border-radius:var(--r-lg) var(--r-lg) 0 0;max-width:100%;padding:28px 20px 36px;max-height:90vh;overflow-y:auto}.toast{left:14px;right:14px;transform:translateY(80px);text-align:center}.toast.visible{transform:translateY(0)}.trending-section{padding:40px 14px 24px}.trending-card{padding:12px 14px;gap:10px}.trending-img{width:38px;height:38px}.trending-name{font-size:.82rem}.trending-elo{font-size:.72rem}.activity-section{padding:24px 14px 40px}.activity-row{padding:10px 12px}.activity-matchup{font-size:.82rem;gap:6px}.activity-meta{gap:8px}.activity-time{font-size:.65rem;min-width:40px}}@media (max-width:360px){.hero h1{font-size:1.8rem}.hero-desc{font-size:.85rem}.btn{padding:12px 20px;font-size:.85rem}.vote-card-info{padding:8px 10px}.vote-card-name{font-size:.82rem}.vote-vs{width:30px;height:30px;font-size:.65rem}.podium-img{width:48px;height:48px}.podium-card.gold .podium-img{width:58px;height:58px}.podium-name{font-size:.75rem}.podium-elo{font-size:.88rem}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:0.16s}.reveal-delay-3{transition-delay:0.24s}.reveal-delay-4{transition-delay:0.32s}@keyframes vsPulse{0%,100%{box-shadow:0 0 20px rgba(212,255,0,.12);transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 38px rgba(212,255,0,.28);transform:translate(-50%,-50%) scale(1.08)}}.vote-vs{animation:vsPulse 2.5s ease-in-out infinite}.vote-card.winner .vote-result-text{box-shadow:0 0 20px rgba(0,232,123,.2)}.vote-card.loser .vote-result-text{box-shadow:0 0 20px rgba(255,59,59,.15)}@keyframes rowSlide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}.ranking-row.anim{animation:rowSlide .4s cubic-bezier(.22,1,.36,1) both}.ranking-row.row-visible .ranking-row-img{animation:imgPop .3s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes imgPop{from{transform:scale(.8);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes podiumRise{from{opacity:0;transform:translateY(30px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.podium-card.anim{animation:podiumRise .55s cubic-bezier(.22,1,.36,1) both}.vote-card:active:not(.winner):not(.loser){transform:scale(.96);border-color:var(--accent);transition-duration:.1s}@media (hover:none){.vote-card::before{content:'';position:absolute;inset:0;background:rgba(212,255,0,0);z-index:5;pointer-events:none;transition:background .2s ease;border-radius:inherit}.vote-card:active:not(.winner):not(.loser)::before{background:rgba(212,255,0,.05)}}.hero h1 .accent{text-shadow:0 0 40px rgba(212,255,0,.2)}.stat:hover .stat-number{text-shadow:0 0 24px rgba(212,255,0,.3);transition:text-shadow .3s ease}.demo-badge{position:fixed;top:68px;right:12px;padding:5px 12px;background:var(--accent);color:var(--bg);font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:var(--r);z-index:999;opacity:.8}.site-footer{border-top:1px solid var(--border);padding:36px 24px 32px;color:var(--text-3);font-size:.78rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.footer-brand-col{display:flex;flex-direction:column;gap:4px;min-width:160px}.site-footer .footer-brand{font-family:Syne,sans-serif;font-weight:800;color:var(--accent);font-size:1rem}.footer-tagline{font-size:.75rem;color:var(--text-2);line-height:1.4}.footer-copyright{font-size:.7rem;color:var(--text-2);margin-top:4px}.footer-col-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-2);font-weight:600;margin-bottom:8px}.footer-links{display:flex;flex-direction:row;gap:4px 16px;flex-wrap:wrap}.footer-links a{color:var(--text-2);text-decoration:none;font-size:.8rem;padding:4px 0;transition:var(--t)}.footer-links a:hover{color:var(--text)}.footer-theme-btn{background:0 0;border:1px solid var(--border);color:var(--text-2);cursor:pointer;padding:6px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;min-height:36px;font-size:.75rem;transition:var(--t);vertical-align:middle}.footer-theme-btn:hover{color:var(--accent);border-color:var(--accent)}.footer-bottom{display:flex;align-items:center;gap:8px;margin-top:6px}@media (max-width:640px){.footer-inner{flex-direction:column;gap:20px;align-items:center;text-align:center}.footer-links{justify-content:center}.footer-bottom{justify-content:center}}.user-dropdown-theme svg{opacity:.7}.user-dropdown-theme:hover svg{opacity:1}.error-page{padding:140px 24px 80px;text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center}.error-code{font-family:Syne,sans-serif;font-size:8rem;font-weight:800;color:var(--accent);line-height:1;letter-spacing:-6px;opacity:.3}.error-title{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;margin-top:-10px;margin-bottom:12px}.error-desc{color:var(--text-2);font-size:.92rem;margin-bottom:32px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-links{margin-top:48px;text-align:center}.error-links-title{font-size:.82rem;color:var(--text-3);margin-bottom:16px;text-transform:uppercase;letter-spacing:1.5px}.error-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:480px;margin:0 auto}.error-link-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);text-decoration:none;font-size:.78rem;font-weight:500;transition:border-color .2s,color .2s,transform .2s}.error-link-card:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}@media (max-width:480px){.error-code{font-size:5rem}.error-title{font-size:1.3rem}.error-actions{flex-direction:column;align-items:center}.error-links-grid{grid-template-columns:repeat(2,1fr)}}.scroll-top-btn{position:fixed;bottom:80px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease,background .15s ease;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.3)}.scroll-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}@media (max-width:768px){.scroll-top-btn{bottom:72px;right:12px;width:36px;height:36px}}.pwa-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);z-index:1900;display:flex;align-items:center;gap:14px;padding:14px 20px;background:linear-gradient(135deg,rgba(212,255,0,.08),var(--bg-card));border:1px solid rgba(212,255,0,.2);border-radius:var(--r-lg);box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;transition:opacity .35s ease,transform .35s ease;max-width:calc(100% - 32px)}.pwa-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.pwa-text{font-size:.82rem;color:var(--text-2)}.pwa-text strong{color:var(--text)}.pwa-actions{display:flex;gap:8px;flex-shrink:0}.pwa-btn{padding:7px 14px;font-size:.78rem;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;border:none}.pwa-install{background:var(--accent);color:var(--bg)}.pwa-dismiss{background:0 0;color:var(--text-3);border:1px solid var(--border)}.top-progress-bar{position:fixed;top:0;left:0;width:100%;height:2px;z-index:9999;pointer-events:none}.top-progress-fill{height:100%;width:0%;background:var(--accent);transition:width .3s ease,opacity .3s ease;box-shadow:0 0 8px rgba(212,255,0,.4)}.cookie-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);z-index:2000;display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;transition:opacity .35s ease,transform .35s ease;max-width:calc(100% - 32px)}.cookie-banner.visible{opacity:1;transform:translateX(-50%) translateY(0)}.cookie-text{font-size:.8rem;color:var(--text-2);line-height:1.4}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-btn{padding:10px 18px;font-size:.8rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--r);cursor:pointer;transition:var(--t)}.cookie-accept{background:var(--accent);color:#000}.cookie-accept:hover{background:#e5ff33}.cookie-more{background:0 0;color:var(--text-2);border:1px solid var(--border)}.cookie-more:hover{color:var(--text-2);border-color:var(--border-hover)}@media (max-width:480px){.cookie-banner{flex-direction:column;bottom:70px;text-align:center}}.update-banner{position:fixed;top:0;left:0;right:0;z-index:3000;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 20px;background:var(--accent);color:var(--bg);font-size:.82rem;font-weight:600;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;transform:translateY(-100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}.update-banner.visible{transform:translateY(0)}.update-banner button{padding:4px 14px;background:var(--bg);color:var(--accent);border:none;border-radius:var(--r);font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer}.nav-login-link{font-size:.82rem!important;color:var(--text-2)!important;background:0 0!important;border:1px solid var(--border);margin-left:4px}.nav-login-link:hover{color:var(--text)!important;border-color:var(--border-hover);background:rgba(255,255,255,.03)!important}.auth-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:3000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(6px)}.auth-modal.open{display:flex}.auth-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px 32px;max-width:400px;width:100%;position:relative}.auth-modal-content h3{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--text)}.auth-modal-close{position:absolute;top:14px;right:14px;cursor:pointer;color:var(--text-2);padding:4px;border-radius:var(--r);transition:var(--t)}.auth-modal-close:hover{color:var(--text);background:rgba(255,255,255,.05)}.auth-field{margin-bottom:12px}.auth-field input{width:100%;padding:12px 14px;font-size:.92rem;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);transition:var(--t)}.auth-field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.auth-field input::placeholder{color:var(--text-3)}.auth-error{font-size:.82rem;color:var(--red);min-height:20px;margin-bottom:8px}.auth-submit{width:100%;justify-content:center;margin-bottom:0}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-3);font-size:.78rem}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:var(--border)}.auth-google{width:100%;justify-content:center;display:flex;align-items:center;gap:8px;background:var(--bg-raised)!important;border:1px solid var(--border)!important;color:var(--text)!important;font-weight:500}.auth-google:hover{background:var(--bg-card-hover)!important;border-color:var(--border-hover)!important}.auth-google svg{flex-shrink:0}.auth-switch{text-align:center;margin-top:16px;font-size:.82rem;color:var(--text-2)}.auth-switch a{color:var(--accent);font-weight:600}.auth-switch a:hover{text-decoration:underline}.vote-streak{display:none;text-align:center;margin-top:12px;font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--accent);letter-spacing:2px}.vote-streak.visible{display:block}.vote-streak.pulse{animation:streakPulse .4s ease}@keyframes streakPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.vote-session-stats{text-align:center;padding:16px;color:var(--text-2);font-size:.88rem}.vote-counter strong{color:var(--accent);font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem}.profile-share{display:inline-flex;align-items:center;gap:6px}.success-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}.toast-success{border-color:var(--green)}.toast-error{border-color:var(--red)}.vote-sound-toggle{background:0 0;border:1px solid var(--border);border-radius:var(--r);color:var(--text-3);cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;transition:color .15s ease,border-color .15s ease}.vote-sound-toggle:hover{color:var(--accent);border-color:var(--accent)}.fast-vote-toggle{background:0 0;border:1px solid var(--border);border-radius:var(--r);color:var(--text-3);cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;transition:color .15s ease,border-color .15s ease,background .15s ease}.fast-vote-toggle:hover{color:var(--accent);border-color:var(--accent)}.fast-vote-toggle.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.live-voting-indicator{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;color:var(--text-2);margin-top:6px}.live-voting-indicator .live-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:liveBlink 1.2s ease-in-out infinite}@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.3}}.vote-prediction{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%) translateY(6px);background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:.72rem;font-weight:500;color:var(--text-2);white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:10}.vote-prediction.visible{opacity:1;transform:translateX(-50%) translateY(0)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:confettiFall 1.5s ease forwards}@keyframes confettiFall{0%{transform:translateY(0) translateX(0) rotate(0);opacity:1}100%{transform:translateY(100vh) translateX(var(--cx,0)) rotate(720deg);opacity:0}}.streak-burst-particle{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;animation:streakBurst .6s ease-out forwards}@keyframes streakBurst{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--sbx,0),var(--sby,0)) scale(0);opacity:0}}.h2h-section{padding:40px 24px 20px}.h2h-arena{display:flex;align-items:center;justify-content:center;gap:0;margin-top:24px;position:relative}.h2h-card{display:flex;flex-direction:column;align-items:center;padding:24px 20px 18px;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;text-align:center;flex:1;max-width:220px}.h2h-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent);box-shadow:0 8px 24px rgba(212,255,0,.08)}.h2h-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border);margin-bottom:12px}.h2h-card:hover .h2h-photo{border-color:var(--accent)}.h2h-name{font-family:Syne,sans-serif;font-weight:700;font-size:1rem;margin-bottom:4px}.h2h-elo{font-size:.82rem;color:var(--accent);font-weight:600}.h2h-winrate{font-size:.72rem;color:var(--text-2);margin-top:2px}.h2h-vs-badge{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--text-3);background:var(--bg);border:2px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin:0 -10px;flex-shrink:0}@media (max-width:480px){.h2h-card{max-width:150px;padding:16px 12px 12px}.h2h-photo{width:60px;height:60px}.h2h-name{font-size:.85rem}.h2h-vs-badge{width:36px;height:36px;font-size:.9rem}}.history-section{padding:80px 24px 40px;min-height:60vh}.history-empty,.history-login-prompt{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center;color:var(--text-2)}.history-empty p,.history-login-prompt p{font-size:.9rem;max-width:300px}.history-date-header{font-family:Syne,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:20px 0 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.history-date-header:first-child{padding-top:0}.history-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(29,29,37,.5);gap:8px}.history-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.history-loser{flex-direction:row-reverse;text-align:right}.history-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.history-winner .history-avatar{border-color:rgba(0,232,123,.3)}.history-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-center{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;min-width:60px}.history-elo-change{font-family:Syne,sans-serif;font-weight:700;font-size:.82rem;color:var(--green)}.history-vs{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}.history-time{font-size:.65rem;color:var(--text-3)}@media (max-width:480px){.history-section{padding:70px 14px 30px}.history-avatar{width:30px;height:30px}.history-name{font-size:.78rem}.history-center{min-width:50px}}.hall-of-fame-section{padding:48px 24px 32px}.hof-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-top:28px}.hof-card{display:flex;flex-direction:column;align-items:center;padding:20px 16px 16px;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border);transition:transform .22s ease,border-color .22s ease;text-align:center;width:160px}.hof-card:hover{transform:translateY(-4px)}.hof-card--gold{width:180px;padding:28px 16px 20px;border-color:rgba(255,215,0,.3);background:linear-gradient(170deg,rgba(255,215,0,.06) 0,var(--bg-card) 60%)}.hof-card--gold:hover{border-color:rgba(255,215,0,.5)}.hof-card--silver{border-color:rgba(192,192,192,.2);background:linear-gradient(170deg,rgba(192,192,192,.04) 0,var(--bg-card) 60%)}.hof-card--bronze{border-color:rgba(205,127,50,.2);background:linear-gradient(170deg,rgba(205,127,50,.04) 0,var(--bg-card) 60%)}.hof-medal{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);margin-bottom:12px}.hof-card--gold .hof-medal{color:gold}.hof-card--silver .hof-medal{color:silver}.hof-card--bronze .hof-medal{color:#cd7f32}.hof-img-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;margin-bottom:10px;border:2px solid var(--border)}.hof-card--gold .hof-img-wrap{width:88px;height:88px;border-color:rgba(255,215,0,.4);box-shadow:0 0 20px rgba(255,215,0,.15)}.hof-img{width:100%;height:100%;object-fit:cover}.hof-name{font-family:Syne,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:2px}.hof-card--gold .hof-name{font-size:1.1rem}.hof-elo{font-size:.78rem;color:var(--text-2);font-weight:500}.hof-card--gold .hof-elo{color:var(--accent)}@media (max-width:600px){.hof-podium{gap:8px}.hof-card{width:110px;padding:14px 10px 12px}.hof-card--gold{width:130px;padding:20px 10px 14px}.hof-img-wrap{width:56px;height:56px}.hof-card--gold .hof-img-wrap{width:68px;height:68px}.hof-name{font-size:.82rem}.hof-card--gold .hof-name{font-size:.95rem}}.hot-section{padding:40px 24px 20px}.hot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;max-width:720px;margin:0 auto}.hot-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t);overflow:hidden}.hot-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--red);opacity:.7;border-radius:3px 0 0 3px}.hot-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.hot-card-img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}.hot-card-info{flex:1;min-width:0}.hot-card-name{font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-card-votes{font-size:.72rem;color:var(--red);font-weight:600;display:flex;align-items:center;gap:4px}.hot-card-votes svg{width:10px;height:10px}.hot-badge{position:absolute;top:6px;right:8px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--red);opacity:.5}@keyframes hotIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.hot-card.anim{animation:hotIn .35s cubic-bezier(.22,1,.36,1) both}@media (max-width:480px){.hot-section{padding:24px 14px 10px}.hot-grid{grid-template-columns:1fr}.hot-card{padding:12px 14px}}.newcomers-section{padding:40px 24px 20px}.newcomers-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px;scrollbar-width:none;max-width:720px;margin:0 auto}.newcomers-scroll::-webkit-scrollbar{display:none}.newcomer-card{scroll-snap-align:start;flex-shrink:0;width:130px;text-align:center;padding:18px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t)}.newcomer-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-3px)}.newcomer-img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 10px;display:block;border:2px solid var(--border)}.newcomer-name{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.newcomer-tag{font-size:.65rem;color:var(--green);font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes newcomerIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.newcomer-card.anim{animation:newcomerIn .35s cubic-bezier(.22,1,.36,1) both}@media (max-width:480px){.newcomers-section{padding:24px 14px 10px}.newcomer-card{width:110px;padding:14px 10px}.newcomer-img{width:50px;height:50px}.newcomer-name{font-size:.75rem}}.recent-viewed-section{padding:40px 24px 20px}.recent-viewed-scroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 0 16px;scrollbar-width:none;max-width:720px;margin:0 auto}.recent-viewed-scroll::-webkit-scrollbar{display:none}.recent-viewed-section::before{content:'';display:block;width:40px;height:1px;background:var(--border);margin:0 auto 40px}@media (max-width:480px){.recent-viewed-section{padding:24px 14px 10px}}.features-section{padding:60px 24px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 20px;transition:var(--t)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.feature-icon{width:44px;height:44px;border-radius:var(--r);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card h3{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--text)}.feature-card p{font-size:.82rem;color:var(--text-2);line-height:1.55}@media (max-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.features-section{padding:40px 14px}.features-grid{grid-template-columns:1fr}.feature-card{padding:20px 16px}}.gender-preview-section{padding:60px 24px}.gender-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.gender-preview-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px 20px;text-align:center}.gender-preview-label{font-family:Syne,sans-serif;font-size:.85rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.gender-preview-list{display:flex;flex-direction:column;gap:8px}.gender-preview-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);text-decoration:none;color:var(--text);transition:var(--t)}.gender-preview-row:hover{border-color:var(--accent);background:var(--bg-card-hover)}.gender-preview-rank{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;color:var(--accent);min-width:24px}.gender-preview-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.gender-preview-info{flex:1;text-align:left;display:flex;flex-direction:column;gap:2px}.gender-preview-name{font-size:.85rem;font-weight:600}.gender-preview-elo{font-size:.72rem;color:var(--text-2)}.gender-preview-winrate{font-size:.75rem;color:var(--text-2);font-weight:600}@media (max-width:480px){.gender-preview-section{padding:40px 14px}.gender-preview-grid{grid-template-columns:1fr;gap:16px}.gender-preview-col{padding:20px 14px}}.faq-section{padding:60px 24px}.faq-list{max-width:640px;margin:32px auto 0;display:flex;flex-direction:column;gap:4px}.faq-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:var(--t)}.faq-item.open{border-color:var(--border-hover)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--bg-card);color:var(--text);border:none;cursor:pointer;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.88rem;font-weight:500;text-align:left;line-height:1.4;transition:var(--t)}.faq-question:hover{background:var(--bg-card-hover)}.faq-chevron{flex-shrink:0;transition:transform .3s ease;color:var(--text-3)}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--accent)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 18px;background:var(--bg-raised)}.faq-item.open .faq-answer{max-height:300px;padding:14px 18px 18px}.faq-answer p{font-size:.82rem;color:var(--text-2);line-height:1.65}@media (max-width:480px){.faq-section{padding:40px 14px}.faq-question{font-size:.84rem;padding:14px 14px}.faq-answer p{font-size:.8rem}}.cta-section{padding:40px 24px 60px}.cta-card{max-width:560px;margin:0 auto;text-align:center;padding:48px 36px;background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--r-lg);position:relative;overflow:hidden}.cta-card::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:300px;height:200px;background:radial-gradient(ellipse at center,rgba(212,255,0,.06) 0,transparent 70%);pointer-events:none}.cta-badge{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(212,255,0,.15);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:16px;position:relative}.cta-card h2{font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;position:relative}.cta-card p{color:var(--text-2);font-size:.95rem;line-height:1.6;margin-bottom:20px;position:relative}.cta-features{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;position:relative}.cta-feature{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:500;color:var(--text-2)}.btn-lg{padding:14px 32px;font-size:1rem}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}@media (max-width:480px){.cta-section{padding:24px 14px 40px}.cta-card{padding:32px 20px}.cta-card h2{font-size:1.4rem}.cta-card p{font-size:.88rem}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%;justify-content:center}}.hot-marquee{overflow:hidden;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--bg),var(--bg-raised),var(--bg))}.hot-marquee-track{display:flex;gap:32px;animation:marqueeScroll 25s linear infinite;width:max-content}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hot-marquee:hover .hot-marquee-track{animation-play-state:paused}.hot-marquee-item{display:flex;align-items:center;gap:8px;flex-shrink:0}.hot-marquee-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border)}.hot-marquee-name{font-size:.78rem;font-weight:500;color:var(--text);white-space:nowrap}.hot-marquee-change{font-size:.7rem;font-weight:600;color:var(--green);background:rgba(0,232,123,.08);padding:2px 6px;border-radius:4px}.activity-section::before,.hot-section::before,.how-section::before,.newcomers-section::before,.trending-section::before{content:'';display:block;width:40px;height:1px;background:var(--border);margin:0 auto 40px}.trending-section{padding:60px 24px 40px}.trending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto}.trending-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:var(--t);position:relative;overflow:hidden}.trending-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.trending-card:first-child{border-color:rgba(212,255,0,.2)}.trending-card:first-child:hover{border-color:rgba(212,255,0,.4);box-shadow:0 0 20px rgba(212,255,0,.06)}.trending-rank{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:var(--text-3);min-width:22px;text-align:center}.trending-card:first-child .trending-rank{color:var(--accent)}.trending-card:nth-child(2) .trending-rank{color:#8a8a94}.trending-card:nth-child(3) .trending-rank{color:#a0734a}.trending-img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.trending-info{flex:1;min-width:0}.trending-name{font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-elo{font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;color:var(--accent)}.trending-stats{font-size:.7rem;color:var(--text-2)}.trending-cta{text-align:center;margin-top:24px}@keyframes trendingIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.trending-card.anim{animation:trendingIn .4s cubic-bezier(.22,1,.36,1) both}@media (max-width:768px){.trending-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.trending-grid{grid-template-columns:1fr}}.activity-section{padding:40px 24px 60px}.activity-header{display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto 24px}.activity-header .section-heading{margin-bottom:0;font-size:1.5rem;text-align:left;display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px rgba(255,59,59,.4)}.activity-feed{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:6px}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);transition:var(--t)}.activity-row:hover{background:var(--bg-card-hover)}.activity-row.anim{animation:rowSlide .4s cubic-bezier(.22,1,.36,1) both}.activity-matchup{display:flex;align-items:center;gap:8px;font-size:.88rem}.activity-winner{font-weight:600;color:var(--green)}.activity-vs{color:var(--text-3);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.activity-loser{color:var(--text-2)}.activity-meta{display:flex;align-items:center;gap:12px}.activity-elo{font-family:Syne,sans-serif;font-weight:700;font-size:.82rem;color:var(--accent)}.activity-time{font-size:.72rem;color:var(--text-3);min-width:50px;text-align:right}@media (max-width:480px){.activity-header{flex-direction:column;gap:12px;text-align:center}.activity-header .section-heading{text-align:center}}.kb-hint-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(5,5,8,.7);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s ease}.kb-hint-overlay.visible{opacity:1;pointer-events:auto}.kb-hint-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 36px;text-align:center;max-width:320px}.kb-hint-title{font-family:Syne,sans-serif;font-size:1rem;font-weight:700;margin-bottom:18px;color:var(--accent)}.kb-hint-keys{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.kb-hint-key{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;color:var(--text-2)}.kb-hint-key kbd{display:inline-block;padding:6px 14px;font-size:1rem;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:600;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:6px;color:var(--text)}.kb-hint-dismiss{font-size:.72rem;color:var(--text-3)}.daily-streak-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--accent-dim);border:1px solid rgba(212,255,0,.15);font-size:.78rem;font-weight:600;color:var(--accent);margin:0 auto 12px;width:fit-content}.daily-challenge{max-width:400px;margin:24px auto 0;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);text-align:left}.challenge-header{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:6px}.challenge-text{font-size:.92rem;font-weight:600;margin-bottom:10px}.challenge-progress{display:flex;align-items:center;gap:10px}.challenge-bar{flex:1;height:6px;background:var(--bg-card-hover);border-radius:3px;overflow:hidden}.challenge-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s cubic-bezier(.22,1,.36,1)}.challenge-bar-fill.completed{background:var(--green)}.challenge-count{font-size:.78rem;font-weight:600;color:var(--text-2);white-space:nowrap}.challenge-done{margin-top:8px;font-size:.78rem;font-weight:700;color:var(--green)}@media (max-width:480px){.daily-challenge{margin:16px 14px 0;max-width:none}}.session-history{max-width:400px;margin:16px auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.session-history-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:.78rem;font-weight:600;color:var(--text-2);cursor:pointer;user-select:none}.session-history-header:hover{color:var(--text-1)}.session-history-chevron{transition:transform .2s ease}.session-history.collapsed .session-history-chevron{transform:rotate(-90deg)}.session-history-list{max-height:300px;overflow:hidden;transition:max-height .3s ease}.session-history.collapsed .session-history-list{max-height:0}.session-vote-row{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:.78rem;border-top:1px solid var(--border)}.session-vote-loser,.session-vote-winner{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-2);transition:color .15s}.session-vote-loser:hover,.session-vote-winner:hover{color:var(--accent)}.session-vote-winner img{width:22px;height:22px;border-radius:50%;object-fit:cover}.session-vote-winner span{font-weight:600;color:var(--text-1)}.session-vote-elo{font-size:.7rem;font-weight:700}.session-vote-vs{color:var(--text-3);font-size:.65rem;font-weight:600;text-transform:uppercase}@media (max-width:480px){.session-history{margin:12px 14px 0;max-width:none}}.vote-keys-hint{display:block;margin-top:8px;font-size:.75rem;color:var(--text-3)}.vote-swipe-hint{display:none;margin-top:8px;font-size:.75rem;color:var(--text-3)}.vote-keys-hint kbd{display:inline-block;padding:2px 7px;font-size:.72rem;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg-card);border:1px solid var(--border);border-radius:3px;color:var(--text-2);margin:0 2px}@media (max-width:768px){.vote-keys-hint{display:none}.vote-swipe-hint{display:block}}.stats-page-section{padding:100px 24px 60px}.stats-hero{text-align:center;margin-bottom:40px}.stats-hero h2{font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-1px}.stats-subtitle{color:var(--text-3);font-size:.92rem;margin-top:6px}.stats-grid-main{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:0 auto 40px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:24px 20px;text-align:center}.stat-card-big{border-color:rgba(212,255,0,.15)}.stat-card-value{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.5px}.stat-card-value.stat-accent{color:var(--accent)}.stat-card-label{font-size:.78rem;color:var(--text-3);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stats-section{max-width:600px;margin:0 auto 32px}.stats-section-title{font-family:Syne,sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.stats-records{display:grid;grid-template-columns:1fr 1fr;gap:10px}.record-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r)}.record-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border-radius:8px}.record-value{font-weight:700;font-size:.9rem}.record-label{font-size:.72rem;color:var(--text-3);margin-top:2px}.gender-split{max-width:600px}.gender-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:10px}.gender-bar-female{background:#e85da3;transition:width .6s ease}.gender-bar-male{background:#5d8ae8;transition:width .6s ease}.gender-labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-2)}.gender-label-f{color:#e85da3}.gender-label-m{color:#5d8ae8}.fun-facts{display:flex;flex-direction:column;gap:8px}.fun-fact{padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);font-size:.88rem;color:var(--text-2)}.fun-fact strong{color:var(--accent)}.top-performers-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.top-performers-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.top-performer-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:6px;text-decoration:none;transition:var(--t)}.top-performer-row:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.top-performer-img{width:32px;height:32px;border-radius:50%;object-fit:cover}.top-performer-name{flex:1;font-size:.82rem;font-weight:500;color:var(--text)}.top-performer-val{font-size:.78rem;font-weight:700;font-family:Syne,sans-serif;color:var(--text-2)}.elo-distribution{display:flex;align-items:flex-end;gap:4px;height:140px;padding:10px 0}.elo-dist-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.elo-dist-bar{width:100%;background:var(--border);border-radius:3px 3px 0 0;position:relative;transition:height .5s ease;min-width:12px}.elo-dist-bar-highlight{background:var(--accent)}.elo-dist-count{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:.6rem;color:var(--text-3);font-weight:600}.elo-dist-label{font-size:.55rem;color:var(--text-3);margin-top:4px;white-space:nowrap}.stats-cta{text-align:center;margin-top:40px;display:flex;gap:12px;justify-content:center}@media (max-width:480px){.stats-page-section{padding:80px 14px 40px}.stats-hero h2{font-size:1.6rem}.stats-grid-main{gap:8px}.stat-card{padding:18px 14px}.stat-card-value{font-size:1.5rem}.stats-records{grid-template-columns:1fr}.stats-cta{flex-direction:column}.stats-cta .btn{width:100%;justify-content:center}.top-performers-grid{grid-template-columns:1fr;gap:24px}.elo-distribution{height:100px}.elo-dist-label{font-size:.5rem}}.btn:focus-visible{box-shadow:0 0 0 3px var(--accent-mid)}.similar-profiles{max-width:600px;margin:28px auto 0}.similar-header{font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;color:var(--text-2);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.similar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.similar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:12px 8px;text-align:center;text-decoration:none;color:inherit;transition:var(--t)}.similar-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.similar-img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--border);margin-bottom:8px}.similar-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-elo{font-size:.7rem;color:var(--text-3);margin-top:2px}@media (max-width:480px){.similar-grid{grid-template-columns:repeat(2,1fr)}.similar-profiles{padding:0 12px}}.profile-danger-zone{max-width:500px;margin:32px auto 0;padding:20px 24px;border:1px solid rgba(255,68,68,.2);border-radius:var(--r);background:rgba(255,68,68,.04)}.danger-zone-header{font-family:Syne,sans-serif;font-size:.88rem;font-weight:700;color:var(--red,#f44);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.danger-zone-desc{font-size:.82rem;color:var(--text-2);margin-bottom:14px;line-height:1.5}.btn-danger{background:var(--red,#f44);color:#fff;border:none;font-weight:600}.btn-danger:hover{background:#e63333;transform:translateY(-1px)}.btn-danger:disabled{opacity:.4;cursor:not-allowed;transform:none}.edit-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.edit-photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.edit-photo-btn{cursor:pointer;font-size:.75rem;gap:6px}.edit-photo-btn input[type=file]{position:absolute;opacity:0;width:0;height:0}.report-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);backdrop-filter:blur(0px);transition:background .3s,backdrop-filter .3s;padding:20px}.report-modal.open{background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.report-modal-content{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:32px 28px;max-width:420px;width:100%;transform:translateY(20px) scale(.96);opacity:0;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s}.report-modal.open .report-modal-content{transform:translateY(0) scale(1);opacity:1}.report-modal-content h3{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800;margin-bottom:4px}.report-desc{font-size:.85rem;color:var(--text-2);margin-bottom:16px}.report-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.report-reason-btn{display:block;width:100%;padding:12px 16px;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.88rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.report-reason-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.report-reason-btn.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}.report-reason-btn:disabled{opacity:.5;cursor:not-allowed}.report-details{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.85rem;resize:vertical;min-height:48px;outline:0;transition:border-color .2s}.report-details:focus{border-color:var(--accent)}.report-details::placeholder{color:var(--text-3)}.report-error{margin-top:10px;font-size:.8rem;color:var(--red,#f44);min-height:0}@media (max-width:480px){.report-modal-content{padding:24px 18px}.report-reason-btn{padding:10px 14px;font-size:.84rem}}.rising-stars-strip{margin-bottom:20px}.rising-strip-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--green);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.rising-strip-scroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.rising-strip-scroll::-webkit-scrollbar{display:none}.rising-card{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);scroll-snap-align:start;transition:var(--t);text-decoration:none;color:inherit;min-width:160px}.rising-card:hover{border-color:var(--green);background:var(--bg-card-hover)}.rising-img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.rising-info{min-width:0}.rising-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rising-change{font-size:.72rem;font-weight:700;color:var(--green)}.btn-compare-toggle{width:36px;height:36px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--t)}.btn-compare-toggle.active,.btn-compare-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.podium-card.compare-selected,.ranking-row.compare-selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-dim),var(--accent-glow)}.compare-bar{position:sticky;bottom:72px;z-index:50;margin:16px auto;max-width:680px}.compare-bar-inner{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--r-lg);backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.4)}.compare-bar-text{font-size:.82rem;color:var(--text-2);flex-shrink:0}.compare-bar-slots{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.compare-slot{padding:4px 12px;background:var(--bg-raised);border-radius:var(--r);font-size:.82rem;font-weight:600;color:var(--text);min-width:60px;text-align:center}.compare-vs{font-family:Syne,sans-serif;font-weight:800;font-size:.72rem;color:var(--accent);letter-spacing:.05em}.compare-result{max-width:680px;margin:24px auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;animation:fadeSlideUp .3s ease}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.compare-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.compare-header h3{font-family:Syne,sans-serif;font-weight:800;font-size:1.2rem}.compare-close{background:0 0;border:none;color:var(--text-3);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.compare-close:hover{color:var(--text)}.compare-grid{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;align-items:start}.compare-col{text-align:center}.compare-img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:2px solid var(--border)}.compare-name{font-weight:600;font-size:.92rem}.compare-stats-col{display:flex;flex-direction:column;gap:10px}.compare-stat-row{display:flex;align-items:center;gap:8px}.compare-val{flex:1;text-align:center;font-family:Syne,sans-serif;font-weight:700;font-size:1rem;color:var(--text)}.compare-val.compare-better{color:var(--green)}.compare-val.compare-worse{color:var(--text-3)}.compare-label{flex:0 0 80px;text-align:center;font-size:.72rem;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}@media (max-width:640px){.compare-bar-inner{flex-wrap:wrap;gap:8px;padding:12px 14px}.compare-bar-text{width:100%;text-align:center;font-size:.76rem}.compare-grid{grid-template-columns:1fr 1.5fr 1fr;gap:10px}.compare-img{width:52px;height:52px}.compare-name{font-size:.8rem}.compare-val{font-size:.88rem}.compare-label{flex:0 0 64px;font-size:.65rem}}.social-proof-bar{padding:0;margin:-20px 0 32px;position:relative;z-index:2}.sp-items{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);backdrop-filter:blur(8px)}.sp-item{flex:1;text-align:center;padding:4px 12px}.sp-value{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2}.sp-label{font-size:.72rem;font-weight:500;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.sp-divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.sp-live{color:var(--accent);display:flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;font-weight:800;letter-spacing:.05em}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 var(--accent)}50%{opacity:.6;box-shadow:0 0 8px 4px var(--accent)}}@media (max-width:640px){.sp-items{padding:16px 12px;gap:0}.sp-item{padding:4px 6px}.sp-value{font-size:1.15rem}.sp-label{font-size:.62rem}.sp-divider{height:28px}.sp-live{font-size:.8rem}}@media (max-width:380px){.sp-items{flex-wrap:wrap;gap:8px}.sp-divider{display:none}.sp-item{flex:0 0 48%}}.retention-reminder{margin-top:20px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.retention-reminder.visible{opacity:1;transform:translateY(0)}.retention-inner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-dim);border:1px solid rgba(212,255,0,.15);border-radius:var(--r);font-size:.82rem;color:var(--text)}.retention-close{background:0 0;border:none;color:var(--text-3);font-size:1.2rem;cursor:pointer;padding:0 4px;margin-left:auto;line-height:1}.retention-close:hover{color:var(--text)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--red);color:#fff;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:600;transform:translateY(-100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.offline-banner.visible{transform:translateY(0)}.counter-pulse{animation:counterPulse .3s cubic-bezier(.34,1.56,.64,1)}@keyframes counterPulse{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--accent)}100%{transform:scale(1)}}.daily-reward-badge{position:fixed;top:80px;right:20px;z-index:2500;background:var(--bg-card);border:1px solid rgba(255,165,0,.3);border-radius:var(--r-lg);padding:16px 20px;box-shadow:0 8px 32px rgba(0,0,0,.3);transform:translateX(120%);transition:transform .4s cubic-bezier(.22,1,.36,1);max-width:280px}.daily-reward-badge.visible{transform:translateX(0)}.daily-reward-inner{display:flex;align-items:center;gap:14px}.daily-reward-streak{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,165,0,.2),rgba(255,100,0,.15));border:2px solid rgba(255,165,0,.4);border-radius:50%;font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;color:orange;flex-shrink:0}.daily-reward-text{display:flex;flex-direction:column;gap:2px}.daily-reward-text strong{font-size:.85rem;color:var(--text)}.daily-reward-text span{font-size:.72rem;color:var(--text-3)}@media (max-width:480px){.daily-reward-badge{right:10px;left:10px;max-width:none}}.share-section{padding:40px 0;text-align:center}.share-buttons{display:flex;justify-content:center;gap:10px;margin-top:16px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r);font-size:.82rem;font-weight:600;font-family:Outfit,'Segoe UI',system-ui,-apple-system,sans-serif;text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:all .2s;background:var(--bg-card);color:var(--text)}.share-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.share-btn-copy:hover{border-color:var(--accent);color:var(--accent)}.share-btn-whatsapp{color:#25d366}.share-btn-whatsapp:hover{border-color:#25d366;background:rgba(37,211,102,.06)}.share-btn-tiktok:hover{border-color:#ff0050;color:#ff0050}@media (max-width:480px){.share-buttons{flex-direction:column;align-items:center}.share-btn{width:100%;max-width:260px;justify-content:center}}.boost-nudge{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;background:rgba(255,165,0,.06);border:1px solid rgba(255,165,0,.2);border-radius:var(--r)}.boost-nudge svg{flex-shrink:0}.boost-nudge-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.boost-nudge-text strong{font-size:.85rem;color:var(--text)}.boost-nudge-text span{font-size:.72rem;color:var(--text-3);line-height:1.4}.boost-nudge-btn{flex-shrink:0}@media (max-width:480px){.boost-nudge{flex-wrap:wrap}.boost-nudge-btn{width:100%}}.boosted-section{padding:40px 0}.boosted-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.boosted-cta-btn{color:orange!important;border-color:rgba(255,165,0,.3)!important;font-size:.72rem}.boosted-cta-btn:hover{background:rgba(255,165,0,.08)!important;border-color:orange!important}.boosted-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px}.boosted-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 10px 14px;background:var(--bg-card);border:1px solid rgba(255,165,0,.15);border-radius:var(--r-lg);text-decoration:none;color:var(--text);overflow:hidden;transition:all .25s cubic-bezier(.22,1,.36,1)}.boosted-card:hover{border-color:rgba(255,165,0,.5);transform:translateY(-3px);box-shadow:0 8px 24px rgba(255,165,0,.1)}.boosted-card-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:80%;height:60%;background:radial-gradient(ellipse,rgba(255,165,0,.12) 0,transparent 70%);pointer-events:none}.boosted-card-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,165,0,.3);margin-bottom:10px;position:relative;z-index:1}.boosted-card-info{position:relative;z-index:1}.boosted-card-name{font-weight:600;font-size:.85rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.boosted-card-elo{font-size:.72rem;color:var(--text-3);font-weight:500}.boosted-card-badge{position:absolute;top:8px;right:8px;color:orange;opacity:.7;animation:boostBadgePulse 2s ease-in-out infinite}@media (max-width:480px){.boosted-grid{grid-template-columns:repeat(3,1fr);gap:8px}.boosted-card{padding:12px 6px 10px}.boosted-card-img{width:48px;height:48px}.boosted-card-name{font-size:.75rem;max-width:80px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}main{animation:none!important}}.profile-location{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:.85rem;margin-top:4px}.profile-bio{font-size:.9rem;line-height:1.5;color:var(--text-2);max-width:400px;margin-top:8px;white-space:pre-line}.settings-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-danger{background:rgba(255,59,59,.06);border:1px solid rgba(255,59,59,.15);border-radius:var(--r);padding:16px;margin-top:8px}.auth-forgot{text-align:right;margin-top:-4px;margin-bottom:8px}.auth-forgot a{font-size:.8rem;color:var(--text-2);text-decoration:underline}.auth-forgot a:hover{color:var(--accent)}.password-strength{display:flex;align-items:center;gap:8px;margin-top:6px}.password-strength-bar{flex:1;height:4px;background:var(--bg-2);border-radius:2px;overflow:hidden}.password-strength-fill{height:100%;width:0;border-radius:2px;transition:width .3s,background .3s}.password-strength-text{font-size:.7rem;font-weight:600;white-space:nowrap;min-width:70px;text-align:right}.stat-loading{animation:statPulse 1.5s ease-in-out infinite}@keyframes statPulse{0%,100%{opacity:.4}50%{opacity:1}}.autocomplete-wrap{position:relative}.ac-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);margin-top:4px;max-height:220px;overflow-y:auto;z-index:100;display:none}.ac-dropdown.open{display:block}.ac-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.ac-item:last-child{border-bottom:none}.ac-item:hover{background:var(--bg-3)}.ac-item-name{font-weight:500;color:var(--text);font-size:.85rem}.ac-item-meta{font-size:.72rem;color:var(--text-3);margin-top:2px}.btn-link{background:0 0;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 0;font-family:inherit}.btn-link:hover{text-decoration:underline}.location-bar{display:flex;align-items:center;gap:10px;margin:12px 0 6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r)}.location-bar>svg{flex-shrink:0;opacity:.5}.location-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);color:var(--text);cursor:pointer;font-size:.85rem;font-family:inherit;transition:background .15s}.location-btn:hover{background:var(--bg-card-hover)}.location-btn-sm{padding:6px 10px;font-size:.8rem}.location-clear{background:0 0;border:none;color:var(--text-3);cursor:pointer;font-size:1.1rem;padding:4px 8px;line-height:1;transition:color .15s}.location-clear:hover{color:var(--red)}.location-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:12px;margin-bottom:12px}.location-panel input{width:100%;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.85rem;font-family:inherit}.location-panel input:focus{outline:0;border-color:var(--accent)}.location-results{max-height:200px;overflow-y:auto;margin-top:8px}.location-divider{font-size:.75rem;color:var(--text-3);margin:12px 0 8px;padding-top:8px;border-top:1px solid var(--border)}.location-select{flex:1;min-width:0;padding:6px 32px 6px 10px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:.85rem;font-family:inherit;cursor:pointer;max-width:320px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;transition:border-color .2s}.location-select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.location-select:hover{border-color:var(--border-hover)}.location-select option{background:var(--bg-raised);color:var(--text);padding:8px}.location-select-sm{padding:5px 28px 5px 8px;font-size:.8rem;max-width:220px}.vote-location{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 6px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);width:fit-content}.profile-school{display:flex;align-items:center;gap:6px;color:var(--text-3);font-size:.82rem;margin-top:2px}.profile-school svg{flex-shrink:0}@media (max-width:768px){.location-bar{padding:6px 10px}.location-select{max-width:none;font-size:.82rem}.location-panel{position:fixed;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;z-index:200;max-height:60vh;overflow-y:auto;box-shadow:0 -4px 20px rgba(0,0,0,.4)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.hero-deco{display:none}.confetti-piece,.streak-burst-particle,.vote-particle{display:none!important}.noise-layer{display:none}.anim{opacity:1!important;transform:none!important}}@media print{.auth-modal,.bottom-nav,.btn-compare-toggle,.cookie-banner,.gender-filter,.hamburger,.kb-hint-overlay,.mobile-nav,.navbar,.noise-layer,.offline-banner,.pwa-banner,.ranking-controls-right,.scroll-top-btn,.site-footer,.skip-to-content,.toast,.vote-session-stats,.vote-skip-row{display:none!important}body{background:#fff!important;color:#000!important}main{padding-top:0!important}.podium-card,.profile-card-large,.ranking-row,.vote-card{break-inside:avoid;border-color:#ccc!important}}