*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{height:100%;overscroll-behavior:none}:root{--tinta: #0d0d11;--fucsia: #ff5da2;--menta: #5dffba;--papel: #fff;--texto: #f4f4f8;--tenue: #9a9aab}body{background:var(--tinta);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation}#app{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:20px}h1{font-size:clamp(48px,14vw,72px);font-weight:800;letter-spacing:-.03em;color:var(--menta)}p{color:var(--texto);font-size:17px;line-height:1.5;max-width:340px}.hint{font-size:14px;color:var(--tenue)}button.primary{appearance:none;border:none;border-radius:999px;padding:20px 44px;font-size:22px;font-weight:800;color:var(--tinta);background:var(--fucsia);cursor:pointer}button.primary:active{transform:scale(.97);filter:brightness(.85)}button.ghost{appearance:none;background:none;border:none;color:var(--tenue);font-size:15px;text-decoration:underline;cursor:pointer;padding:8px}.position{font-size:clamp(80px,30vw,140px);font-weight:800;line-height:1;color:var(--menta)}.badge{display:inline-block;padding:7px 18px;border:2px solid var(--menta);border-radius:999px;background:none;color:var(--menta);font-size:15px;font-weight:700}.badge.warn{border-color:var(--fucsia);background:var(--fucsia);color:var(--tinta)}.lobby{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.pregunta{font-size:clamp(22px,6.5vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--texto);max-width:320px}.sub{font-size:19px;font-weight:700}.aviso{background:var(--fucsia);color:var(--tinta);border-radius:18px;padding:16px 22px;font-size:19px;font-weight:800;line-height:1.35;max-width:320px}.aviso span{display:block;margin-top:4px;font-size:15px;font-weight:600;opacity:.75}.piramide{position:relative;width:min(86vw,380px);aspect-ratio:1 / .95}.opcion{position:absolute;inset:0;appearance:none;border:none;padding:0;cursor:pointer;color:var(--tinta);transition:filter .12s ease-out}.opcion:active{filter:brightness(.82)}.opcion-cam{background:var(--fucsia);clip-path:polygon(0% 0%,100% 0%,78% 44%,22% 44%)}.opcion-tacto{background:var(--menta);clip-path:polygon(23.5% 47%,76.5% 47%,50% 100%)}.opcion-in{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.opcion-cam .opcion-in{top:0;left:0;right:0;height:44%}.opcion-tacto .opcion-in{top:47%;left:24%;right:24%;height:32%}.opcion .icono{display:block;color:currentColor}.opcion-cam .icono{width:84px}.opcion-tacto .icono{width:40px;transform:rotate(180deg)}.opcion-label{font-size:20px;font-weight:800;letter-spacing:.06em}.opcion-tacto .opcion-label{font-size:14px;letter-spacing:.04em}#stage{position:fixed;inset:0;touch-action:none;display:grid;grid-template-rows:var(--mitad, 50%) 1fr}#stage .timebar{position:fixed;top:0;left:0;height:6px;width:100%;transform-origin:left;background:#0d0d11;z-index:1}.zona-libre{position:relative;background:#ff5da2;color:#0d0d11;overflow:hidden}.zona-toque{position:absolute;width:min(62vw,320px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#5dffba 0% 16%,#5dffba9e 34%,#5dffba4d,#5dffba1a 70%,#5dffba00 84%);transform:translate(-50%,-50%) scale(.72);pointer-events:none;transition:opacity .35s ease-out,transform .28s cubic-bezier(.22,1,.36,1)}.reloj{position:absolute;top:20px;left:22px;font-size:34px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.pad{position:relative;background:#fff;color:#0d0d11;overflow:hidden}.pad .estela{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reticula{position:absolute;inset:0;pointer-events:none;--eje: rgba(13, 13, 17, .11);background:linear-gradient(var(--eje),var(--eje)) center / 100% 1px no-repeat,linear-gradient(var(--eje),var(--eje)) center / 1px 100% no-repeat}.reticula:after{content:"";position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border:2px solid rgba(13,13,17,.3);border-radius:50%}.pad-label{position:absolute;left:0;right:0;bottom:18px;margin:0 auto;color:#0d0d11;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center;opacity:.45}.touch-dot{position:absolute;width:72px;height:72px;border-radius:50%;border:2px solid #0d0d11;background:#0d0d111a;transform:translate(-50%,-50%);pointer-events:none}.overlay{position:fixed;inset:0;background:#0d0d11e0;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;text-align:center;padding:24px}.bigclaim{width:min(78vw,340px);aspect-ratio:1;border-radius:50%;border:none;font-size:44px;font-weight:800;color:var(--tinta);background:var(--fucsia);box-shadow:0 0 80px #ff5da273;cursor:pointer;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}