body{margin:0;min-width:320px;min-height:100vh}:root{--primary-color: #FFC107;--primary-dark: #F9A825;--primary-light: #FFD54F;--text-light: #11181C;--text-dark: #ECEDEE;--bg-light: #fff;--bg-dark: #151718;--icon-light: #687076;--icon-dark: #9BA1A6;--gray-light: #F5F5F7;--gray-medium: #86868B;--gray-dark: #1D1D1F;--deep-black: #000000;--pure-white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text-dark);line-height:1.6;background:var(--bg-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:#151718f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 1px #ffc1071a}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-dark);text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.cta-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.cta-button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffc1074d}.cta-button.secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.cta-button.secondary:hover{background:var(--primary-color);color:var(--text-light)}.cta-button.nav-cta{background:var(--primary-color);color:var(--bg-dark);padding:.5rem 1.25rem;font-weight:600}.hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1c1e 100%)}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:4rem}.hero-left{flex:1;max-width:600px}.hero-right{flex:1;display:flex;justify-content:center}.hero-title{font-size:4rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-align:left}.hero-subtitle{font-size:1.25rem;color:var(--icon-dark);margin-bottom:2rem;line-height:1.6;text-align:left}.hero-cta{display:flex;gap:1rem}.cta-button.large{padding:1rem 2rem;font-size:1.125rem}.app-badges{display:flex;gap:1rem}.app-badges img{height:48px}.phone-mockup{width:320px;height:640px;background:#0a0b0c;border-radius:40px;padding:10px;box-shadow:0 20px 60px #ffc1071a;margin:0 auto;border:2px solid rgba(255,193,7,.2)}.phone-screen{width:100%;height:100%;background:var(--bg-dark);border-radius:30px;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center}.phone-screen img{width:100%;height:100%;object-fit:cover;border-radius:30px}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem;font-weight:700}.section-subtitle{text-align:center;color:var(--icon-dark);font-size:1.25rem;margin-bottom:3rem}.features{padding:80px 0;background:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{padding:2rem;background:#1a1c1e;border-radius:16px;transition:all .3s;border:1px solid rgba(255,193,7,.1)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc10733;border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{margin-bottom:.75rem;font-size:1.25rem}.feature-card p{color:var(--icon-dark);line-height:1.6}.use-cases{padding:80px 0;background:linear-gradient(135deg,#1a1c1e 0%,var(--bg-dark) 100%)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.use-case-card{padding:2rem;background:#1a1c1e;border-radius:16px;box-shadow:0 2px 10px #ffc1070d;transition:all .3s;border:1px solid rgba(255,193,7,.1)}.use-case-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffc10733;border-color:var(--primary-color)}.use-case-icon{font-size:2.5rem;margin-bottom:1rem}.use-case-card h3{margin-bottom:.75rem;font-size:1.25rem}.use-case-card p{color:var(--icon-dark);line-height:1.6}.stats{padding:60px 0;background:var(--deep-black);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat h3{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat p{color:var(--gray-medium);font-size:1.125rem}.pricing{padding:80px 0;background:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{padding:2rem;background:#fff;border:2px solid var(--gray-light);border-radius:16px;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.pricing-card.popular{border-color:var(--primary-color);transform:scale(1.05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light);padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:1rem}.price{display:flex;align-items:baseline;margin-bottom:2rem}.price-number{font-size:2.5rem;font-weight:700}.price-period{color:var(--gray-medium);margin-left:.5rem}.features-list{list-style:none;margin-bottom:2rem}.features-list li{padding:.75rem 0;color:var(--gray-dark)}.cta-section{padding:100px 0;background:var(--bg-dark);color:#fff;text-align:center}.cta-section h2{font-size:3rem;margin-bottom:2rem;color:#fff}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-section .cta-button{background:var(--primary-color);color:var(--bg-dark)}.cta-section .boards-highlight{color:var(--primary-color);font-weight:700}.footer{padding:60px 0 20px;background:#0a0b0c;color:var(--text-dark)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section h4{margin-bottom:1rem;font-size:1.125rem}.footer-section a{display:block;color:var(--icon-dark);text-decoration:none;padding:.25rem 0;transition:color .3s}.footer-section a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-top:1rem}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,193,7,.1);display:flex;justify-content:space-between;align-items:center;color:var(--icon-dark)}.screenshots-section{padding:80px 0;background:var(--bg-dark)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.screenshot-card{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #ffc1071a;transition:transform .3s;border:1px solid rgba(255,193,7,.2)}.screenshot-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ffc10733}.screenshot-card img{width:100%;height:auto;display:block}.screenshot-card h3{padding:1rem;background:#1a1c1e;color:var(--text-dark);text-align:center;font-size:1rem}.footer-links{display:flex;gap:2rem}.activities-showcase{padding:80px 0;background:var(--bg-dark);overflow:hidden}.activities-content{display:flex;justify-content:center;align-items:center;min-height:200px}.activities-headline{display:inline-flex;align-items:center;gap:.75rem;font-size:3rem;font-weight:700;color:var(--text-dark);white-space:nowrap;transform-origin:center}.static-text{color:var(--text-dark)}.activity-wheel-container{position:relative;height:1.2em;width:8em;overflow:hidden;display:inline-flex;align-items:center;justify-content:flex-start;perspective:500px;vertical-align:middle}.activity-wheel-container:before,.activity-wheel-container:after{content:"";position:absolute;left:30px;right:30px;height:30%;pointer-events:none;z-index:2}.activity-wheel-container:before{top:0;background:linear-gradient(to bottom,var(--bg-dark) 0%,transparent 100%)}.activity-wheel-container:after{bottom:0;background:linear-gradient(to top,var(--bg-dark) 0%,transparent 100%)}.activity-wheel{position:absolute;width:100%;animation:rotate-wheel-accelerating 10s cubic-bezier(.25,.46,.45,.94) forwards;animation-play-state:paused;transform-style:preserve-3d;top:0}.activity-item{position:absolute;width:100%;height:1.2em;display:flex;align-items:center;justify-content:flex-start;font-size:inherit;font-weight:700;color:var(--icon-dark);opacity:.3;transition:all .3s ease;left:0;transform-origin:center;padding-left:0;padding-right:.2em}.activity-item:nth-child(14){padding-left:.5em}.activity-item:nth-child(1){top:0}.activity-item:nth-child(2){top:1.2em}.activity-item:nth-child(3){top:2.4em}.activity-item:nth-child(4){top:3.6em}.activity-item:nth-child(5){top:4.8em}.activity-item:nth-child(6){top:6em}.activity-item:nth-child(7){top:7.2em}.activity-item:nth-child(8){top:8.4em}.activity-item:nth-child(9){top:9.6em}.activity-item:nth-child(10){top:10.8em}.activity-item:nth-child(11){top:12em}.activity-item:nth-child(12){top:13.2em}.activity-item:nth-child(13){top:14.4em}.activity-item:nth-child(14){top:15.6em;animation:highlight-everything 10s ease-in-out forwards;animation-play-state:paused}@keyframes rotate-wheel-accelerating{0%,3%{transform:translateY(0)}6%,8%{transform:translateY(-1.2em)}11%,13%{transform:translateY(-2.4em)}16%,17.5%{transform:translateY(-3.6em)}20%,21%{transform:translateY(-4.8em)}23%,23.8%{transform:translateY(-6em)}25.5%,26.2%{transform:translateY(-7.2em)}27.8%,28.3%{transform:translateY(-8.4em)}29.5%,29.9%{transform:translateY(-9.6em)}31%,31.3%{transform:translateY(-10.8em)}32.2%,32.4%{transform:translateY(-12em)}33.2%,33.3%{transform:translateY(-13.2em)}34%,34.1%{transform:translateY(-14.4em)}35%,to{transform:translateY(-15.6em)}}@keyframes highlight-everything{0%,34%{opacity:.3;color:var(--icon-dark);transform:scale(1)}35%,to{opacity:1;color:var(--primary-color);transform:scale(1.15)}}.voting-demo-section{padding:100px 0;background:var(--bg-dark);min-height:100vh;display:flex;align-items:center}.voting-demo-content{display:flex;align-items:center;justify-content:space-between;gap:4rem;min-height:600px}.voting-demo-layout{display:grid;grid-template-columns:1fr 500px;grid-template-areas:"text-column interface";gap:4rem;width:100%;align-items:center}.voting-text-column{grid-area:text-column;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:2rem}.voting-title{display:block}.voting-interface-container{grid-area:interface;position:relative;max-width:500px;width:100%}.voting-description{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.voting-demo-title{font-size:3rem;font-weight:700;color:var(--text-dark);margin-bottom:1.5rem;animation:fadeInUp .8s ease-out forwards;opacity:0}.voting-description-text{font-size:1.2rem;line-height:1.6;color:var(--text-secondary);margin:0;opacity:0;animation:fadeInUp .8s ease-out .3s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.voting-interface{position:relative;width:100%;height:600px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.player-card{position:absolute;width:100%;height:50%;cursor:pointer;transition:all .8s cubic-bezier(.4,0,.2,1);z-index:1}.player-card.player1{top:0}.player-card.player2{bottom:0}.player-card.selected.player1{height:100%;z-index:3}.player-card.selected.player2{height:100%;bottom:0;z-index:3}.player-card.not-selected{height:0%;opacity:0;z-index:1}.player-background{width:100%;height:100%;background-size:cover;background-position:center;position:relative}.player-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0006,#000000b3);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.player-card:hover .player-overlay{background:linear-gradient(135deg,#ffc10733,#0009)}.player-card:hover{transform:scale(1.02)}.player-card.selected:hover{transform:none}.player-info{display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s ease;align-items:flex-start}.player-header{display:flex;align-items:center;gap:1.5rem}.player-avatar{width:60px;height:60px;border-radius:50%;border:3px solid var(--primary-color);object-fit:cover;transition:all .3s ease}.player-card:hover .player-avatar{border-color:var(--primary-light);transform:scale(1.1);box-shadow:0 0 20px #ffc10780}.player-details{color:#fff}.player-name{font-size:3.5rem;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);transition:all .3s ease}.player-card:hover .player-name{color:var(--primary-color);transform:translate(5px)}.player-elo{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem;transition:all .3s ease}.player-card:hover .player-elo{color:var(--primary-light)}.player-bio{font-size:1rem;opacity:.9;line-height:1.4;color:#fff;margin:0;padding-left:0;transition:all .3s ease}.player-card:hover .player-bio{opacity:1;transform:translate(5px)}.voting-divider{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--primary-color);z-index:10;transform:translateY(-50%);box-shadow:0 0 20px #ffc10780;transition:all .8s cubic-bezier(.4,0,.2,1)}.voting-interface:has(.player-card.selected.player1) .voting-divider{top:100%;opacity:.3}.voting-interface:has(.player-card.selected.player2) .voting-divider{top:0%;opacity:.3}.vote-result{position:absolute;bottom:30px;right:30px;background:#000000b3;padding:1rem 2rem;border-radius:50px;animation:fadeInBounce .5s ease-out}.continue-text{color:var(--primary-color);font-weight:600;font-size:1.1rem}.reset-voting{text-align:center;margin-top:3rem;animation:fadeInUp .5s ease-out}.reset-button{background:var(--primary-color);color:var(--bg-dark);border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.reset-button:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:0 10px 30px #ffc1074d}.reset-button:active{transform:translateY(0)}@keyframes fadeInBounce{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:1;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voting-interface.voting-complete{transform:scale(.3);opacity:0;transition:all .5s ease;pointer-events:none}.ranking-update-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;animation:slideInFromBottom .4s ease-out;z-index:10;cursor:pointer;transition:all .3s ease}.ranking-update-animation:hover{transform:translate(-50%,-50%) scale(1.02);filter:brightness(1.1)}.ranking-list{display:flex;flex-direction:column;gap:0;max-width:400px;margin:0 auto;height:200px;position:relative}.ranking-player{display:flex;align-items:center;gap:1rem;background:#1a1a1a;padding:1rem;border-radius:12px;transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;width:100%;box-sizing:border-box}.ranking-player:first-child{top:30px}.ranking-player:last-child{top:120px}.ranking-player{transform:translateY(0);transition:all .8s ease .5s}.arian-player.winner{transform:translateY(-90px);background:linear-gradient(135deg,#ffc10733,#1a1a1a);border:2px solid var(--primary-color);box-shadow:0 0 20px #ffc1074d;z-index:2;transition:all .8s ease .5s}.arian-player.loser{transform:translateY(90px);opacity:.7;z-index:1;transition:all .8s ease .5s}.jeff-player.winner{transform:translateY(-90px);background:linear-gradient(135deg,#ffc10733,#1a1a1a);border:2px solid var(--primary-color);box-shadow:0 0 20px #ffc1074d;z-index:2;transition:all .8s ease .5s}.jeff-player.loser{transform:translateY(90px);opacity:.7;z-index:1;transition:all .8s ease .5s}.ranking-player.winner .rank,.ranking-player.loser .rank{animation:rankChange 1s ease .5s forwards}@keyframes rankChange{0%{opacity:1}50%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ranking-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ranking-player .rank{font-weight:700;color:var(--primary-color);min-width:30px}.ranking-player .name{flex:1;font-weight:600;color:#fff}.ranking-player .elo{font-weight:700;color:#fff}@keyframes slideInFromBottom{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 1024px){.activities-headline{font-size:2rem}}@media (max-width: 768px){.nav-links{display:none}.hero-content{flex-direction:column;gap:3rem}.hero-left{text-align:center}.hero-title{font-size:2.5rem;text-align:center}.hero-subtitle{text-align:center}.hero-cta{justify-content:center}.phone-mockup{width:280px;height:560px}.section-title{font-size:2rem}.features-grid,.use-cases-grid,.pricing-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.pricing-card.popular{transform:scale(1)}.activities-headline{font-size:1.5rem;transform:scale(1)}.activities-content{padding:0 10px}.hero{padding:120px 0 20px!important}.voting-demo-section{padding:20px 0!important;min-height:auto!important;align-items:flex-start!important;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1c1e 100%)!important}.phone-frame{box-shadow:none!important}.voting-demo-layout{display:flex!important;flex-direction:row!important;grid-template-columns:none!important;grid-template-areas:none!important;align-items:center!important;justify-content:space-between!important;gap:1.5rem!important;width:100%!important;max-width:none!important;min-height:auto!important}.voting-text-column{grid-area:none!important;order:1;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:0!important;width:50%!important;flex-shrink:1}.voting-title{display:block!important;width:100%}.voting-interface-container{grid-area:none!important;order:2;position:relative!important;width:50%!important;max-width:300px!important;height:auto!important;flex-shrink:0}.voting-description{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:0!important;width:100%!important}.voting-demo-title{font-size:1.8rem!important;text-align:left!important;margin-bottom:1rem!important}.voting-description-text{font-size:1rem!important;text-align:left!important;margin:0!important}.voting-interface{height:400px!important;width:100%!important;max-width:300px!important;margin:0 auto!important;display:block!important;visibility:visible!important;position:relative!important;opacity:1!important}.voting-interface.voting-complete{opacity:0!important;transform:scale(.3)!important}.ranking-update-animation{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%!important;max-width:400px!important;z-index:10!important}.ranking-list{max-width:300px!important;margin:0 auto!important}.player-info{padding:1.5rem!important;gap:.8rem!important;align-items:flex-start!important;text-align:left!important}.player-header{gap:1rem!important;align-items:center!important;justify-content:flex-start!important}.player-avatar{width:50px;height:50px}.player-name{font-size:2.5rem}.player-elo{font-size:1rem}.player-bio{font-size:.85rem}.vote-result{bottom:20px;right:20px;padding:.75rem 1.5rem}.continue-text{font-size:1rem}}.phone-frame{position:relative;width:260px;height:520px;background:#000;border-radius:28px;padding:8px;box-shadow:0 20px 60px #ffc1071a;margin:0 auto;border:2px solid rgba(255,193,7,.2)}.phone-screen{width:100%;height:100%;border-radius:22px;overflow:hidden;position:relative;background:#0a0a0a}.phone-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:120px;height:20px;background:#000;border-radius:0 0 12px 12px;z-index:10}.leaderboard-mockup{width:100%;height:100%;background:#0a0a0a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;color:#fff;overflow:hidden}.leaderboard-mockup img{max-width:none!important;max-height:none!important}.leaderboard-mockup .avatar,.leaderboard-mockup .avatar-small{display:block;border:none;outline:none}.phone-screen .leaderboard-mockup .avatar{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important}.phone-screen .leaderboard-mockup .avatar-small{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important}.leaderboard-header{height:80px;background:#1a1a1a;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px 12px;flex-shrink:0}.back-arrow,.menu-dots{font-size:16px;font-weight:600;color:#fff;padding:6px;background:#ffffff1a;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.title{font-size:18px;font-weight:700;margin:0;flex:1;text-align:center;color:#fff}.leaderboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-height:calc(100% - 80px);height:100%}.leaderboard-content::-webkit-scrollbar{display:none}.podium-section{margin-bottom:16px;background:#1a1a1a;border-radius:12px;padding:12px}.section-title{font-size:16px;font-weight:600;text-align:center;margin:0 0 12px;color:#fff}.podium-container{display:flex;flex-direction:column;gap:8px}.podium-item{display:flex;align-items:center;background:#2a2a2a;padding:8px;border-radius:10px;gap:8px;transition:all .2s ease;cursor:pointer}.podium-item:hover{transform:scale(1.02);background:#3a3a3a;box-shadow:0 4px 12px #ffc10733}.rank-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:2px solid;flex-shrink:0}.rank-badge.rank-1{border-color:gold;background:#b07f24;color:gold}.rank-badge.rank-2{border-color:#a8c8e1;background:#4a6b7a;color:#a8c8e1}.rank-badge.rank-3{border-color:#cd7f32;background:#7f4d1b;color:#cd7f32}.avatar{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;background:#3a3a3a;flex-shrink:0;max-width:28px;max-height:28px}.player-name{flex:1;font-size:14px;font-weight:600;color:#fff;line-height:1;font-family:Arial,sans-serif!important;vertical-align:baseline!important;text-align:left;margin:0!important;padding:0!important;position:relative;top:0}.score{font-size:14px;font-weight:700;color:#fff;line-height:14px;vertical-align:middle}.rankings-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ranking-item{display:flex;align-items:center;background:#1a1a1a;padding:8px;border-radius:10px;gap:8px;transition:all .2s ease;cursor:pointer}.ranking-item:hover{transform:scale(1.02);background:#2a2a2a;box-shadow:0 4px 12px #ffc10726}.rank-number{width:28px;font-size:12px;font-weight:600;color:#8a8a8a;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start}.avatar-small{width:24px!important;height:24px!important;border-radius:50%;object-fit:cover;background:#3a3a3a;flex-shrink:0;max-width:24px;max-height:24px}.spectators-section{background:#1a1a1a;border-radius:12px;padding:12px;margin-bottom:16px}.spectator-item{display:flex;align-items:center;gap:8px;transition:all .2s ease;cursor:pointer;border-radius:8px;margin:0 -8px;padding:8px}.spectator-item:hover{transform:scale(1.02);background:#ffffff0d;box-shadow:0 2px 8px #ffc1071a}.eye-icon{width:28px;text-align:center;font-size:16px;flex-shrink:0}.spectator-avatar{width:24px!important;height:24px!important;border-radius:50%;object-fit:cover;background:#3a3a3a;flex-shrink:0;max-width:24px;max-height:24px}@media (max-width: 768px){.phone-frame{width:240px;height:480px;border-radius:25px;padding:6px}.phone-frame:before{width:100px;height:16px;border-radius:0 0 10px 10px}.leaderboard-header{height:60px;padding:0 10px 10px}.title{font-size:16px}.back-arrow,.menu-dots{font-size:14px;width:24px;height:24px}.leaderboard-content{padding:10px}.section-title{font-size:14px}.rank-badge{width:24px;height:24px;font-size:12px}.avatar{width:30px;height:30px}.avatar-small,.spectator-avatar{width:28px;height:28px}.player-name,.score{font-size:13px}.rank-number{font-size:11px;width:24px}}.privacy-page{min-height:100vh;background:#151718;color:#ecedee}.privacy-page .navbar{position:fixed;top:0;width:100%;background:#151718f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 1px #ffc1071a}.privacy-page .nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.privacy-page .logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ffc107,#f9a825);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.back-button{color:#ffc107;text-decoration:none;font-weight:600;transition:color .3s}.back-button:hover{color:#ffd54f}.privacy-content{max-width:800px;margin:0 auto;padding:120px 40px 40px}.privacy-content h1{color:#ffc107;margin-bottom:10px;font-size:2.5rem}.privacy-content h2{color:#ffc107;margin-top:30px;margin-bottom:15px;font-size:1.5rem}.privacy-content h3{color:#ffd54f;margin-top:20px;margin-bottom:10px;font-size:1.2rem}.privacy-content p{line-height:1.6;margin-bottom:15px;color:#9ba1a6}.privacy-content ul{margin-left:20px;margin-bottom:15px}.privacy-content li{margin-bottom:10px;line-height:1.6;color:#9ba1a6}.privacy-content strong{color:#ecedee}.effective-date{color:#ffc107;font-weight:600;margin-bottom:30px}.contact-email{color:#ffc107;font-weight:600}.last-updated{text-align:center;color:#687076;font-style:italic;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,193,7,.2)}.privacy-content section{margin-bottom:30px}.privacy-modal::-webkit-scrollbar{width:8px}.privacy-modal::-webkit-scrollbar-track{background:#151718}.privacy-modal::-webkit-scrollbar-thumb{background:#ffc107;border-radius:4px}.privacy-modal::-webkit-scrollbar-thumb:hover{background:#f9a825}@media (max-width: 768px){.privacy-content{padding:20px}.privacy-content h1{font-size:2rem}.privacy-content h2{font-size:1.3rem}.close-button{top:10px;right:10px;margin:10px}}.join-group-page{min-height:100vh;background:var(--bg-dark);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.join-hero{padding:120px 0 80px;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a1c1e 100%);min-height:100vh;display:flex;align-items:center}.join-content{max-width:600px;margin:0 auto;text-align:center}.app-icon{width:100px;height:100px;margin:0 auto 30px;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #ffc1074d}.app-icon img{width:100%;height:100%;object-fit:cover}.join-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:2rem;color:var(--text-dark)}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-code-section{background:#1a1c1e;border:1px solid rgba(255,193,7,.2);border-radius:16px;padding:30px;margin:40px 0}.code-label{color:var(--icon-dark);font-size:14px;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.code-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.code{font-size:42px;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:8px;font-family:Courier New,monospace}.copy-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light);border:none;padding:12px 16px;border-radius:12px;cursor:pointer;font-size:20px;transition:all .3s ease;font-weight:600}.copy-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffc1074d}.copy-button:active{transform:translateY(0)}.copied-message{color:var(--primary-color);font-size:14px;margin-top:15px;font-weight:500}.action-buttons{margin:40px 0}.instructions-card{background:#1a1c1e;border:1px solid rgba(255,193,7,.1);border-radius:16px;padding:40px;margin:40px 0;text-align:left}.instructions-card h2{color:var(--text-dark);font-size:24px;margin-bottom:30px;text-align:center;font-weight:700}.steps{display:flex;flex-direction:column;gap:30px}.step{display:flex;align-items:flex-start;gap:20px}.step-number{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-light);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.step-content h3{color:var(--text-dark);font-size:18px;margin-bottom:8px;font-weight:600}.step-content p{color:var(--icon-dark);line-height:1.6;margin:0}.highlight-code{color:var(--primary-color);font-family:Courier New,monospace;background:#ffc1071a;padding:2px 6px;border-radius:4px}.download-section{margin:40px 0}.download-label{color:var(--icon-dark);margin-bottom:20px;font-size:18px;font-weight:500}.store-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.store-button{display:inline-flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border:2px solid transparent}.ios-button{background:#000;color:#fff}.ios-button:hover{background:#333;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}.android-button{background:#fff;color:#333;border-color:var(--gray-light)}.android-button:hover{background:var(--gray-light);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.store-icon{width:24px;height:24px;fill:currentColor}.fallback-message{margin-top:50px;padding:30px;background:#ffc1070d;border:1px solid rgba(255,193,7,.1);border-radius:12px;color:var(--icon-dark);font-size:16px}.fallback-message p{margin-bottom:15px;font-weight:500}.fallback-message ul{text-align:left;padding-left:20px;line-height:1.8;margin:0}.fallback-message li{margin-bottom:8px}.fallback-message a{color:var(--primary-color);text-decoration:none;font-weight:500}.fallback-message a:hover{text-decoration:underline}@media (max-width: 768px){.join-title{font-size:2.5rem}.code{font-size:32px;letter-spacing:4px}.store-buttons{flex-direction:column;align-items:center}.store-button{width:100%;max-width:280px;justify-content:center}.steps{gap:25px}.step{flex-direction:column;text-align:center;gap:15px}.step-content{text-align:center}.instructions-card{padding:30px 20px}.group-code-section{padding:25px 20px}.join-hero{padding:100px 0 60px}}@media (max-width: 480px){.join-title{font-size:2rem}.code{font-size:28px;letter-spacing:2px}.app-icon{width:80px;height:80px}}