:root{--bg-dark: #0a0a1a;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .08);--bg-glass: rgba(255, 255, 255, .06);--neon-purple: #b44fff;--neon-pink: #ff3adf;--neon-blue: #3af0ff;--neon-green: #3affa3;--neon-red: #ff3a5c;--neon-yellow: #ffe03a;--text-primary: #f0f0ff;--text-secondary: rgba(240, 240, 255, .6);--text-muted: rgba(240, 240, 255, .35);--border: rgba(255, 255, 255, .1);--border-neon: rgba(180, 79, 255, .4);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-neon: 0 0 20px rgba(180, 79, 255, .4);--shadow-pink: 0 0 20px rgba(255, 58, 223, .4);--shadow-blue: 0 0 20px rgba(58, 240, 255, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .5);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(180,79,255,.12) 0%,transparent 60%),radial-gradient(ellipse 50% 35% at 80% 85%,rgba(255,58,223,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 60% 50%,rgba(58,240,255,.05) 0%,transparent 60%);background-attachment:fixed}#root{min-height:100dvh;display:flex;flex-direction:column}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/assets/tlo-DdJTqObT.png);background-size:cover;background-position:center;pointer-events:none}a{color:var(--neon-purple);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--neon-pink)}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit;transition:all var(--transition-base)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--neon-purple);box-shadow:0 0 0 3px #b44fff26}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);letter-spacing:.01em;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;min-height:52px}.btn-primary{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));color:#fff;box-shadow:0 4px 20px #b44fff66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #b44fff99}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){border-color:var(--border-neon);background:var(--bg-card-hover)}.btn-danger{background:linear-gradient(135deg,var(--neon-red),#ff6b35);color:#fff;box-shadow:0 4px 20px #ff3a5c66}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ff3a5c99}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-sm);min-height:38px}.btn-lg{padding:1.1rem 2.2rem;font-size:var(--font-size-lg);min-height:60px}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card)}.card-neon{border-color:var(--border-neon);box-shadow:var(--shadow-neon),var(--shadow-card)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg)}.neon-text{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.neon-text-blue{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem;display:block}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:99px;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-purple{background:#b44fff33;color:var(--neon-purple);border:1px solid rgba(180,79,255,.3)}.badge-pink{background:#ff3adf33;color:var(--neon-pink);border:1px solid rgba(255,58,223,.3)}.badge-green{background:#3affa333;color:var(--neon-green);border:1px solid rgba(58,255,163,.3)}.badge-red{background:#ff3a5c33;color:var(--neon-red);border:1px solid rgba(255,58,92,.3)}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;max-width:480px;margin:0 auto;width:100%}.page-wide{max-width:800px}.page-full{max-width:none;width:100%;padding:0}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-small{font-size:var(--font-size-sm)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.gap-1{gap:.5rem}.gap-2{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.items-center{align-items:center}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.timer-bar{height:4px;background:var(--border);border-radius:99px;overflow:hidden}.timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink));border-radius:99px;transition:width 1s linear}.timer-bar-fill.urgent{background:linear-gradient(90deg,var(--neon-red),var(--neon-yellow))}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #b44fff66}50%{box-shadow:0 0 40px #ff3adfb3}}@keyframes stampIn{0%{transform:scale(2) rotate(-15deg);opacity:0}60%{transform:scale(.9) rotate(3deg);opacity:1}to{transform:scale(1) rotate(-5deg);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.fade-in{animation:fadeIn .4s ease forwards}.slide-up{animation:slideUp .5s ease forwards}.pulse{animation:pulse 2s ease infinite}.glow{animation:glow 2s ease infinite}.stamp{display:inline-block;font-size:var(--font-size-xs);font-weight:900;letter-spacing:.15em;text-transform:uppercase;padding:.35rem .8rem;border:3px solid currentColor;border-radius:4px;transform:rotate(-5deg)}.stamp-red{color:var(--neon-red);border-color:var(--neon-red)}.stamp-green{color:var(--neon-green);border-color:var(--neon-green)}.stamp-purple{color:var(--neon-purple);border-color:var(--neon-purple)}.stamp-yellow{color:var(--neon-yellow);border-color:var(--neon-yellow)}.stamp-animated{animation:stampIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}.evidence-card{background:#0a0a1acc;border:1px solid rgba(180,79,255,.3);border-radius:var(--radius-md);padding:1.25rem;position:relative;overflow:hidden}.evidence-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-purple),var(--neon-pink))}.evidence-number{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-purple);margin-bottom:.75rem}.avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--bg-glass);border:2px solid var(--border);flex-shrink:0}.avatar-sm{width:36px;height:36px;font-size:1.1rem}.avatar-lg{width:64px;height:64px;font-size:2rem}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-green);flex-shrink:0;box-shadow:0 0 6px var(--neon-green)}.offline-dot{background:var(--text-muted);box-shadow:none}.scoreboard-row{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition-fast)}.scoreboard-row.first{background:#b44fff1a;border-color:var(--border-neon);box-shadow:var(--shadow-neon)}.reaction-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .875rem;font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.reaction-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-neon);transform:scale(1.1)}.reaction-btn.selected{background:#b44fff33;border-color:var(--neon-purple);box-shadow:0 0 12px #b44fff4d}.tape{background:#ffe03a26;border-top:1px solid rgba(255,224,58,.3);border-bottom:1px solid rgba(255,224,58,.3);padding:.25rem 1rem;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neon-yellow);text-align:center}.loading-dots:after{content:"...";animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media (max-width: 768px){#bg{background-image:url(/assets/tlomobile-Bs7IXQIG.png)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-neon)}