:root{--rcn-red: #E30613;--rcn-blue: #0033A0;--rcn-yellow: #FFD700;--rcn-dark: #111111;--rcn-white: #FFFFFF;--broadcast-bg: rgba(10, 10, 10, .85);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;cursor:default}body,html{width:100%;height:100%;background:#000;font-family:var(--font-main);color:var(--rcn-white);overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:space-between}.three-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background:#000;overflow:hidden}.three-container canvas{display:block;width:100%!important;height:100%!important}@media (min-width: 1024px){.hud-top{flex-direction:row;justify-content:space-between;padding:30px 60px}.stats-group{gap:40px}.power-section{width:40%}}@media (min-width: 1900px){.hud-card{min-width:350px;padding:20px 40px}.hud-label{font-size:1.2rem}.hud-value{font-size:5rem}.rank-item{font-size:2.5rem;padding:20px 40px}.broadcast-badge{font-size:1.5rem;padding:10px 30px}.power-reading{font-size:6rem}.power-badge{font-size:1.8rem}.power-bar-wrapper{height:30px}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake{animation:shake .2s infinite}.hud-top{padding:20px 40px;display:flex;flex-direction:column;gap:15px;align-items:center;z-index:10}.top-row{display:flex;justify-content:space-between;width:100%;align-items:center}.logo-rcn-container{height:60px;display:flex;align-items:center}.rcn-logo-hud{height:100%;filter:drop-shadow(0 0 10px rgba(227,6,19,.4))}.logo-transelo{font-size:.65rem;font-weight:700;color:#fff6;letter-spacing:1px;text-transform:uppercase}.logo-transelo span{color:var(--rcn-white);opacity:.8}.broadcast-badge{background:var(--rcn-red);padding:5px 15px;font-weight:900;font-style:italic;font-size:.8rem;letter-spacing:1px;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);box-shadow:0 4px 15px #e3061366}.stats-group{display:flex;gap:20px}.hud-card{background:var(--broadcast-bg);padding:10px 25px;border-top:3px solid var(--rcn-red);display:flex;flex-direction:column;align-items:center;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-label{color:var(--rcn-yellow);font-size:.7rem;font-weight:900;letter-spacing:2px}.hud-value{font-size:2.5rem;font-weight:900;color:#fff;font-family:Courier New,Courier,monospace;text-shadow:0 0 10px rgba(255,255,255,.5)}.detection-status{padding:5px 15px;font-weight:900;font-size:.7rem;text-transform:uppercase;border-radius:4px;transition:all .3s;letter-spacing:1px}.detection-status.inactive{background:#ffffff1a;color:#666}.detection-status.active{background:#0f0;color:#000;box-shadow:0 0 15px #00ff0080}.hud-rankings{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.rank-item{background:var(--broadcast-bg);padding:10px 20px;font-weight:900;font-style:italic;border-left:5px solid transparent;transition:all .3s;font-size:1.2rem;color:#888}.rank-item.active{border-left-color:var(--rcn-red);background:#e3061333;color:#fff;transform:scale(1.1)}.hud-bottom{padding:40px;z-index:10}.header-center{flex:1;display:flex;justify-content:center}.btn-withdraw{background:#e3061333;border:1px solid var(--rcn-red);color:#fff;padding:5px 15px;font-size:.7rem;font-weight:900;cursor:pointer;clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%);transition:all .3s;text-transform:uppercase}.btn-withdraw:hover{background:var(--rcn-red);transform:scale(1.05)}.power-section{width:60%;margin:0 auto}.power-bar-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.power-badge{font-weight:900;color:var(--rcn-yellow);font-size:.9rem}.power-reading{font-size:2.5rem;font-weight:900;line-height:1}.power-bar-wrapper{height:15px;background:#ffffff1a;position:relative}.power-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#0f0,#ff0,red);transition:width .1s ease-out;box-shadow:0 0 30px #ff09,0 0 50px #f006;position:relative;overflow:hidden}.power-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shine 1.5s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.power-markers{position:absolute;top:100%;width:100%;display:flex;justify-content:space-between;font-size:.6rem;margin-top:5px;color:#666}.peloton-layer{position:absolute;width:100%;height:100%;z-index:5;pointer-events:none}.cyclist{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:60px;height:80px}.cyclist.player{transform:translate(-50%) scale(1.5);z-index:10}.cyclist:after{content:"";position:absolute;bottom:-5px;left:10%;width:80%;height:10px;background:#0000004d;border-radius:50%;filter:blur(4px);z-index:-1}.bike-body{width:100%;height:100%;background:url(https://cdn-icons-png.flaticon.com/512/3133/3133606.png) no-repeat center;background-size:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4));animation:bounce .4s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:1000;display:none;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:auto}.overlay.active{display:flex;text-align:center}.content-box{display:flex;flex-direction:column;align-items:center;max-width:900px;padding:40px;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.brand-header{margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.rcn-logo-main{width:180px;filter:drop-shadow(0 0 15px rgba(227,6,19,.6));animation:pulseLogo 2s infinite alternate}@keyframes pulseLogo{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(227,6,19,.4))}to{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(227,6,19,.8))}}.transelo-badge{background:var(--rcn-blue);color:#fff;padding:5px 20px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;clip-path:polygon(5% 0,100% 0,95% 100%,0% 100%)}.title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:.85;margin-bottom:5px;text-transform:uppercase;background:linear-gradient(to bottom,#fff 50%,#ccc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.highlight{display:block;color:var(--rcn-red);-webkit-text-fill-color:var(--rcn-red)}.subtitle{font-size:clamp(.9rem,2.5vw,1.2rem);color:var(--rcn-yellow);font-weight:700;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px}.btn-main{background:var(--rcn-red);color:#fff;border:none;padding:18px 60px;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:900;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #e3061366;margin-top:15px}.btn-main:hover{background:#fff;color:var(--rcn-red);transform:scale(1.1)}.countdown-display{font-size:20rem;font-weight:900;color:var(--rcn-red)}.result-card{background:var(--rcn-dark);padding:60px;border:5px solid var(--rcn-red);text-align:center;max-width:600px}.result-header{font-weight:900;color:#666;letter-spacing:2px}.result-stats{display:flex;gap:40px;margin:40px 0;justify-content:center}.res-item{display:flex;flex-direction:column}.res-label{font-size:.8rem;color:#888;font-weight:700}.res-value{font-size:2.5rem;font-weight:900;color:var(--rcn-yellow)}.result-actions{display:flex;gap:20px;justify-content:center}.btn-secondary{background:#333;color:#fff;border:none;padding:15px 30px;font-weight:700;cursor:pointer}.btn-outline{background:transparent;color:#fff;border:2px solid #555;padding:15px 30px;font-weight:700;cursor:pointer}.player-input{margin-bottom:25px}#player-name{background:#ffffff0d;border:3px solid rgba(255,255,255,.2);padding:12px 20px;color:#fff;font-size:clamp(1.2rem,2.5vw,1.6rem);font-family:var(--font-main);text-align:center;width:100%;max-width:450px;font-weight:900;transition:all .3s}#player-name::placeholder{color:#fffc;opacity:1}#player-name:focus{border-color:var(--rcn-red);background:#e306131a;outline:none;max-width:500px}.qr-container{margin:20px 0;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-container p{font-size:.8rem;color:#888;font-weight:700}#qrcode img{border:4px solid #fff}.footer-brand{margin-top:30px;font-size:.7rem;color:#444;font-weight:700}.camera-preview-container{position:absolute;bottom:20px;right:20px;width:240px;height:180px;background:#000;border:3px solid var(--rcn-red);box-shadow:0 0 20px #e3061366;z-index:50;overflow:hidden;border-radius:10px}.input-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);opacity:.3}.output-canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(-1)}.camera-status{position:absolute;top:0;width:100%;background:var(--rcn-red);color:#fff;font-size:.6rem;font-weight:900;text-align:center;padding:2px 0}.finish-line{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:1000px;height:100px;background:repeating-linear-gradient(90deg,#fff 0,#fff 50px,#000 50px,#000 100px);z-index:4;display:none}