:root{--cian: #2ff3e0;--magenta: #ff2d78;--ambar: #ffb020;--hueso: #dfe9f0;--void: #04050a;--display: "Chakra Petch", system-ui, sans-serif;--sagrado: "Cormorant Garamond", Georgia, serif;--util: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#000;color:var(--hueso);font-family:var(--display);touch-action:none;overscroll-behavior:none}@supports (height: 100dvh){html,body{height:100dvh}}canvas{display:block;touch-action:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:1px solid var(--cian);outline-offset:3px}#seo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}#escena{position:fixed;inset:0;z-index:1}#scan{position:fixed;inset:0;z-index:15;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);opacity:.5}#glow{position:fixed;inset:0;z-index:16;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(120% 80% at 50% 50%,transparent 40%,rgba(47,243,224,.05) 75%,rgba(255,45,120,.07) 100%)}#vin{position:fixed;inset:0;z-index:17;pointer-events:none;box-shadow:inset 0 0 min(240px,28vw) #000000eb;animation:parpadeo 7s infinite}@keyframes parpadeo{0%,96%,to{opacity:1}97%{opacity:.82}98.5%{opacity:.94}}#hud{position:fixed;inset:0;z-index:20;pointer-events:none;user-select:none}#hud>*{pointer-events:auto}.esquina{position:absolute;padding:clamp(12px,3vw,22px)}.sup-izq{top:0;left:0}.sup-der{top:0;right:0;text-align:right}.marca{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.3em;color:var(--cian);text-shadow:0 0 12px rgba(47,243,224,.7)}.marca em{font-style:normal;color:var(--magenta);text-shadow:0 0 12px rgba(255,45,120,.7)}.zona{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.22em;color:#dfe9f0;margin-top:4px;text-transform:uppercase}.objetivo{font-family:var(--util);font-size:8px;letter-spacing:.18em;color:#dfe9f08c;margin-top:2px;line-height:1.4}#fundido{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .3s ease-out}#fundido.cerrando{opacity:.6;transition-duration:.13s}.icono{font-family:var(--util);font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:9px 12px;border:1px solid rgba(47,243,224,.3);color:#dfe9f0b3;transition:.22s;display:block;margin-bottom:8px;width:100%;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.icono:hover{border-color:var(--cian);color:var(--cian);box-shadow:0 0 14px #2ff3e040}.filtro{display:inline-flex;align-items:baseline;gap:8px;margin-top:10px;padding:5px 10px;border:1px solid rgba(47,243,224,.45);color:#2ff3e0e6;font-family:var(--util);font-size:9px;letter-spacing:.22em;text-transform:uppercase;background:#04080e80;transition:border-color .6s,color .6s;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.filtro b{font-weight:700;letter-spacing:.16em;opacity:.55}.radar{position:relative;pointer-events:none;margin-top:6px}.radar:after{content:"RADAR";position:absolute;left:0;right:0;top:-11px;font-family:var(--util);font-size:7px;letter-spacing:.3em;color:#2ff3e080;text-align:center}.radar canvas{width:112px;height:112px;display:block;border-radius:50%;border:1px solid rgba(47,243,224,.35);background:#04040680}.sectores{display:flex;gap:3px;margin-top:7px;width:112px}.sectores span{flex:1;height:3px;background:#dfe9f026;transition:background .4s}.sectores span.on{background:#2ff3e0}@media(max-width:400px){.radar canvas{width:92px;height:92px}.sectores{width:92px}}#mira{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;transition:.25s;opacity:.55}#mira i{position:absolute;width:8px;height:8px;border:1px solid var(--hueso)}#mira i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}#mira i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}#mira i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}#mira i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}#mira.activa{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(45deg)}#mira.activa i{border-color:var(--cian);box-shadow:0 0 8px var(--cian)}#prompt{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);font-family:var(--util);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cian);background:#04060cd1;border-left:2px solid var(--cian);padding:8px 14px;white-space:nowrap;opacity:0;transition:opacity .18s;text-shadow:0 0 10px rgba(47,243,224,.6)}#prompt.visible{opacity:1}#aviso{position:absolute;left:50%;bottom:calc(152px + env(safe-area-inset-bottom));transform:translate(-50%) translateY(8px);font-family:var(--util);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ambar);background:#04060ce6;border-left:2px solid var(--ambar);padding:10px 15px;text-align:center;max-width:86vw;opacity:0;transition:.35s;text-shadow:0 0 10px rgba(255,176,32,.5)}#aviso.visible{opacity:1;transform:translate(-50%) translateY(0)}#stick{position:absolute;left:calc(26px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:124px;height:124px;border-radius:50%;border:1px solid rgba(47,243,224,.3);background:radial-gradient(circle,rgba(47,243,224,.08),transparent 70%);display:none;place-items:center;opacity:.5;transition:opacity .2s;touch-action:none}#stick.agarrado{opacity:1}#stick i{width:48px;height:48px;border-radius:50%;background:#2ff3e024;border:1px solid rgba(47,243,224,.65);box-shadow:0 0 18px #2ff3e04d;transition:transform .06s linear}#accion{position:absolute;right:calc(22px + env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));width:84px;height:84px;border:1px solid rgba(255,45,120,.45);background:#ff2d7817;display:none;place-items:center;font-family:var(--util);font-size:9px;letter-spacing:.14em;color:var(--magenta);text-transform:uppercase;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}#accion:active{background:#ff2d784d;transform:scale(.94)}#accion.listo{border-color:var(--magenta);box-shadow:0 0 26px #ff2d7866}body.tactil #stick,body.tactil #accion{display:grid}#lector{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#030409eb;backdrop-filter:blur(6px);padding:24px}.ficha{max-width:560px;width:100%;max-height:84vh;overflow-y:auto;text-align:center;padding:34px 22px;position:relative;border:1px solid rgba(47,243,224,.35);background:linear-gradient(180deg,rgba(47,243,224,.05),transparent 60%);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.ficha .num{font-family:var(--util);font-size:10px;letter-spacing:.32em;color:var(--magenta);text-transform:uppercase}.ficha h3{font-family:var(--display);font-weight:700;font-size:clamp(24px,6vw,38px);letter-spacing:.06em;margin:12px 0 18px;color:var(--cian);text-shadow:0 0 18px rgba(47,243,224,.45)}.ficha p{font-family:var(--sagrado);font-style:italic;font-size:clamp(17px,3.8vw,21px);line-height:1.6;color:#dfe9f0db}.cerrar{margin-top:28px;font-family:var(--util);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--cian);border:1px solid rgba(47,243,224,.4);padding:13px 26px;transition:.25s}.cerrar:hover{background:#2ff3e01f}#juramento{position:fixed;inset:0;z-index:41;display:flex;align-items:center;justify-content:center;overflow-y:auto;background:radial-gradient(60% 60% at 50% 40%,#14041af5,#030307fa);padding:30px 22px}.forma{width:min(460px,100%);display:flex;flex-direction:column;gap:13px}.forma h3{font-family:var(--display);font-weight:700;font-size:clamp(24px,7vw,38px);letter-spacing:.1em;text-align:center;color:var(--magenta);text-shadow:0 0 22px rgba(255,45,120,.5)}.forma .intro{font-family:var(--sagrado);font-style:italic;font-size:19px;line-height:1.5;text-align:center;color:#dfe9f0c7;margin-bottom:8px}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-family:var(--util);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#2ff3e0cc}.campo input,.campo textarea{font-family:var(--display);font-weight:300;font-size:17px;color:var(--hueso);background:#2ff3e00a;border:1px solid rgba(47,243,224,.26);padding:11px 13px;border-radius:0}.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--cian);box-shadow:0 0 16px #2ff3e02e}.campo textarea{resize:vertical;min-height:74px}.sello{font-family:var(--util);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--void);background:var(--cian);padding:15px 24px;transition:.25s;font-weight:500;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.sello:hover{background:var(--magenta);color:#fff;letter-spacing:.34em}.sello[disabled]{background:#dfe9f026;color:#dfe9f080;cursor:progress}#cerradura{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:30px 22px;background:radial-gradient(120% 90% at 50% 50%,#0b1524,#04050a 60%,#000)}body.sellado #escena,body.sellado #hud,body.sellado #portada{pointer-events:none}#cerradura form{width:min(400px,100%);display:flex;flex-direction:column;gap:13px;text-align:center}#cerradura .sub{font-family:var(--util);font-size:clamp(8px,2.2vw,10px);letter-spacing:.4em;text-transform:uppercase;color:var(--magenta)}#cerradura h2{font-family:var(--display);font-weight:700;font-size:clamp(30px,9vw,52px);letter-spacing:.18em;color:var(--hueso);text-shadow:2px 0 0 rgba(255,45,120,.7),-2px 0 0 rgba(47,243,224,.7),0 0 36px rgba(47,243,224,.28)}#cerradura .lede{font-family:var(--sagrado);font-style:italic;font-size:18px;line-height:1.55;color:#dfe9f0b8;margin-bottom:10px}#cerradura .campo{text-align:left}#cerradura input{width:100%;letter-spacing:.3em;text-align:center}#cerradura-error{min-height:1.2em;font-family:var(--util);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ambar)}#portada{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:radial-gradient(130% 90% at 50% 100%,#0b1524,#04050a 55%,#000)}#portada.fuera{opacity:0;pointer-events:none;transition:opacity 1.1s}#portada .sub{font-family:var(--util);font-size:clamp(8px,2.2vw,10px);letter-spacing:.4em;text-transform:uppercase;color:var(--magenta);margin-bottom:20px}#portada h1{font-family:var(--display);font-weight:700;font-size:clamp(36px,11vw,92px);letter-spacing:.14em;color:var(--hueso);text-shadow:2px 0 0 rgba(255,45,120,.75),-2px 0 0 rgba(47,243,224,.75),0 0 40px rgba(47,243,224,.3);animation:glitch 6s infinite}@keyframes glitch{0%,92%,to{transform:none}93%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}95%{transform:none}}#portada .lede{font-family:var(--sagrado);font-style:italic;font-size:clamp(18px,4vw,22px);line-height:1.6;max-width:44ch;color:#dfe9f0b8;margin:20px 0 32px}.teclas{font-family:var(--util);font-size:10px;letter-spacing:.16em;color:#dfe9f059;margin-top:28px;line-height:2}.linea{width:min(340px,68vw);height:1px;margin:16px auto;background:linear-gradient(90deg,transparent,var(--cian),var(--magenta),transparent);opacity:.7}