@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--color-primary: #13ddec;--color-background: #050508;--color-surface: #12121A;--color-text: #E0F8F8;--color-muted: #4A5568;--color-accent: #FF003C;--font-display: "Space Grotesk", sans-serif;--font-terminal: "Space Grotesk", monospace;--radius-none: 0px;--border-neon: 1px solid var(--color-primary);--shadow-neon: 0 0 15px rgba(19, 221, 236, .5);--shadow-alert: 0 0 15px rgba(255, 0, 60, .7)}*{margin:0;padding:0;box-sizing:border-box;cursor:crosshair}html,body{width:100%;height:100%;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-display);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.scanlines{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:50}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes pulseGlow{0%,to{opacity:1;text-shadow:var(--shadow-neon)}50%{opacity:.5;text-shadow:none}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.animate-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:4px solid var(--color-primary);animation:typing 2s steps(24,end) forwards,blink .75s step-end infinite}.animate-scroll-up{animation:scrollUp 20s linear infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}#app{width:100%;height:100%;position:relative;z-index:10}.screen{width:100%;height:100%;display:none;flex-direction:column;position:absolute;top:0;left:0}.screen.active{display:flex!important}button{background-color:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.1rem;padding:1rem 2rem;position:relative;transition:all .2s ease;outline:none}button:hover{background-color:#13ddec1a;box-shadow:var(--shadow-neon)}button:active{animation:glitch .2s linear infinite;background-color:var(--color-primary);color:var(--color-background)}input{background-color:transparent;border:none;border-bottom:2px solid var(--color-muted);color:var(--color-primary);font-family:var(--font-display);font-size:1.5rem;padding:.5rem;text-align:center;width:100%;outline:none;text-transform:uppercase;letter-spacing:.2rem;transition:border-color .3s ease}input:focus{border-color:var(--color-primary)}#home-screen{justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(19,221,236,.05) 0%,transparent 70%)}.terminal-container{background:#12121acc;border:1px solid rgba(74,85,104,.3);padding:3rem;width:100%;max-width:500px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 0 30px #00000080}.hex-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;pointer-events:none;overflow:hidden;display:flex;flex-direction:column;align-items:center;z-index:-1}.hud{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid rgba(40,56,57,1);background:#12121ae6;position:relative;z-index:60}.hud-item{font-size:.7rem;color:var(--color-primary);letter-spacing:.1rem;display:flex;align-items:center;gap:.5rem}.timer-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.t-minus{font-size:.5rem;color:var(--color-muted);letter-spacing:.2rem}.timer-value{font-size:2.5rem;font-weight:700;line-height:1;color:var(--color-primary);text-shadow:var(--shadow-neon)}.image-container-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.subject-wrapper{flex:1;position:relative;overflow:hidden;border:1px solid var(--color-muted);transition:all .3s ease}.subject-wrapper:hover{border-color:var(--color-primary);z-index:20}.target-tag{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#13ddec1a;border:1px solid var(--color-primary);color:var(--color-primary);padding:.5rem 1rem;font-size:.8rem;letter-spacing:.2rem;opacity:0;transition:opacity .2s ease;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.subject-wrapper:hover .target-tag{opacity:1}.vs-divider{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:none}.vs-badge-new{width:3.5rem;height:3.5rem;background:var(--color-surface);border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-primary);box-shadow:var(--shadow-neon);animation:pulseVs 1.5s infinite}@keyframes pulseVs{0%{transform:scale(1);box-shadow:0 0 #13ddecb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #13ddec00}to{transform:scale(1);box-shadow:0 0 #13ddec00}}.bottom-bar{height:.5rem;width:100%;background:var(--color-surface);z-index:60}#timer-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#13ddec,#13ddec 70%,#ff003c);background-size:200% 100%;transition:width .1s linear}.verdict-large{font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:.3rem;margin-bottom:2rem;text-align:center}.verdict-large.success{color:var(--color-primary);text-shadow:var(--shadow-neon)}.verdict-large.failure{color:var(--color-accent);text-shadow:var(--shadow-alert)}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.flex-col{flex-direction:column}.w-full{width:100%}.mt-8{margin-top:2rem}.pt-6{padding-top:1.5rem}.relative{position:relative}.z-10{z-index:10}.gap-4{gap:1rem}