:root{--color-rojo: #ff5252;--color-azul: #448aff;--color-amarillo: #ffeb3b;--color-verde: #69f0ae;--color-morado: #b388ff;--bg-color: #121212;--text-color: #f0f0f0;--ui-bg: #1e1e1e;--border-color: #333}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}.game-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease}.game-wrapper.state-acierto{background-color:#1a3a2a}.game-wrapper.state-fallo{background-color:#4d1f1f}.game-ui{padding:1rem 2rem;background-color:var(--ui-bg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;z-index:100;flex-shrink:0}.game-ui h1{font-size:1.2rem;margin:0}.stats{display:flex;gap:2rem;font-size:1rem;align-items:center}.timer{font-weight:700;color:var(--color-amarillo);font-size:1.2rem}.target-display{display:flex;align-items:center;gap:1rem}.target-display h3{margin:0;font-weight:400}.target-preview{width:60px;height:60px;transform:scale(.66);transform-origin:center center;display:flex;justify-content:center;align-items:center}.target-preview .shape{width:60px;height:60px;position:static}.scene{flex-grow:1;position:relative;overflow:hidden;cursor:grab}.scene:active{cursor:grabbing}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.shape{position:absolute;width:60px;height:60px;cursor:pointer;left:0;top:0}.shape.circulo{border-radius:50%}.shape.cuadrado{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.shape.triangulo{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape.hexagono{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape.diamante{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape.rojo{background-color:var(--color-rojo)}.shape.azul{background-color:var(--color-azul)}.shape.amarillo{background-color:var(--color-amarillo)}.shape.verde{background-color:var(--color-verde)}.shape.morado{background-color:var(--color-morado)}.shape.rayas{background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.3) 5px,rgba(0,0,0,.3) 10px)}.shape.puntos{background-image:radial-gradient(rgba(255,255,255,.4) 20%,transparent 20%);background-size:15px 15px}.shape.ajedrez{background-image:linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.3) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.3) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.3) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.shape.ondas{background-image:radial-gradient(circle at 100% 50%,transparent 20%,rgba(0,0,0,.3) 21%,rgba(0,0,0,.3) 34%,transparent 35%,transparent),radial-gradient(circle at 0% 50%,transparent 20%,rgba(0,0,0,.3) 21%,rgba(0,0,0,.3) 34%,transparent 35%,transparent);background-size:30px 60px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{background-color:var(--ui-bg);padding:2rem 4rem;border-radius:8px;text-align:center;border:1px solid var(--border-color)}.modal h2{margin-top:0}.modal .new-record{color:var(--color-verde);font-weight:700}.modal button{background-color:var(--color-azul);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;margin-top:1rem;transition:background-color .2s}.modal button:hover{background-color:#306fce}.modal .instructions{line-height:1.6;color:#ccc;margin:1.5rem 0}@keyframes animacionInquieta{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px,5px) rotate(.2deg)}50%{transform:translate(5px,-10px) rotate(0)}75%{transform:translate(-10px,5px) rotate(-.2deg)}to{transform:translate(0) rotate(0)}}.world-content{width:100%;height:100%;position:relative;will-change:transform}.world-content--inquieto{animation:animacionInquieta 20s ease-in-out infinite}.effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@keyframes animacionParpadeo{0%,10%,to{background-color:transparent}5%{background-color:#ffffffe6}}.effect-overlay--parpadeo{animation:animacionParpadeo 4s linear infinite;mix-blend-mode:color}@keyframes animacionRuido{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}to{transform:translate(0)}}.effect-overlay--camuflaje{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuOCIgbnVtT2N0YXZlcz0iMyIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiBmaWx0ZXI9InVybCgjbnoaXNlKSIgb3BhY2l0eT0iMC4xNSIvPjwvc3ZnPg==);opacity:.5;mix-blend-mode:overlay;animation:animacionRuido 1s steps(5,end) infinite}