:root{--bg-dark: #0a0d12;--bg-card: rgba(18, 24, 34, .85);--bg-card-hover: rgba(28, 36, 50, .9);--border-card: rgba(255, 255, 255, .12);--primary-silver: #e2e8f0;--metallic-gradient: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #94a3b8 100%);--brand-accent: #FC3348;--brand-gold: #f59e0b;--signal-red: #ef4444;--signal-red-glow: rgba(239, 68, 68, .6);--signal-amber: #f59e0b;--signal-amber-glow: rgba(245, 158, 11, .6);--signal-green: #10b981;--signal-green-glow: rgba(16, 185, 129, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--text-dark: #0f172a;--font-display: "Outfit", "Chakra Petch", "Noto Sans Devanagari", sans-serif;--font-body: "Inter", "Noto Sans Devanagari", sans-serif;--font-tech: "Chakra Petch", "Noto Sans Devanagari", monospace;--shadow-glow: 0 0 25px rgba(252, 51, 72, .2);--shadow-card: 0 20px 40px -15px rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 20%,#1e293b99,#0a0d12f2 75%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.8) 100%);position:relative}.app-container.screen-welcome,.app-container.screen-game,.app-container.screen-result{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.screen-welcome .content-wrapper,.screen-game .content-wrapper,.screen-result .content-wrapper{height:100%;max-height:100%;padding:.75rem 1rem;justify-content:center;overflow:hidden}.app-container.screen-leaderboard{min-height:100vh;overflow-y:auto}.screen-leaderboard .content-wrapper{padding:1.5rem 1rem}.highway-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.highway-lanes{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%) translateZ(0);will-change:transform;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 25px,rgba(255,255,255,.15) 25px,rgba(255,255,255,.15) 65px);animation:laneMove 3s linear infinite}@keyframes laneMove{0%{transform:translate(-50%) translateY(0) translateZ(0)}to{transform:translate(-50%) translateY(90px) translateZ(0)}}.content-wrapper{position:relative;z-index:1;width:100%;max-width:900px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;flex:1}.brand-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:16px;margin-bottom:.75rem;box-shadow:0 4px 20px #0006;gap:.4rem;width:100%;overflow:hidden}.brand-header-left{display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.brand-logo-img{height:40px;width:auto;max-width:150px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(255,255,255,.15));transition:transform .3s ease}.brand-logo-img:hover{transform:scale(1.03)}.brand-title-text{font-family:var(--font-tech);font-size:.9rem;font-weight:800;letter-spacing:1.5px;color:#fff;text-transform:uppercase;white-space:nowrap}.brand-badge{font-family:var(--font-tech);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#e2e8f0;background:#ffffff0f;padding:.35rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);white-space:nowrap;flex-shrink:0}.round-pill{font-family:var(--font-tech);font-size:.85rem;font-weight:700;color:var(--brand-accent);background:#fc33481f;border:1px solid rgba(252,51,72,.35);padding:.35rem .75rem;border-radius:20px;display:flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}@media(max-width:540px){.brand-title-text{display:none}.brand-header{padding:.4rem .6rem}.brand-logo-img{height:32px;max-width:120px}.brand-badge,.round-pill{font-size:.75rem;padding:.3rem .55rem}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-card);text-align:center;transition:transform .3s ease,border-color .3s ease}.home-card{background:#080c14;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem 2rem 1.5rem;max-width:480px;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-shadow:0 25px 50px #000000e6,0 0 40px #fc334814;max-height:96dvh}.home-card-bg-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,rgba(252,51,72,.1) 0%,transparent 60%),linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 45%),linear-gradient(225deg,rgba(255,255,255,.03) 0%,transparent 45%);z-index:0}.home-logo-container{z-index:1;margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.home-logo-img{width:140px;height:auto;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.6))}.home-title-box{display:flex;flex-direction:column;align-items:center;z-index:1;margin-bottom:1.25rem;line-height:.95;text-align:center}.title-row{font-family:var(--font-display);font-size:2.6rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.title-row.white{color:#fff}.title-row.blue{color:#fc3348;background:linear-gradient(180deg,#ff5467,#fc3348);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-tagline-divider{display:flex;align-items:center;width:100%;gap:.75rem;margin-bottom:1.5rem;z-index:1}.divider-line{flex:1;height:1px;background:#ffffff26}.tagline-text{font-family:var(--font-tech);font-size:.72rem;font-weight:700;letter-spacing:1.2px;color:#94a3b8;white-space:nowrap;text-transform:uppercase}.home-input-group{display:flex;flex-direction:column;align-items:center;width:100%;gap:.4rem;margin-bottom:1rem;z-index:1}.home-input-label{display:flex;align-items:center;gap:.4rem;font-family:var(--font-tech);font-size:.8rem;font-weight:700;letter-spacing:2px;color:#fc3348;text-transform:uppercase}.user-icon{color:#fc3348}.home-name-input{width:100%;padding:.9rem 1.1rem;background:#05080e;border:1.5px solid #1e293b;border-radius:12px;color:#fff;font-family:var(--font-body);font-size:1.05rem;font-weight:500;text-align:center;outline:none;transition:all .25s ease}.home-name-input:focus{border-color:#fc3348;box-shadow:0 0 20px #fc33484d}.home-name-input::placeholder{color:#475569}.home-start-btn{width:100%;padding:1rem 1.75rem;background:linear-gradient(180deg,#fc3348,#d91b30);border:none;border-radius:14px;color:#fff;font-family:var(--font-display);font-size:1.15rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 8px 30px #fc334873;transition:all .25s ease;z-index:1}.home-start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #fc3348a6;background:linear-gradient(180deg,#ff5467,#fc3348)}.home-start-btn .btn-arrow{transition:transform .25s ease}.home-start-btn:hover .btn-arrow{transform:translate(4px)}.home-leaderboard-btn{margin-top:1rem;background:transparent;border:none;color:#64748b;font-family:var(--font-tech);font-size:.85rem;font-weight:700;letter-spacing:1.5px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .2s ease;z-index:1}.home-leaderboard-btn:hover{color:#fc3348}.btn-primary{font-family:var(--font-display);font-size:1.15rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#fff;background:linear-gradient(135deg,#fc3348,#d91b30);border:none;border-radius:14px;padding:.95rem 2.4rem;cursor:pointer;box-shadow:0 0 20px #fc334866;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px #fc334899;background:linear-gradient(135deg,#ff5467,#fc3348)}.btn-primary:active{transform:translateY(1px)}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;flex:1;gap:.75rem}.game-card{display:flex;flex-direction:column;align-items:center;width:100%;flex:1;padding:1.5rem;border-radius:24px;justify-content:space-between;gap:1rem;box-sizing:border-box}.signal-box{background:#090d14;border:3px solid #334155;border-radius:25px;padding:1rem 1.8rem;display:inline-flex;justify-content:center;align-items:center;gap:1.5rem;box-shadow:0 10px 30px #000c,inset 0 2px 6px #ffffff1a;margin:0 auto;width:fit-content;max-width:100%;flex-shrink:0}.signal-light{width:58px;height:58px;border-radius:50%;background:#1e293b;border:2px solid #0f172a;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.signal-light.red.active{background:var(--signal-red);box-shadow:0 0 35px var(--signal-red-glow),inset 0 -4px 10px #00000080}.signal-light.amber.active{background:var(--signal-amber);box-shadow:0 0 35px var(--signal-amber-glow),inset 0 -4px 10px #00000080}.signal-light.green.active{background:var(--signal-green);box-shadow:0 0 45px var(--signal-green-glow),inset 0 -4px 10px #00000080}.tap-zone{width:100%;flex:1;min-height:220px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;position:relative;padding:2rem 1.5rem;border:2px dashed rgba(255,255,255,.2)}.tap-zone.state-waiting{background:#ef444414;border-color:#ef444466}.tap-zone.state-ready{background:#10b98126;border-color:#10b981cc;box-shadow:inset 0 0 40px #10b98133;animation:pulseGreen .6s infinite alternate}@keyframes pulseGreen{0%{transform:scale(.995);border-color:#10b98199}to{transform:scale(1.005);border-color:#10b981}}.tap-zone.state-early{background:#f59e0b26;border-color:#f59e0b99}.tap-instruction{font-family:var(--font-display);font-size:2.4rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:.6rem}.state-waiting .tap-instruction{color:#fca5a5}.state-ready .tap-instruction{color:#6ee7b7;text-shadow:0 0 15px rgba(16,185,129,.5)}.state-early .tap-instruction{color:#fde047}.tap-subtext{font-family:var(--font-body);font-size:.95rem;color:var(--text-muted)}.reaction-time-display{font-family:var(--font-tech);font-size:3.5rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(252,51,72,.6);margin-top:.5rem;line-height:1}.reaction-unit{font-size:1.6rem;color:var(--brand-accent);margin-left:.3rem}.result-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:.55rem;max-width:480px;margin:auto;width:100%;max-height:96dvh;padding:1.2rem 1.4rem;box-sizing:border-box;overflow-y:auto}.result-logo{height:90px;max-height:110px;width:auto;object-fit:contain;margin-bottom:.25rem;filter:drop-shadow(0 8px 20px rgba(0,0,0,.7));transition:transform .3s ease}.result-score-box{display:flex;flex-direction:column;align-items:center;margin:.1rem 0}.result-score-title{font-family:var(--font-tech);font-size:.85rem;font-weight:700;letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.result-big-score{font-family:var(--font-tech);font-size:3.2rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#fff,#fc3348);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.score-unit{font-size:1.6rem;color:var(--brand-accent);-webkit-text-fill-color:var(--brand-accent)}.new-top-score-pill{background:#10b98133;border:1px solid #10b981;color:#6ee7b7;padding:.3rem .85rem;border-radius:20px;font-family:var(--font-tech);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;box-shadow:0 0 15px #10b98166}.badge-champion{font-family:var(--font-display);font-size:1rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#0f172a;background:linear-gradient(135deg,#f59e0b,#fbbf24);padding:.4rem 1.2rem;border-radius:50px;box-shadow:0 0 20px #f59e0b73;display:inline-flex;align-items:center;gap:.4rem}.driver-info-card{display:flex;flex-direction:column;gap:.35rem;width:100%;max-width:360px;background:#0f172ab3;padding:.55rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:.88rem}.driver-info-row{display:flex;justify-content:space-between;color:#f8fafc}.driver-info-label{color:var(--text-muted)}.driver-info-val{font-weight:700}.rounds-breakdown{width:100%;max-width:360px;background:#0f172a99;border:1px solid var(--border-card);border-radius:12px;padding:.55rem .85rem}.rounds-breakdown-title{font-size:.75rem;color:var(--text-muted);margin-bottom:.35rem;font-family:var(--font-tech);text-align:left}.rounds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.round-card{background:#1e293b99;padding:.45rem .35rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.round-card-num{font-size:.72rem;color:var(--text-muted);font-family:var(--font-tech)}.round-card-val{font-size:.95rem;font-weight:700;color:#f8fafc;font-family:var(--font-tech)}.action-row{display:flex;gap:.75rem;width:100%;justify-content:center;margin-top:.25rem}.btn-secondary{font-family:var(--font-display);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-main);background:#1e293bcc;border:1px solid var(--border-card);border-radius:12px;padding:.75rem 1.4rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#334155e6;border-color:#ffffff4d;transform:translateY(-2px)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.5rem;border-radius:12px}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:.5rem;text-align:left;min-width:500px}.leaderboard-table th{font-family:var(--font-tech);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;padding:.75rem;border-bottom:1px solid var(--border-card);white-space:nowrap}.leaderboard-table td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-body);white-space:nowrap}.rank-pill{font-family:var(--font-tech);font-weight:700;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a}.rank-1{background:#f59e0b;color:#0f172a}.rank-2{background:#94a3b8;color:#0f172a}.rank-3{background:#b45309;color:#fff}@media(max-width:580px){.campaign-name-badge{display:none}}@media(max-width:640px){.home-card{padding:1.5rem 1rem;max-height:98dvh}.title-row{font-size:2.1rem;letter-spacing:1px}.home-logo-img{width:120px;max-height:110px}.tagline-text{font-size:.62rem;letter-spacing:.6px}.signal-box{gap:.75rem;padding:.75rem 1.2rem;display:inline-flex;width:fit-content;margin:0 auto .5rem}.signal-light{width:44px;height:44px}.tap-instruction{font-size:1.5rem}.tap-subtext{font-size:.85rem}.reaction-time-display{font-size:2.8rem}.result-big-score{font-size:3rem}.badge-champion{font-size:.95rem;padding:.4rem 1rem}.action-row{flex-direction:row;gap:.6rem}.btn-primary,.btn-secondary{padding:.75rem 1.2rem;font-size:.9rem}}.lang-toggle-btn{display:inline-flex;align-items:center;gap:.35rem;background:#fc33481f;border:1px solid rgba(252,51,72,.35);color:#fff;padding:.3rem .65rem;border-radius:12px;font-family:Noto Sans Devanagari,Chakra Petch,sans-serif;font-weight:700;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.lang-toggle-btn:hover:not(:disabled){background:#fc334840;border-color:#fc334899;transform:translateY(-1px);box-shadow:0 4px 12px #fc33484d}.lang-toggle-btn:active:not(:disabled){transform:translateY(0)}.lang-toggle-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.lang-icon{color:var(--brand-accent);flex-shrink:0}.btn-primary,.btn-secondary,.home-start-btn,.home-leaderboard-btn{min-width:max-content;white-space:nowrap}